BigCommerce是一个电子商务平台。它们使用Handlebars.js提供简单且可扩展的REST API和基于Node.js的店面框架，用于模板化。无论您使用何种语言/技术，都可以使用此标记来询问任何BigCommerce API或主题开发相关问题。
[我正在尝试删除我的bigcommerce结帐页面的一部分，并替换为iframe ...这是我要删除的结帐页面的一部分 [[ ] >>]] > 目标是替换表格的信用卡部分： <form> ... <div class="form-body"> ... Credit Card ... </div> ... </form> 带有单个<iframe>元素。 此简单代码将用iframe替换<div class="form-body">及其所有内容： // find div that: // - is a child of <form> element // - has the class "form-body" // - contains the text "Credit Card" function findFormBodyWithCreditCard () { const form = document.getElementsByTagName('form')[0]; const formChildren = Array.from(form.children); const ccDiv = formChildren.reduce((accDiv, div) => { if (accDiv) { return accDiv; } // reject if not "form-body" if (!div.classList.contains('form-body')) { return null; } // reject if missing "Credit Card" text if (!div.innerText.includes('Credit Card')) { return null; } return div; }, null); return ccDiv; } function replaceFormBodyWithIframe () { let ccDiv = findFormBodyWithCreditCard (); if (!ccDiv) { alert('credit card section not found'); return; } let iframe = document.createElement('iframe'); iframe.src = 'https://www.example.com'; iframe.style.border = '1px solid #bbb'; iframe.height = '300px'; ccDiv.insertAdjacentElement('beforebegin', iframe); ccDiv.remove(); } .form-body { background-color: #aaa; color: white; padding: 1rem; margin: 0.2rem 0; } svg { display: none; } form { margin: 1rem 0.2rem; padding: 0.5rem; border: 1px solid #aaa; background-color: #eee; } form:before { color: #aaa; content: "<form>" } form:after { color: #aaa; content: "</form>" } <h4>Replace "form-body" div containing "Credit Card" with an iframe</h4> <button onclick="replaceFormBodyWithIframe()">Replace</button><br/> <form> <div class="form-body">.form-body</div> <div class="form-body">.form-body</div> <div class="form-body"> <ul class="form-checklist optimizedCheckout-form-checklist"> <li class="form-checklist-item optimizedCheckout-form-checklist-item form-checklist-item--selected optimizedCheckout-form-checklist-item--selected"> <div class="form-checklist-header form-checklist-header--selected"> <div class="form-field"><input name="paymentProviderRadio" class="form-checklist-checkbox optimizedCheckout-form-checklist-checkbox" id="radio-authorizenet" type="radio" value="authorizenet" checked=""><label for="radio-authorizenet" class="form-label optimizedCheckout-form-label"><span class="paymentProviderHeader-name" data-test="payment-method-name">Credit Card</span> <div class="paymentProviderHeader-cc"> <ul class="creditCardTypes-list"> <li class="creditCardTypes-list-item"><span class="cardIcon"><div class="icon cardIcon-icon icon--medium" data-test="credit-card-icon-visa"><svg height="100" viewBox="0 0 148 100" width="148" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M148 84c0 6.6-5.55 12-12 12H12C5.55 96 0 90.6 0 84V12C0 5.4 5.55 0 12 0h124c6.45 0 12 5.4 12 12v72z" fill="#F3F4F4"></path><path d="M0 24V12C0 5.4 5.74 0 12 0h124c6.26 0 12 5.4 12 12v12" fill="#01579F"></path><path d="M148 76v12c0 8.667-5.74 12-12 12H12c-6.26 0-12-3.333-12-12V76" fill="#FAA41D"></path><path d="M55.01 65.267l4.72-29.186h7.546l-4.72 29.19H55.01M89.913 36.8c-1.49-.59-3.85-1.242-6.77-1.242-7.452 0-12.7 3.974-12.73 9.656-.063 4.19 3.756 6.52 6.613 7.918 2.92 1.428 3.913 2.36 3.913 3.633-.04 1.957-2.36 2.857-4.54 2.857-3.014 0-4.628-.465-7.08-1.552l-.996-.466-1.055 6.55c1.77.808 5.03 1.52 8.415 1.553 7.92 0 13.075-3.912 13.137-9.967.03-3.322-1.987-5.868-6.334-7.948-2.64-1.336-4.256-2.236-4.256-3.602.032-1.242 1.367-2.514 4.348-2.514 2.453-.06 4.254.53 5.62 1.12l.684.31L89.91 36.8m10.03 18.13c.62-1.675 3.013-8.165 3.013-8.165-.03.062.62-1.707.994-2.794l.525 2.52s1.428 6.986 1.74 8.445H99.94zm9.317-18.846h-5.84c-1.8 0-3.17.53-3.945 2.424L88.265 65.27h7.918s1.305-3.6 1.585-4.377h9.687c.217 1.024.9 4.377.9 4.377h6.987l-6.082-29.19zm-60.555 0l-7.39 19.904-.807-4.037c-1.37-4.652-5.653-9.713-10.435-12.23l6.77 25.52h7.98L56.68 36.09H48.7" fill="#3B5CAA"></path><path d="M34.454 36.08H22.312l-.124.59c9.47 2.423 15.744 8.26 18.32 15.277L37.87 38.534c-.436-1.863-1.77-2.39-3.416-2.453" fill="#F8A51D"></path></g></svg></div></span></li> <li class="creditCardTypes-list-item"><span class="cardIcon"><div class="icon cardIcon-icon icon--medium" data-test="credit-card-icon-mastercard"><svg viewBox="0 0 131.39 86.9" xmlns="http://www.w3.org/2000/svg"><path d="M48.37 15.14h34.66v56.61H48.37z" fill="#ff5f00"></path><path d="M51.94 43.45a35.94 35.94 0 0113.75-28.3 36 36 0 100 56.61 35.94 35.94 0 01-13.75-28.31z" fill="#eb001b"></path><path d="M120.5 65.76V64.6h.5v-.24h-1.19v.24h.47v1.16zm2.31 0v-1.4h-.36l-.42 1-.42-1h-.36v1.4h.26V64.7l.39.91h.27l.39-.91v1.06zM123.94 43.45a36 36 0 01-58.25 28.3 36 36 0 000-56.61 36 36 0 0158.25 28.3z" fill="#f79e1b"></path></svg></div></span></li> <li class="creditCardTypes-list-item"><span class="cardIcon"><div class="icon cardIcon-icon icon--medium" data-test="credit-card-icon-american-express"><svg height="104" viewBox="0 0 156 104" width="156" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M144 104H12c-6.15 0-12-5.85-12-12V12C0 5.85 5.85 0 12 0h132c6.15 0 12 5.85 12 12v80c0 6.15-5.85 12-12 12z" fill="#60C7EE"></path><g fill="#FFF"><path d="M95.05 46.532v3.68h12.93v4.723H95.05V59.5h12.79l5.244-6.824-4.673-6.144H95.05m-59.707 9.382h5.906l-2.97-8.324-2.94 8.324"></path><path d="M128.833 52.77l11.29-15.125h-19.067l-2.536 3.9-2.608-3.9h-46.59l-1.254 4.224-1.264-4.227H31.27L17.72 68.687h17.326l1.31-3.822h3.824l1.345 3.822h73.594l3.28-4.594 3.28 4.594h19.36l-4.867-6.343-7.342-9.574zM83.185 64.744H76.38v-17.66l-5.243 17.66h-6.16l-5.233-17.66v17.66H44.318l-1.345-3.823H33.54l-1.312 3.826h-8.483L33.85 41.588h9.065L52.94 64.56V41.59h10.927l4.214 14.09 4.187-14.09h10.92v23.156zm40.524 0l-5.31-7.44-5.31 7.44H86.72V41.588h27.085l4.76 7.124 4.63-7.124h9.062l-8.37 11.215 9.16 11.94h-9.338z"></path></g></g></svg></div></span> </li> <li class="creditCardTypes-list-item"><span class="cardIcon"><div class="icon cardIcon-icon icon--medium" data-test="credit-card-icon-discover"><svg height="104" viewBox="0 0 152 104" width="152" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><rect height="104" id="a" rx="12" width="152"></rect></defs><g fill="none" fill-rule="evenodd"><mask fill="#fff" id="b"><use xlink:href="#a"></use></mask><use fill="#F4F4F4" xlink:href="#a"></use><rect fill="#F4F4F4" height="104" mask="url(#b)" rx="12" width="152" x="1"></rect><path d="M70.553 104H149c2.21 0 4-1.783 4-4.007V46.597C142.305 71.907 111.28 93.04 70.553 104z" fill="#F76E20" mask="url(#b)"></path><g mask="url(#b)" transform="translate(19 42)"><path d="M14.763 9.22c0 2.94-.824 5.19-2.47 6.752-1.652 1.56-4.035 2.344-7.15 2.344H.155V.466H5.68c2.876 0 5.106.772 6.69 2.31C13.97 4.31 14.764 6.46 14.764 9.22zm-3.876.1c0-3.834-1.672-5.75-5.004-5.75h-1.99v11.62h1.602c3.596.002 5.392-1.957 5.392-5.87zM17.51 18.316V.466h3.733v17.85H17.51zM34.774 13.608c0 1.616-.57 2.88-1.718 3.81-1.146.927-2.734 1.397-4.773 1.397-1.874 0-3.54-.36-4.987-1.074v-3.516c1.19.543 2.196.915 3.017 1.14.822.218 1.577.327 2.26.327.815 0 1.446-.16 1.882-.475.43-.313.657-.792.657-1.413 0-.35-.095-.66-.292-.933-.188-.277-.474-.54-.85-.79-.374-.25-1.134-.657-2.28-1.21-1.073-.512-1.877-1.008-2.42-1.477-.542-.47-.967-1.018-1.288-1.65-.32-.63-.48-1.363-.48-2.2 0-1.577.526-2.818 1.582-3.72 1.06-.908 2.514-1.356 4.38-1.356.913 0 1.787.108 2.617.328.83.217 1.702.53 2.607.927l-1.203 2.942c-.94-.39-1.72-.67-2.334-.818-.616-.153-1.22-.232-1.81-.232-.71 0-1.254.164-1.627.502-.38.334-.567.768-.567 1.305 0 .335.076.623.23.875.152.25.395.487.728.72.332.23 1.125.647 2.366 1.25 1.643.8 2.77 1.6 3.384 2.4.613.796.92 1.778.92 2.943zM46.018 3.62c-1.406 0-2.49.54-3.263 1.605C41.98 6.295 41.6 7.79 41.6 9.7c0 3.978 1.473 5.97 4.418 5.97 1.238 0 2.727-.305 4.492-.94v3.175c-1.446.613-3.06.916-4.842.916-2.56 0-4.52-.79-5.875-2.367-1.357-1.572-2.034-3.834-2.034-6.782 0-1.855.335-3.48 1.003-4.874.662-1.402 1.623-2.467 2.87-3.212C42.884.84 44.345.467 46.022.467c1.71 0 3.43.42 5.152 1.258l-1.203 3.077c-.663-.317-1.32-.592-1.99-.83-.67-.238-1.322-.352-1.964-.352zM81.828.467h3.77l-5.98 17.85h-4.07L69.578.466h3.772l3.312 10.62c.182.632.38 1.356.572 2.195.19.836.316 1.408.368 1.737.087-.75.387-2.05.902-3.932L81.828.468zM97.072 18.316h-10.14V.466h10.14V3.57h-6.407v3.92h5.964v3.1h-5.965v4.6h6.407v3.126zM105.128 11.467v6.85h-3.732V.466h5.13c2.39 0 4.158.44 5.31 1.326 1.145.882 1.72 2.22 1.72 4.02 0 1.048-.286 1.987-.853 2.802-.57.82-1.376 1.46-2.418 1.925 2.647 4.007 4.37 6.603 5.175 7.773h-4.142l-4.203-6.85-1.987.004zm0-3.077h1.206c1.177 0 2.05-.2 2.612-.596.558-.402.842-1.03.842-1.883 0-.847-.29-1.445-.862-1.806-.573-.36-1.46-.537-2.664-.537h-1.14l.006 4.823z" fill="#414042"></path><ellipse cx="61.024" cy="9.393" fill="#F76E20" rx="8.802" ry="8.926"></ellipse></g></g></svg></div></span> </li> <li class="creditCardTypes-list-item"><span class="cardIcon"><div class="icon cardIcon-icon icon--medium" data-test="credit-card-icon-diners-club"><svg height="104" viewBox="0 0 152 104" width="152" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><rect height="104" id="a" rx="12" width="152"></rect></defs><g fill="none" fill-rule="evenodd"><mask fill="#fff" id="b"><use xlink:href="#a"></use></mask><use fill="#F4F4F4" xlink:href="#a"></use><rect fill="#F4F4F4" height="104" mask="url(#b)" rx="12" width="152" x="1"></rect><g transform="translate(42 26)"><ellipse cx="26.716" cy="26" fill="#009FDA" rx="26" ry="26"></ellipse><path d="M24.116 0c13 0 25.997 11.643 25.997 26 0 14.355-12.997 26-25.997 26V0z" fill="#009FDA"></path><path d="M24.116 52V0H42.75c13 0 25.997 11.643 25.997 26 0 14.355-12.997 26-25.997 26H24.116z" fill="#009FDA"></path><circle cx="25.255" cy="27.139" fill="#F3F4F4" r="24.539"></circle><path d="M38.255 24.983c0-7.09-6.34-13.02-11.54-14.583v29.167c5.2-1.563 11.54-7.488 11.54-14.584zM5.916 24.986c0 7.09 6.34 13.02 11.54 14.583V10.4c-5.2 1.565-11.54 7.493-11.54 14.586z" fill="#009FDA"></path></g></g></svg></div></span></li> <li class="creditCardTypes-list-item"><span class="cardIcon"><div class="icon cardIcon-icon icon--medium" data-test="credit-card-icon-jcb"><svg clip-rule="evenodd" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.4" viewBox="0 0 480 301" xmlns="http://www.w3.org/2000/svg"><path d="M444 0H24C12 0 0 12 0 24v240.1c0 24 12 36 36 36h408c24 0 36-12 36-36v-228C480 12 468 0 444 0z" fill="#f4f4f4"></path><path d="M314.8 174.9h21.5l2.7-.2c4-.8 7.6-4.5 7.6-9.6 0-5-3.5-8.6-7.6-9.6l-2.7-.3h-21.5V175z" fill="#469951" fill-rule="nonzero"></path><path d="M333.9 39.2a37.3 37.3 0 0 0-37.3 37.2v38.7h52.6c1.2 0 2.7 0 3.7.2 11.9.7 20.7 6.8 20.7 17.4 0 8.4-6 15.6-17 17v.4c12 .8 21.3 7.6 21.3 18 0 11.3-10.3 18.7-23.8 18.7h-57.7v75.7h54.7a37.3 37.3 0 0 0 37.2-37.3v-186H334z" fill="#469951" fill-rule="nonzero"></path><path d="M343.9 135.2c0-5-3.5-8.2-7.6-8.8l-2-.2h-19.5v18h19.5c.3 0 1.4 0 2-.2 4.1-.6 7.6-3.9 7.6-8.8z" fill="#469951" fill-rule="nonzero"></path><path d="M128 39.2a37.3 37.3 0 0 0-37.3 37.2v92a73.7 73.7 0 0 0 32.2 8.3c12.8 0 19.8-7.7 19.8-18.4V115h32v43.2c0 16.8-10.5 30.5-46 30.5-21.4 0-38.2-4.7-38.2-4.7v78.4h54.7a37.3 37.3 0 0 0 37.2-37.3V39.2H128z" fill="#245797" fill-rule="nonzero"></path><path d="M231 39.2a37.3 37.3 0 0 0-37.3 37.2v48.8c9.4-8 25.8-13.1 52.2-12 14 .7 29.2 4.6 29.2 4.6v15.8a70.9 70.9 0 0 0-28.2-8.2c-20-1.5-32.1 8.4-32.1 25.5 0 17.4 12 27.3 32 25.6a74.3 74.3 0 0 0 28.3-8.2v15.8s-15 3.9-29.2 4.5c-26.4 1.2-42.8-3.9-52.2-11.9v86h54.6a37.3 37.3 0 0 0 37.3-37.3V39.2h-54.7z" fill="#ca4638" fill-rule="nonzero"></path></svg></div></span> </li> </ul> </div> </label></div> </div> <div class="form-checklist-body"> <div style=""> <div class="paymentMethod paymentMethod--creditCard"> <fieldset class="form-fieldset creditCardFieldset"> <legend class="form-legend is-srOnly">Credit card</legend> <div class="form-body"> <div class="form-ccFields"> <div class="form-field form-field--ccNumber"><label for="ccNumber" class="form-label optimizedCheckout-form-label">Credit Card Number</label><input name="ccNumber" autocomplete="cc-number" id="ccNumber" class="form-input optimizedCheckout-form-input has-icon" type="tel" value=""> <div class="icon"> <svg height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"> <path d="M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z"></path> </svg> </div> </div> <div class="form-field form-field--ccExpiry"><label for="ccExpiry" class="form-label optimizedCheckout-form-label">Expiration</label><input name="ccExpiry" autocomplete="cc-exp" id="ccExpiry" placeholder="MM / YY" class="form-input optimizedCheckout-form-input" type="tel" value=""></div> <div class="form-field form-field--ccName"><label for="ccName" class="form-label optimizedCheckout-form-label">Name on Card</label><input name="ccName" autocomplete="cc-name" id="ccName" class="form-input optimizedCheckout-form-input" type="text" value=""></div> <div class="form-field form-ccFields-field--ccCvv"><label for="ccCvv" class="form-label optimizedCheckout-form-label">CVV<span><span class="has-tip"><div class="icon"><svg height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 17h-2v-2h2v2zm2.07-7.75l-.9.92C13.45 12.9 13 13.5 13 15h-2v-.5c0-1.1.45-2.1 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41 0-1.1-.9-2-2-2s-2 .9-2 2H8c0-2.21 1.79-4 4-4s4 1.79 4 4c0 .88-.36 1.68-.93 2.25z"></path></svg></div></span></span></label> <input name="ccCvv" autocomplete="cc-csc" id="ccCvv" class="form-input optimizedCheckout-form-input has-icon" type="tel" value=""> <div class="icon"> <svg height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"> <path d="M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z"></path> </svg> </div> </div> </div> </div> </fieldset> </div> </div> </div> </li> <li class="form-checklist-item optimizedCheckout-form-checklist-item"> <div class="form-checklist-header"> <div class="form-field"><input name="paymentProviderRadio" class="form-checklist-checkbox optimizedCheckout-form-checklist-checkbox" id="radio-paypalexpress" type="radio" value="paypalexpress"><label for="radio-paypalexpress" class="form-label optimizedCheckout-form-label"><img alt="PayPal" class="paymentProviderHeader-img" data-test="payment-method-logo" src="https://cdn11.bigcommerce.com/r-a27911b5d209595e667e9db480b43ab34afcf74d/img/payment-providers/paypalpaymentsprouk.png"> <div class="paymentProviderHeader-cc"> <ul class="creditCardTypes-list"> <li class="creditCardTypes-list-item"><span class="cardIcon"><div class="icon cardIcon-icon icon--medium" data-test="credit-card-icon-visa"><svg height="100" viewBox="0 0 148 100" width="148" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M148 84c0 6.6-5.55 12-12 12H12C5.55 96 0 90.6 0 84V12C0 5.4 5.55 0 12 0h124c6.45 0 12 5.4 12 12v72z" fill="#F3F4F4"></path><path d="M0 24V12C0 5.4 5.74 0 12 0h124c6.26 0 12 5.4 12 12v12" fill="#01579F"></path><path d="M148 76v12c0 8.667-5.74 12-12 12H12c-6.26 0-12-3.333-12-12V76" fill="#FAA41D"></path><path d="M55.01 65.267l4.72-29.186h7.546l-4.72 29.19H55.01M89.913 36.8c-1.49-.59-3.85-1.242-6.77-1.242-7.452 0-12.7 3.974-12.73 9.656-.063 4.19 3.756 6.52 6.613 7.918 2.92 1.428 3.913 2.36 3.913 3.633-.04 1.957-2.36 2.857-4.54 2.857-3.014 0-4.628-.465-7.08-1.552l-.996-.466-1.055 6.55c1.77.808 5.03 1.52 8.415 1.553 7.92 0 13.075-3.912 13.137-9.967.03-3.322-1.987-5.868-6.334-7.948-2.64-1.336-4.256-2.236-4.256-3.602.032-1.242 1.367-2.514 4.348-2.514 2.453-.06 4.254.53 5.62 1.12l.684.31L89.91 36.8m10.03 18.13c.62-1.675 3.013-8.165 3.013-8.165-.03.062.62-1.707.994-2.794l.525 2.52s1.428 6.986 1.74 8.445H99.94zm9.317-18.846h-5.84c-1.8 0-3.17.53-3.945 2.424L88.265 65.27h7.918s1.305-3.6 1.585-4.377h9.687c.217 1.024.9 4.377.9 4.377h6.987l-6.082-29.19zm-60.555 0l-7.39 19.904-.807-4.037c-1.37-4.652-5.653-9.713-10.435-12.23l6.77 25.52h7.98L56.68 36.09H48.7" fill="#3B5CAA"></path><path d="M34.454 36.08H22.312l-.124.59c9.47 2.423 15.744 8.26 18.32 15.277L37.87 38.534c-.436-1.863-1.77-2.39-3.416-2.453" fill="#F8A51D"></path></g></svg></div></span></li> <li class="creditCardTypes-list-item"><span class="cardIcon"><div class="icon cardIcon-icon icon--medium" data-test="credit-card-icon-mastercard"><svg viewBox="0 0 131.39 86.9" xmlns="http://www.w3.org/2000/svg"><path d="M48.37 15.14h34.66v56.61H48.37z" fill="#ff5f00"></path><path d="M51.94 43.45a35.94 35.94 0 0113.75-28.3 36 36 0 100 56.61 35.94 35.94 0 01-13.75-28.31z" fill="#eb001b"></path><path d="M120.5 65.76V64.6h.5v-.24h-1.19v.24h.47v1.16zm2.31 0v-1.4h-.36l-.42 1-.42-1h-.36v1.4h.26V64.7l.39.91h.27l.39-.91v1.06zM123.94 43.45a36 36 0 01-58.25 28.3 36 36 0 000-56.61 36 36 0 0158.25 28.3z" fill="#f79e1b"></path></svg></div></span></li> <li class="creditCardTypes-list-item"><span class="cardIcon"><div class="icon cardIcon-icon icon--medium" data-test="credit-card-icon-discover"><svg height="104" viewBox="0 0 152 104" width="152" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><rect height="104" id="a" rx="12" width="152"></rect></defs><g fill="none" fill-rule="evenodd"><mask fill="#fff" id="b"><use xlink:href="#a"></use></mask><use fill="#F4F4F4" xlink:href="#a"></use><rect fill="#F4F4F4" height="104" mask="url(#b)" rx="12" width="152" x="1"></rect><path d="M70.553 104H149c2.21 0 4-1.783 4-4.007V46.597C142.305 71.907 111.28 93.04 70.553 104z" fill="#F76E20" mask="url(#b)"></path><g mask="url(#b)" transform="translate(19 42)"><path d="M14.763 9.22c0 2.94-.824 5.19-2.47 6.752-1.652 1.56-4.035 2.344-7.15 2.344H.155V.466H5.68c2.876 0 5.106.772 6.69 2.31C13.97 4.31 14.764 6.46 14.764 9.22zm-3.876.1c0-3.834-1.672-5.75-5.004-5.75h-1.99v11.62h1.602c3.596.002 5.392-1.957 5.392-5.87zM17.51 18.316V.466h3.733v17.85H17.51zM34.774 13.608c0 1.616-.57 2.88-1.718 3.81-1.146.927-2.734 1.397-4.773 1.397-1.874 0-3.54-.36-4.987-1.074v-3.516c1.19.543 2.196.915 3.017 1.14.822.218 1.577.327 2.26.327.815 0 1.446-.16 1.882-.475.43-.313.657-.792.657-1.413 0-.35-.095-.66-.292-.933-.188-.277-.474-.54-.85-.79-.374-.25-1.134-.657-2.28-1.21-1.073-.512-1.877-1.008-2.42-1.477-.542-.47-.967-1.018-1.288-1.65-.32-.63-.48-1.363-.48-2.2 0-1.577.526-2.818 1.582-3.72 1.06-.908 2.514-1.356 4.38-1.356.913 0 1.787.108 2.617.328.83.217 1.702.53 2.607.927l-1.203 2.942c-.94-.39-1.72-.67-2.334-.818-.616-.153-1.22-.232-1.81-.232-.71 0-1.254.164-1.627.502-.38.334-.567.768-.567 1.305 0 .335.076.623.23.875.152.25.395.487.728.72.332.23 1.125.647 2.366 1.25 1.643.8 2.77 1.6 3.384 2.4.613.796.92 1.778.92 2.943zM46.018 3.62c-1.406 0-2.49.54-3.263 1.605C41.98 6.295 41.6 7.79 41.6 9.7c0 3.978 1.473 5.97 4.418 5.97 1.238 0 2.727-.305 4.492-.94v3.175c-1.446.613-3.06.916-4.842.916-2.56 0-4.52-.79-5.875-2.367-1.357-1.572-2.034-3.834-2.034-6.782 0-1.855.335-3.48 1.003-4.874.662-1.402 1.623-2.467 2.87-3.212C42.884.84 44.345.467 46.022.467c1.71 0 3.43.42 5.152 1.258l-1.203 3.077c-.663-.317-1.32-.592-1.99-.83-.67-.238-1.322-.352-1.964-.352zM81.828.467h3.77l-5.98 17.85h-4.07L69.578.466h3.772l3.312 10.62c.182.632.38 1.356.572 2.195.19.836.316 1.408.368 1.737.087-.75.387-2.05.902-3.932L81.828.468zM97.072 18.316h-10.14V.466h10.14V3.57h-6.407v3.92h5.964v3.1h-5.965v4.6h6.407v3.126zM105.128 11.467v6.85h-3.732V.466h5.13c2.39 0 4.158.44 5.31 1.326 1.145.882 1.72 2.22 1.72 4.02 0 1.048-.286 1.987-.853 2.802-.57.82-1.376 1.46-2.418 1.925 2.647 4.007 4.37 6.603 5.175 7.773h-4.142l-4.203-6.85-1.987.004zm0-3.077h1.206c1.177 0 2.05-.2 2.612-.596.558-.402.842-1.03.842-1.883 0-.847-.29-1.445-.862-1.806-.573-.36-1.46-.537-2.664-.537h-1.14l.006 4.823z" fill="#414042"></path><ellipse cx="61.024" cy="9.393" fill="#F76E20" rx="8.802" ry="8.926"></ellipse></g></g></svg></div></span> </li> <li class="creditCardTypes-list-item"><span class="cardIcon"><div class="icon cardIcon-icon icon--medium" data-test="credit-card-icon-american-express"><svg height="104" viewBox="0 0 156 104" width="156" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M144 104H12c-6.15 0-12-5.85-12-12V12C0 5.85 5.85 0 12 0h132c6.15 0 12 5.85 12 12v80c0 6.15-5.85 12-12 12z" fill="#60C7EE"></path><g fill="#FFF"><path d="M95.05 46.532v3.68h12.93v4.723H95.05V59.5h12.79l5.244-6.824-4.673-6.144H95.05m-59.707 9.382h5.906l-2.97-8.324-2.94 8.324"></path><path d="M128.833 52.77l11.29-15.125h-19.067l-2.536 3.9-2.608-3.9h-46.59l-1.254 4.224-1.264-4.227H31.27L17.72 68.687h17.326l1.31-3.822h3.824l1.345 3.822h73.594l3.28-4.594 3.28 4.594h19.36l-4.867-6.343-7.342-9.574zM83.185 64.744H76.38v-17.66l-5.243 17.66h-6.16l-5.233-17.66v17.66H44.318l-1.345-3.823H33.54l-1.312 3.826h-8.483L33.85 41.588h9.065L52.94 64.56V41.59h10.927l4.214 14.09 4.187-14.09h10.92v23.156zm40.524 0l-5.31-7.44-5.31 7.44H86.72V41.588h27.085l4.76 7.124 4.63-7.124h9.062l-8.37 11.215 9.16 11.94h-9.338z"></path></g></g></svg></div></span> </li> </ul> </div> </label></div> </div> </li> <li class="form-checklist-item optimizedCheckout-form-checklist-item"> <div class="form-checklist-header"> <div class="form-field"><input name="paymentProviderRadio" class="form-checklist-checkbox optimizedCheckout-form-checklist-checkbox" id="radio-affirm" type="radio" value="affirm"><label for="radio-affirm" class="form-label optimizedCheckout-form-label"><img alt="Affirm" class="paymentProviderHeader-img" data-test="payment-method-logo" src="https://cdn11.bigcommerce.com/r-a27911b5d209595e667e9db480b43ab34afcf74d/img/payment-providers/affirm-checkout-header.png"><span class="paymentProviderHeader-name" data-test="payment-method-name">Monthly Payments</span> <div class="paymentProviderHeader-cc"></div> </label></div> </div> </li> </ul> </div> <div class="form-body">.form-body</div> </form>
我想（通过编程方式）将我的Wordpress博客文章链接到产品类别，因此我使用以下代码将bigcommerce_product分类法类型更新为也显示在帖子内容类型上。 ...
我想（通过编程方式）将我的Wordpress博客文章链接到产品类别，因此我使用以下代码将bigcommerce_product分类法类型更新为也显示在帖子内容类型上。 ...
如何在bigcommerce结帐页面上的iframe中加载内容
[我正在尝试删除我的bigcommerce结帐页面的一部分，并替换为iframe ...这是我要删除的结帐页面的一部分 []] ] > [这将使用iframe将div替换为class="form-body"： function replaceFormBody () { let formBody = document.querySelector('.form-body'); let iframe = document.createElement('iframe'); iframe.src = 'https://www.example.com'; iframe.style.border = '1px solid gray'; iframe.width = '100%'; iframe.height = '300px'; formBody.insertAdjacentElement('beforebegin', iframe); formBody.remove(); } .form-body { background-color: #aaa; color: white; padding: 1rem; } <button onclick="replaceFormBody()">Replace div</button><br/> <div class="form-body"> It doesn't matter what goes in here, it will all be removed. </div>
[我已经使用.csv文件在BigCommerce中导入产品。尽管我已在.csv文件中提供了图像URL，但除图像之外的所有内容均已正确导入。有人可以在此帮助我吗...
Webpack中的Scrollmagic视频动画（BigCommerce）
我正在尝试通过scrollmagic实现视频动画。期望的结果是，视频基于用户滚动位置播放。导出默认函数magic（）{//主变量控制器= new ...
我正在尝试改善移动用户的体验，因此将上载默认尺寸的样例图像以用于移动尺寸。现在的问题是，当我切换到桌面视图时，我需要显示...
我正在为产品页面创建粘性添加到购物车表单。基本上有产品的初始输入字段的副本，因此有色板和尺寸选择器。一切正常，期待一个...
Bigcommerce模具/粘性添加到购物车按钮未注册产品选项
当用户向下滚动产品页面时，我正在尝试实现“添加到购物车”粘性栏。除了产品的“默认”值正常之外，其他所有东西似乎都正常运行。当我...
我需要从已发货订单的SQL Server 2016表导出到BigCommerce OrderShipments表。 BC API要求Order行项目作为数组对象。我已经设置了SQL表项目列...
[在Windows 10上运行Big Commerce的模板CLI
我无法让Stencil终生受益。我正在使用NVM管理节点的版本-我尝试了10.16和10.19。我现在已经重新安装了Stencil 2或3次，并且每次得到相同的信息时...
我有一个页面，其中包含一些动态创建的输入字段。我需要遍历输入比较值。如果值与针（要搜索的值）匹配，则输入和...
是否可以编辑BigCommerce外部网站上使用的嵌入式结帐？
我正在外部网站上使用BigCommerce嵌入式结帐，想知道是否可以更改它吗？我通过管理面板在浏览器中编辑了主题文件，并按照以下步骤操作...
BigCommerce API：“产品名称是重复的”`PUT：/ catalog / products / $ {product_id}`
我正在将以下负载发送到v3：PUT：/ catalog / products / $ {product_id}名称：'**** C4129X HP 29X-高印量-黑色-原始-LaserJet-碳粉盒（C4129X）-用于LaserJet 5000，...
[我希望所有人都做得很好，我正在与PHP集成Bigcommerce API，因为API每页提取50条记录，但是我想要的是它开始先提取50条记录，然后从下一页存储中提取...
如何在wordpress边栏中显示Bigcommerce产品类别
我需要显示从bigcommerce到WordPress侧边栏的类别列表，就像该网站https://www.kaiserwillys.com/一样，没有使用shortcommerce来显示使用bigcommerce类别列表的短代码...
如何使用Authorize.net作为支付网关将GooglePay集成到Big Commerce商店？
我想将GooglePay集成到我的BigCommerce商店中。我正在使用Authorize.net作为支付网关。我有机会研究是否有可能，但是从下面的那些链接中，我想知道这是否是...
如何将Reactjs与Nodejs结合使用，以发送html（component）作为API的响应
我正在使用NodeJ和Reactjs技术堆栈创建Bigcommerce应用。在BC（Bigcommerce）API响应中，他们期望在iframe中呈现的html能够在其中显示应用程序中的内容...
Wordpress中的Bigcommerce插件产品同步问题
错误消息：以下是一些有用的信息。 WP版本5.2.5插件有效的Akismet反垃圾邮件-适用于WordPress的4.1.3 BigCommerce-3.12.0面包屑-1.5.3即将推出，...