签出/确认注入选项-自定义签出-模板文档</t我tle> <link rel="stylesheet" href="//www.startgorf.com/developer/_/assets/css/semantic.min.css"> <link rel="preload" as="style" href="//www.startgorf.com/developer/_/assets/main.3c7168dd.css"> <link rel="stylesheet" href="//www.startgorf.com/developer/_/assets/main.3c7168dd.css"> <link rel="preload" as="style" href="//www.startgorf.com/developer/_/assets/styles.b34d5813.css"> <link rel="stylesheet" href="//www.startgorf.com/developer/_/assets/styles.b34d5813.css"> <link href="//www.startgorf.com/developer/_/assets/css/semantic.min.css" rel="preload" as="style"> <link href="//www.startgorf.com/developer/_/assets/css/custom-theme.88651.css" rel="preload" as="style"> <link href="//www.startgorf.com/developer/_/assets/css/custom-file.88651.css" rel="preload" as="style"> </head> <body> <noscript> <iframe src="https://www.startgorf.com/ns.html?id=GTM-KL3MKSK" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript> <noscript> <iframe src="https://www.startgorf.com/ns.html?id=GTM-TNGJT5N" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript> <link rel="stylesheet" href="//www.startgorf.com/developer/_/assets/css/custom-theme.88651.css"> <link rel="stylesheet" href="//www.startgorf.com/developer/_/assets/css/custom-file.88651.css"> <style type="text/css"> @font-face { font-family: 'Icons'; src: url('/_/assets/fonts/icons.woff2?v=5.0.6') format('woff2'), url('/_/assets/fonts/icons.woff?v=5.0.6') format('woff'); font-style: normal; font-weight: normal; font-variant: normal; text-decoration: inherit; text-transform: none; } </style> <div id="root"> <div class="Hub flex flex-col h-full"> <div class="HubHeader print:hidden bg-white is-dark"> <div class="HubHeader-inner relative hidden sm:flex items-center h-16 p-0"> <div class="HubHeaderMobile-sidebar-toggle h-16 w-16 flex items-center justify-center text-2xl is-dark text-white"> <svg aria-hidden="true" data-prefix="fas" data-icon="bars" class="svg-inline--fa fa-bars fa-w-14 " role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512"> <path fill="currentColor" d="M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z"></path> </svg> </div> <div class="FormDropdown HubHeaderMobile-title flex-grow text-center font-bold text-xl text-white"> <div role="listbox" aria-expanded="false" class="ui floating dropdown FormDropdown-inner" tabindex="0"> <div class="text" role="alert" aria-live="polite"> 主题文档</d我v> <i aria-hidden="true" class="dropdown icon"></i> <div class="menu transition"> <div style="pointer-events:all" role="option" aria-checked="false" aria-selected="false" class="item"> <a class="text HubHeaderItem flex items-center text-lg mx-1 px-4 py-2 rounded font-bold with-image is-light hover:text-primary text-black cursor-pointer active" aria-current="true" href="//www.startgorf.com/developer/"> <div class="HubHeaderItem-image flex items-center"> <img src="//www.startgorf.com/cdn6/s-qtmbtj/product_images/uploaded_images/bigcommerce-logomark-darkbg.png" alt="开发中心”><d我v class="ml-4"> 开发中心</d我v> </div></a> </div> <div style="pointer-events:all" role="option" aria-checked="false" aria-selected="false" class="item"> <a class="text HubHeaderItem flex items-center text-lg mx-1 px-4 py-2 rounded font-bold without-image is-light hover:text-primary text-black cursor-pointer" aria-current="false" href="//www.startgorf.com/developer/api-docs"> <div class="HubHeaderItem-name"> API文档</d我v></a> </div> <div style="pointer-events:all" role="option" aria-checked="false" aria-selected="false" class="item"> <a class="text HubHeaderItem flex items-center text-lg mx-1 px-4 py-2 rounded font-bold without-image is-light hover:text-primary text-black cursor-pointer" aria-current="false" href="//www.startgorf.com/developer/api-reference"> <div class="HubHeaderItem-name"> API参考</d我v></a> </div> <div style="pointer-events:all" role="option" aria-checked="true" aria-selected="true" class="active selected item"> <a class="text HubHeaderItem flex items-center text-lg mx-1 px-4 py-2 rounded font-bold without-image is-light hover:text-primary text-black cursor-pointer active" aria-current="true" href="//www.startgorf.com/developer/stencil-docs"> <div class="HubHeaderItem-name"> 主题文档</d我v></a> </div> <div style="pointer-events:all" role="option" aria-checked="false" aria-selected="false" class="item"> <a class="text HubHeaderItem flex items-center text-lg mx-1 px-4 py-2 rounded font-bold without-image is-light hover:text-primary text-black cursor-pointer" aria-current="false" href="//www.startgorf.com/developer/tools-resources"> <div class="HubHeaderItem-name"> 工具</d我v></a> </div> <div style="pointer-events:all" role="option" aria-checked="false" aria-selected="false" class="item"> <a class="text HubHeaderItem flex items-center text-lg mx-1 px-4 py-2 rounded font-bold without-image is-light hover:text-primary text-black cursor-pointer" href="//www.startgorf.com/developer/dev-library" target="_blank"> <div class="HubHeaderItem-name"> 图书馆</d我v></a> </div> <div style="pointer-events:all" role="option" aria-checked="false" aria-selected="false" class="item"> <a class="text HubHeaderItem flex items-center text-lg mx-1 px-4 py-2 rounded font-bold without-image is-light hover:text-primary text-black cursor-pointer" href="https://medium.com/bigcommerce-developer-blog" target="_blank"> <div class="HubHeaderItem-name"> 博客</d我v></a> </div> <div style="pointer-events:all" role="option" aria-checked="false" aria-selected="false" class="item"> <a class="text HubHeaderItem flex items-center text-lg mx-1 px-4 py-2 rounded font-bold without-image is-light hover:text-primary text-black cursor-pointer" aria-current="false" href="//www.startgorf.com/developer/changelog"> <div class="HubHeaderItem-name"> 更改兴</d我v></a> </div> <div style="pointer-events:all" role="option" aria-checked="false" aria-selected="false" class="item"> <a class="text HubHeaderItem flex items-center text-lg mx-1 px-4 py-2 rounded font-bold without-image is-light hover:text-primary text-black cursor-pointer" href="//www.startgorf.com/devtools" target="_blank"> <div class="HubHeaderItem-name"> 我的应用程序</d我v></a> </div> <div style="pointer-events:all" role="option" aria-checked="false" aria-selected="false" class="item"> <a class="text HubHeaderItem flex items-center text-lg mx-1 px-4 py-2 rounded font-bold without-image is-light hover:text-primary text-black cursor-pointer" href="//www.startgorf.com/login/signup" target="_blank"> <div class="HubHeaderItem-name"> 创建帐号</d我v></a> </div> </div> </div> </div> <div class="HubHeaderMobile-sidebar-toggle h-16 w-16 flex items-center justify-center text-lg is-dark text-white"> <svg aria-hidden="true" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16 " role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"> <path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"></path> </svg> </div> </div> <div class="HubHeader-inner sm:hidden flex items-center h-24"> <div class="HubHeader-section flex items-center flex-grow is-left"> <a class="HubHeaderItem flex items-center text-lg mx-1 px-4 py-2 rounded font-bold with-image is-dark text-white cursor-pointer active" aria-current="true" href="//www.startgorf.com/developer/"> <div class="HubHeaderItem-image flex items-center"> <img src="//www.startgorf.com/cdn6/s-qtmbtj/product_images/uploaded_images/bigcommerce-logomark-darkbg.png" alt="开发中心”><d我v class="ml-4"> 开发中心</d我v> </div></a> <a class="HubHeaderItem flex items-center text-lg mx-1 px-4 py-2 rounded font-bold without-image is-dark text-white cursor-pointer" aria-current="false" href="//www.startgorf.com/developer/api-docs"> <div class="HubHeaderItem-name"> API文档</d我v></a> <a class="HubHeaderItem flex items-center text-lg mx-1 px-4 py-2 rounded font-bold without-image is-dark text-white cursor-pointer" aria-current="false" href="//www.startgorf.com/developer/api-reference"> <div class="HubHeaderItem-name"> API参考</d我v></a> <a class="HubHeaderItem flex items-center text-lg mx-1 px-4 py-2 rounded font-bold without-image is-active is-dark text-white bg-lighten-100 cursor-pointer active" aria-current="true" href="//www.startgorf.com/developer/stencil-docs"> <div class="HubHeaderItem-name"> 主题文档</d我v></a> <a class="HubHeaderItem flex items-center text-lg mx-1 px-4 py-2 rounded font-bold without-image is-dark text-white cursor-pointer" aria-current="false" href="//www.startgorf.com/developer/tools-resources"> <div class="HubHeaderItem-name"> 工具</d我v></a> <a class="HubHeaderItem flex items-center text-lg mx-1 px-4 py-2 rounded font-bold without-image is-dark text-white cursor-pointer" href="//www.startgorf.com/developer/dev-library" target="_blank"> <div class="HubHeaderItem-name"> 图书馆</d我v></a> <a class="HubHeaderItem flex items-center text-lg mx-1 px-4 py-2 rounded font-bold without-image is-dark text-white cursor-pointer" href="https://medium.com/bigcommerce-developer-blog" target="_blank"> <div class="HubHeaderItem-name"> 博客</d我v></a> <a class="HubHeaderItem flex items-center text-lg mx-1 px-4 py-2 rounded font-bold without-image is-dark text-white cursor-pointer" aria-current="false" href="//www.startgorf.com/developer/changelog"> <div class="HubHeaderItem-name"> 更改兴</d我v></a> </div> <div class="HubHeader-section flex items-center justify-end is-right flex-grow relative"> <a class="HubHeaderItem flex items-center text-lg mx-1 px-4 py-2 rounded font-bold without-image is-dark text-white cursor-pointer" href="//www.startgorf.com/devtools" target="_blank"> <div class="HubHeaderItem-name"> 我的应用程序</d我v></a> <a class="HubHeaderItem flex items-center text-lg mx-1 px-4 py-2 rounded font-bold without-image is-dark text-white cursor-pointer" href="//www.startgorf.com/login/signup" target="_blank"> <div class="HubHeaderItem-name"> 创建帐号</d我v></a> <div class="HubHeader-search h-24 flex items-center"> <div class="FormSearch HubSearch"> <div class="ui category fluid search"> <div class="ui icon input fluid"> <input type="text" placeholder="Search..." value="" tabindex="0" class="prompt" autoComplete="off"> <i aria-hidden="true" class="search icon"></i> </div> <div class="results transition"> <div class="message empty"> <div class="header"> 没有结果。</d我v> </div> </div> </div> </div> </div> </div> </div> </div> <div class="HubMain flex flex-1 relative has-sidebar"> <div role="presentation" class="HubSidebar-overlay pin fixed sm:block hidden isMobile-closed"></div> <div class="HubSidebar-wrapper print:hidden flex flex-col items-end bg-grey-lightest border-r border-grey-light isMobile-closed"> <div class="HubSidebar flex-1" style="max-height:auto"> <div class="HubSidebar-inner flex flex-col"> <div id="tree-list" class="TreeList TreeList--viewer"> <div class="TreeList-items depth--0"> <div class="TreeList-folder depth--0 no-toggle"> <div> <div class="TreeList-folderInner hover:text-active has-children"> <div class="flex items-center"> <div class="TreeList-folderName flex-1 truncate font-bold mb-3 lg:mb-2 text-grey-dark uppercase tracking-wide text-sm lg:text-xs"> 开始</d我v> </div> </div> </div> <div class="TreeList-items depth--0"> <a class="TreeList-item hover:text-active cursor-pointer" aria-current="false" href="//www.startgorf.com/developer/stencil-docs/getting-started/about-stencil"> <div class="flex" title="About Stencil"> <div class="SortableTree-itemName flex-1"> 关于模板</d我v> </div></a> <a class="TreeList-item hover:text-active cursor-pointer" aria-current="false" href="//www.startgorf.com/developer/stencil-docs/getting-started/stencil-technology-stack"> <div class="flex" title="Stencil Technology Stack"> <div class="SortableTree-itemName flex-1"> 模板技术堆栈</d我v> </div></a> <a class="TreeList-item hover:text-active cursor-pointer" aria-current="false" href="//www.startgorf.com/developer/stencil-docs/getting-started/transitioning-to-stencil"> <div class="flex" title="Transitioning to Stencil"> <div class="SortableTree-itemName flex-1"> 过渡到模板</d我v> </div></a> </div> </div> <div class="TreeList-folder depth--0 no-toggle"> <div> <div class="TreeList-folderInner hover:text-active has-children"> <div class="flex items-center"> <div class="TreeList-folderName flex-1 truncate font-bold mb-3 lg:mb-2 text-grey-dark uppercase tracking-wide text-sm lg:text-xs"> 模板CLI</d我v> </div> </div> </div> <div class="TreeList-items depth--0"> <a class="TreeList-item hover:text-active cursor-pointer" aria-current="false" href="//www.startgorf.com/developer/stencil-docs/installing-stencil-cli/installing-stencil"> <div class="flex" title="Installing Stencil CLI"> <div class="SortableTree-itemName flex-1"> 安装模板cli.</d我v> </div></a> <a class="TreeList-item hover:text-active cursor-pointer" aria-current="false" href="//www.startgorf.com/developer/stencil-docs/installing-stencil-cli/live-previewing-a-theme"> <div class="flex" title="Live Previewing a Theme"> <div class="SortableTree-itemName flex-1"> 实时预览主题</d我v> </div></a> <a class="TreeList-item hover:text-active cursor-pointer" aria-current="false" href="//www.startgorf.com/developer/stencil-docs/installing-stencil-cli/stencil-cli-options-and-commands"> <div class="flex" title="CLI Options and Commands"> <div class="SortableTree-itemName flex-1"> CLI选项和命令</d我v> </div></a> <a class="TreeList-item hover:text-active cursor-pointer" aria-current="false" href="//www.startgorf.com/developer/stencil-docs/installing-stencil-cli/troubleshooting-your-setup"> <div class="flex" title="Troubleshooting Stencil CLI"> <div class="SortableTree-itemName flex-1"> 故障诊断模板CLI</d我v> </div></a> </div> </div> <div class="TreeList-folder depth--0 no-toggle"> <div> <div class="TreeList-folderInner hover:text-active has-children"> <div class="flex items-center"> <div class="TreeList-folderName flex-1 truncate font-bold mb-3 lg:mb-2 text-grey-dark uppercase tracking-wide text-sm lg:text-xs"> 店面定制</d我v> </div> </div> </div> <div class="TreeList-items depth--0"> <a class="TreeList-item hover:text-active cursor-pointer" aria-current="false" href="//www.startgorf.com/developer/stencil-docs/storefront-customization/directory-structure"> <div class="flex" title="Directory Structure"> <div class="SortableTree-itemName flex-1"> 目录结构</d我v> </div></a> <a class="TreeList-item hover:text-active cursor-pointer" aria-current="false" href="//www.startgorf.com/developer/stencil-docs/storefront-customization/theme-assets"> <div class="flex" title="Theme Assets"> <div class="SortableTree-itemName flex-1"> 主题的资产</d我v> </div></a> <a class="TreeList-item hover:text-active cursor-pointer" aria-current="false" href="//www.startgorf.com/developer/stencil-docs/storefront-customization/custom-sass-functions"> <div class="flex" title="Custom Sass Functions"> <div class="SortableTree-itemName flex-1"> 定制Sass函数</d我v> </div></a> <a class="TreeList-item hover:text-active cursor-pointer" aria-current="false" href="//www.startgorf.com/developer/stencil-docs/storefront-customization/using-front-matter"> <div class="flex" title="Using Front Matter "> <div class="SortableTree-itemName flex-1"> 使用前页</d我v> </div></a> <a class="TreeList-item hover:text-active cursor-pointer" aria-current="false" href="//www.startgorf.com/developer/stencil-docs/storefront-customization/page-composition-and-styling"> <div class="flex" title="Page Composition and Styling"> <div class="SortableTree-itemName flex-1"> 页面组成和造型</d我v> </div></a> <a class="TreeList-item hover:text-active cursor-pointer" aria-current="false" href="//www.startgorf.com/developer/stencil-docs/storefront-customization/custom-templates"> <div class="flex" title="Custom Templates"> <div class="SortableTree-itemName flex-1"> 自定义模板</d我v> </div></a> <a class="TreeList-item hover:text-active cursor-pointer" aria-current="false" href="//www.startgorf.com/developer/stencil-docs/storefront-customization/using-custom-fonts-and-icons"> <div class="flex" title="Fonts and Icons"> <div class="SortableTree-itemName flex-1"> 字体和图标</d我v> </div></a> <a class="TreeList-item hover:text-active cursor-pointer" aria-current="false" href="//www.startgorf.com/developer/stencil-docs/storefront-customization/using-disqus"> <div class="flex" title="Add Comments with Disqus"> <div class="SortableTree-itemName flex-1"> 添加与disqus的注释</d我v> </div></a> </div> </div> <a class="TreeList-item hover:text-active cursor-pointer" aria-current="false" href="//www.startgorf.com/developer/stencil-docs/theme-accessibility"> <div class="flex" title="Theme Accessibility"> <div class="SortableTree-itemName flex-1"> 主题可访问性</d我v> </div></a> <div class="TreeList-folder depth--0 no-toggle"> <div> <div class="TreeList-folderInner hover:text-active has-children"> <div class="flex items-center"> <div class="TreeList-folderName flex-1 truncate font-bold mb-3 lg:mb-2 text-grey-dark uppercase tracking-wide text-sm lg:text-xs"> 页面构建器</d我v> </div> </div> </div> <div class="TreeList-items depth--0"> <a class="TreeList-item hover:text-active cursor-pointer" aria-current="false" href="//www.startgorf.com/developer/stencil-docs/page-builder/page-builder-overview"> <div class="flex" title="Overview"> <div class="SortableTree-itemName flex-1"> 概述</d我v> </div></a> <a class="TreeList-item hover:text-active cursor-pointer" aria-current="false" href="//www.startgorf.com/developer/stencil-docs/page-builder/theme-styles-configuration"> <div class="flex" title="Theme Styles Configuration"> <div class="SortableTree-itemName flex-1"> 主题风格配置</d我v> </div></a> <a class="TreeList-item hover:text-active cursor-pointer" aria-current="false" href="//www.startgorf.com/developer/stencil-docs/page-builder/defining-global-styles"> <div class="flex" title="Defining Global Styles"> <div class="SortableTree-itemName flex-1"> 定义全局样式</d我v> </div></a> <a class="TreeList-item hover:text-active cursor-pointer" aria-current="false" href="//www.startgorf.com/developer/stencil-docs/page-builder/third-party-widgets"> <div class="flex" title="Third-Party Widgets"> <div class="SortableTree-itemName flex-1"> 第三方小部件</d我v> </div></a> <a class="TreeList-item hover:text-active cursor-pointer" aria-current="false" href="//www.startgorf.com/developer/stencil-docs/page-builder/widget-ui-schema"> <div class="flex" title="Widget UI Schema"> <div class="SortableTree-itemName flex-1"> 小部件的用户界面模式</d我v> </div></a> <div class="TreeList-folder depth--0"> <div> <div class="TreeList-folderInner hover:text-active has-children"> <div class="flex items-center"> <div class="TreeList-folderName flex-1 truncate font-bold select-none"> 窗口小部件UI输入类型</d我v> <div class="TreeList-itemToken" style="color:#55bf40"> 参考</d我v> <div class="TreeList-folderToggler opacity-35 text-right"> <i aria-hidden="true" class="icon chevron right"></i> </div> </div> </div> </div> </div> </div> </div> <div class="TreeList-folder depth--0 no-toggle"> <div> <div class="TreeList-folderInner hover:text-active has-children"> <div class="flex items-center"> <div class="TreeList-folderName flex-1 truncate font-bold mb-3 lg:mb-2 text-grey-dark uppercase tracking-wide text-sm lg:text-xs"> JavaScript</d我v> </div> </div> </div> <div class="TreeList-items depth--0"> <a class="TreeList-item hover:text-active cursor-pointer" aria-current="false" href="https://developer.bigcommerce.com/stencil-docs/javascript-and-event-hooks/adding-javascript"> <div class="flex" title="Adding Javascript"> <div class="SortableTree-itemName flex-1"> 添加Javascript</d我v> </div></a> <a class="TreeList-item hover:text-active cursor-pointer" aria-current="false" href="https://developer.bigcommerce.com/stencil-docs/javascript-and-event-hooks/event-hooks"> <div class="flex" title="Event Hooks"> <div class="SortableTree-itemName flex-1"> 事件钩子</d我v> </div></a> <a class="TreeList-item hover:text-active cursor-pointer" aria-current="false" href="https://developer.bigcommerce.com/stencil-docs/javascript-and-event-hooks/customizing-javascript"> <div class="flex" title="Customizing Javascript"> <div class="SortableTree-itemName flex-1"> 自定义JavaScript.</d我v> </div></a> <a class="TreeList-item hover:text-active cursor-pointer" aria-current="false" href="https://developer.bigcommerce.com/stencil-docs/javascript-and-event-hooks/rendering-html-with-ajax"> <div class="flex" title="Rendering HTML with Ajax"> <div class="SortableTree-itemName flex-1"> 用Ajax呈现HTML</d我v> </div></a> <a class="TreeList-item hover:text-active cursor-pointer" aria-current="false" href="https://developer.bigcommerce.com/stencil-docs/javascript-and-event-hooks/remote-api-tutorial"> <div class="flex" title="Remote API Tutorial"> <div class="SortableTree-itemName flex-1"> 远程API教程</d我v> </div></a> <a class="TreeList-item hover:text-active cursor-pointer" aria-current="false" href="https://developer.bigcommerce.com/stencil-docs/javascript-and-event-hooks/npm-tutorials"> <div class="flex" title="Add React Components with NPM"> <div class="SortableTree-itemName flex-1"> 使用NPM添加反应组件</d我v> </div></a> </div> </div> <div class="TreeList-folder depth--0 no-toggle"> <div> <div class="TreeList-folderInner hover:text-active has-children"> <div class="flex items-center"> <div class="TreeList-folderName flex-1 truncate font-bold mb-3 lg:mb-2 text-grey-dark uppercase tracking-wide text-sm lg:text-xs"> 进一步发展</d我v> </div> </div> </div> <div class="TreeList-items depth--0"> <a class="TreeList-item hover:text-active cursor-pointer" aria-current="false" href="//www.startgorf.com/developer/stencil-docs/developing-further/customizing-invoices"> <div class="flex" title="Customize Invoices"> <div class="SortableTree-itemName flex-1"> 定制的发票</d我v> </div></a> <a class="TreeList-item hover:text-active cursor-pointer" aria-current="false" href="//www.startgorf.com/developer/stencil-docs/developing-further/customizing-printable-packing-slips"> <div class="flex" title="Edit Packing Slips with WebDAV"> <div class="SortableTree-itemName flex-1"> 使用WebDAV编辑装箱单</d我v> </div></a> <a class="TreeList-item hover:text-active cursor-pointer" aria-current="false" href="//www.startgorf.com/developer/stencil-docs/developing-further/customizing-emails"> <div class="flex" title="Edit Email Templates with WebDAV"> <div class="SortableTree-itemName flex-1"> 编辑电子邮件模板与WebDAV</d我v> </div></a> <a class="TreeList-item hover:text-active cursor-pointer" aria-current="false" href="//www.startgorf.com/developer/stencil-docs/developing-further/catalog-price-object"> <div class="flex" title="Catalog Price Object Examples"> <div class="SortableTree-itemName flex-1"> 目录价格对象示例</d我v> </div></a> <a class="TreeList-item hover:text-active cursor-pointer" aria-current="false" href="//www.startgorf.com/developer/stencil-docs/developing-further/modifying-forms"> <div class="flex" title="Modify the Login Form"> <div class="SortableTree-itemName flex-1"> 修改登录表单</d我v> </div></a> <a class="TreeList-item hover:text-active cursor-pointer" aria-current="false" href="//www.startgorf.com/developer/stencil-docs/developing-further/bundleb2b"> <div class="flex" title="BundleB2B"> <div class="SortableTree-itemName flex-1"> BundleB2B.</d我v> </div></a> <div class="TreeList-folder depth--0"> <div> <div class="TreeList-folderInner hover:text-active has-children"> <div class="flex items-center"> <div class="TreeList-folderName flex-1 truncate font-bold select-none"> 应用更新</d我v> <div class="TreeList-folderToggler opacity-35 text-right"> <i aria-hidden="true" class="icon chevron right"></i> </div> </div> </div> </div> </div> </div> </div> <div class="TreeList-folder depth--0 child-active no-toggle"> <div> <div class="TreeList-folderInner hover:text-active has-children"> <div class="flex items-center"> <div class="TreeList-folderName flex-1 truncate font-bold mb-3 lg:mb-2 text-grey-dark uppercase tracking-wide text-sm lg:text-xs"> 定制结帐</d我v> </div> </div> </div> <div class="TreeList-items depth--0"> <a class="TreeList-item hover:text-active cursor-pointer" aria-current="false" href="//www.startgorf.com/developer/stencil-docs/customizing-checkout/optimized-one-page-checkout"> <div class="flex" title="Restyle Optimized One-Page Checkout"> <div class="SortableTree-itemName flex-1"> 重新设计优化的一页签出</d我v> </div></a> <a class="TreeList-item hover:text-active text-active is-active cursor-pointer active" aria-current="true" href="//www.startgorf.com/developer/stencil-docs/customizing-checkout/checkout-confirmation-injection"> <div class="flex" title="Checkout/Confirmation Injection Options"> <div class="SortableTree-itemName flex-1"> 结账/确认注射选项</d我v> </div></a> <a class="TreeList-item hover:text-active cursor-pointer" aria-current="false" href="//www.startgorf.com/developer/stencil-docs/customizing-checkout/checkout-sdk"> <div class="flex" title="Checkout SDK"> <div class="SortableTree-itemName flex-1"> 结帐SDK</d我v> </div></a> <a class="TreeList-item hover:text-active cursor-pointer" aria-current="false" href="//www.startgorf.com/developer/stencil-docs/customizing-checkout/checkout-sdk-quickstart"> <div class="flex" title="Checkout SDK Tutorial"> <div class="SortableTree-itemName flex-1"> 结账SDK教程</d我v> </div></a> <a class="TreeList-item hover:text-active cursor-pointer" aria-current="false" href="//www.startgorf.com/developer/stencil-docs/customizing-checkout/open-checkout-quick-start"> <div class="flex" title="Open Checkout Tutorial"> <div class="SortableTree-itemName flex-1"> 打开结账教程</d我v> </div></a> <a class="TreeList-item hover:text-active cursor-pointer" aria-current="false" href="//www.startgorf.com/developer/stencil-docs/customizing-checkout/installing-custom-checkouts"> <div class="flex" title="Installing Custom Checkouts"> <div class="SortableTree-itemName flex-1"> 安装定制签出</d我v> </div></a> </div> </div> <div class="TreeList-folder depth--0 no-toggle"> <div> <div class="TreeList-folderInner hover:text-active has-children"> <div class="flex items-center"> <div class="TreeList-folderName flex-1 truncate font-bold mb-3 lg:mb-2 text-grey-dark uppercase tracking-wide text-sm lg:text-xs"> 本土化</d我v> </div> </div> </div> <div class="TreeList-items depth--0"> <a class="TreeList-item hover:text-active cursor-pointer" aria-current="false" href="//www.startgorf.com/developer/stencil-docs/localization/localizing-stores"> <div class="flex" title="Localizing Stores"> <div class="SortableTree-itemName flex-1"> 本地化商店</d我v> </div></a> <a class="TreeList-item hover:text-active cursor-pointer" aria-current="false" href="//www.startgorf.com/developer/stencil-docs/localization/translation-keys"> <div class="flex" title="Translation Keys"> <div class="SortableTree-itemName flex-1"> 翻译钥匙</d我v> </div></a> <a class="TreeList-item hover:text-active cursor-pointer" aria-current="false" href="//www.startgorf.com/developer/stencil-docs/localization/multi-language-checkout"> <div class="flex" title="Multi Language Checkout"> <div class="SortableTree-itemName flex-1"> 多语言结帐</d我v> </div></a> <a class="TreeList-item hover:text-active cursor-pointer" aria-current="false" href="//www.startgorf.com/developer/stencil-docs/localization/localization-tutorial"> <div class="flex" title="Localization Tutorial"> <div class="SortableTree-itemName flex-1"> 本地化教程</d我v> </div></a> </div> </div> <div class="TreeList-folder depth--0 no-toggle"> <div> <div class="TreeList-folderInner hover:text-active has-children"> <div class="flex items-center"> <div class="TreeList-folderName flex-1 truncate font-bold mb-3 lg:mb-2 text-grey-dark uppercase tracking-wide text-sm lg:text-xs"> 部署</d我v> </div> </div> </div> <div class="TreeList-items depth--0"> <a class="TreeList-item hover:text-active cursor-pointer" aria-current="false" href="//www.startgorf.com/developer/stencil-docs/deploying-a-theme/naming-your-theme"> <div class="flex" title="Theme Variations"> <div class="SortableTree-itemName flex-1"> 主题变体</d我v> </div></a> <a class="TreeList-item hover:text-active cursor-pointer" aria-current="false" href="//www.startgorf.com/developer/stencil-docs/deploying-a-theme/checking-a-themes-size"> <div class="flex" title="Checking a Theme's Size"> <div class="SortableTree-itemName flex-1"> 检查主题的大小</d我v> </div></a> <a class="TreeList-item hover:text-active cursor-pointer" aria-current="false" href="//www.startgorf.com/developer/stencil-docs/deploying-a-theme/preparing-thumbnail-images"> <div class="flex" title="Preparing Thumbnail Images"> <div class="SortableTree-itemName flex-1"> 准备缩略图图像</d我v> </div></a> <a class="TreeList-item hover:text-active cursor-pointer" aria-current="false" href="//www.startgorf.com/developer/stencil-docs/deploying-a-theme/bundling-and-pushing"> <div class="flex" title="Bundling and Pushing a Theme"> <div class="SortableTree-itemName flex-1"> 捆绑和推广主题</d我v> </div></a> <a class="TreeList-item hover:text-active cursor-pointer" aria-current="false" href="//www.startgorf.com/developer/stencil-docs/deploying-a-theme/theme-best-practices"> <div class="flex" title="Theme Best Practices"> <div class="SortableTree-itemName flex-1"> 主题最佳实践</d我v> </div></a> <a class="TreeList-item hover:text-active cursor-pointer" aria-current="false" href="//www.startgorf.com/developer/stencil-docs/deploying-a-theme/troubleshooting-theme-uploads"> <div class="flex" title="Troubleshooting Theme Uploads"> <div class="SortableTree-itemName flex-1"> 故障排除主题上传</d我v> </div></a> <a class="TreeList-item hover:text-active cursor-pointer" aria-current="false" href="//www.startgorf.com/developer/stencil-docs/deploying-a-theme/theme-updates-and-version-control"> <div class="flex" title="Theme Updates & Version Control"> <div class="SortableTree-itemName flex-1"> 主题更新和版本控制</d我v> </div></a> </div> </div> <div class="TreeList-folder depth--0 no-toggle"> <div> <div class="TreeList-folderInner hover:text-active has-children"> <div class="flex items-center"> <div class="TreeList-folderName flex-1 truncate font-bold mb-3 lg:mb-2 text-grey-dark uppercase tracking-wide text-sm lg:text-xs"> 参考文档</d我v> </div> </div> </div> <div class="TreeList-items depth--0"> <a class="TreeList-item hover:text-active cursor-pointer" aria-current="false" href="//www.startgorf.com/developer/stencil-docs/reference-docs/global-objects-and-properties"> <div class="flex" title="Theme Objects"> <div class="SortableTree-itemName flex-1"> 主题对象</d我v> <div class="TreeList-itemToken flex items-center justify-center"> <div style="color:#55bf40" class="SortableTree-itemToken-inner token--reference flex items-center"> 参考</d我v> </div> </div></a> <a class="TreeList-item hover:text-active cursor-pointer" aria-current="false" href="//www.startgorf.com/developer/stencil-docs/reference-docs/handlebars-helpers-reference"> <div class="flex" title="Handlebars Helpers"> <div class="SortableTree-itemName flex-1"> 把手助手</d我v> </div></a> <a class="TreeList-item hover:text-active cursor-pointer" aria-current="false" href="//www.startgorf.com/developer/stencil-docs/reference-docs/stencil-utils-api-reference"> <div class="flex" title="stencil-utils"> <div class="SortableTree-itemName flex-1"> stencil-utils</d我v> </div></a> <a class="TreeList-item hover:text-active cursor-pointer" aria-current="false" href="//www.startgorf.com/developer/stencil-docs/reference-docs/new-subpage"> <div class="flex" title="config.json"> <div class="SortableTree-itemName flex-1"> json</d我v> </div></a> <a class="TreeList-item hover:text-active cursor-pointer" aria-current="false" href="//www.startgorf.com/developer/stencil-docs/reference-docs/front-matter-reference"> <div class="flex" title="Front Matter Reference"> <div class="SortableTree-itemName flex-1"> 前页参考</d我v> </div></a> </div> </div> </div> </div> </div> </div> </div> <div class="HubPage-wrapper flex-1 bg-white w-full overflow-y-scroll min-h-100"> <div class="HubPage"> <div class="HubPage-inner flex"> <div class="HubPage-content flex-1 relative"> <div class="HubPageBody"> <div class="HubBlockList"> <div class="HubBlock HubBlock--text flex is-viewing is-solo is-last is-padded"> <div class="HubBlock-inner flex-1 w-full"> <div class="HubBlock-content"> <div class="MarkdownViewer markdown-body"> <div class="HtmlViewer"> <h1>结账/确认注射选项</h1><d我v class="otp" id="no-index"> <h3>在这一页上</h3> <ul> <li><a href="//www.startgorf.com/developer/stencil-docs/customizing-checkout/#adding-storewide-styles">添加存储的全部样式</一个></l我><l我><一个href="//www.startgorf.com/developer/stencil-docs/customizing-checkout/#applying-storewide-header">应用店内全部商品的标题</一个></l我><l我><一个href="//www.startgorf.com/developer/stencil-docs/customizing-checkout/#applying-storewide-scripts">应用储藏脚本</一个></l我><l我><一个href="//www.startgorf.com/developer/stencil-docs/customizing-checkout/#adding-trust-seals">添加信任海豹</一个></l我><l我><一个href="//www.startgorf.com/developer/stencil-docs/customizing-checkout/#checkout-app-injection">结帐程序注入</一个></l我><l我><一个href="//www.startgorf.com/developer/stencil-docs/customizing-checkout/#resources">资源</一个></l我></ul> </div> <h2>添加存储的全部样式</h2><p>接下来两个选项的先决条件是将主题样式添加到结账或订单确认页面。为此，请添加此语句：</p> <p><code>{{{样式表' /资产/ css / theme.css}}}</code></p> <p>在这个语句之前，它已经出现在每个模板的头部:</p> <p><code>{{{结帐。checkout_head }}}</code></p> <h2>应用店内全部商品的标题</h2><p>您可以将每个页面的预定义页眉替换为存储范围的页眉。为此，首先添加如上所述的主题范围样式。接下来，替换以下代码块(如果存在):</p> <pre><code class="language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</年代pan>标题</年代pan><span class="token attr-name">类</年代pan><span class="token attr-value"><span class="token punctuation">=</年代pan><span class="token punctuation">”</年代pan>checkoutHeader optimizedCheckout-header<年代pan class="token punctuation">”</年代pan></span><span class="token punctuation">></年代pan></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</年代pan>div</年代pan><span class="token attr-name">类</年代pan><span class="token attr-value"><span class="token punctuation">=</年代pan><span class="token punctuation">”</年代pan>checkoutheader内容<年代pan class="token punctuation">”</年代pan></span><span class="token punctuation">></年代pan></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</年代pan>h1</年代pan><span class="token attr-name">类</年代pan><span class="token attr-value"><span class="token punctuation">=</年代pan><span class="token punctuation">”</年代pan>是自行的<年代pan class="token punctuation">”</年代pan></span><span class="token punctuation">></年代pan></span>{{朗的checkout.title}}<年代pan class="token tag"><span class="token tag"><span class="token punctuation"><</年代pan>h2</年代pan><span class="token attr-name">类</年代pan><span class="token attr-value"><span class="token punctuation">=</年代pan><span class="token punctuation">”</年代pan>Checkoutheader标题<年代pan class="token punctuation">”</年代pan></span><span class="token punctuation">></年代pan></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</年代pan>一个</年代pan><span class="token attr-name">类</年代pan><span class="token attr-value"><span class="token punctuation">=</年代pan><span class="token punctuation">”</年代pan>checkoutHeader-link<年代pan class="token punctuation">”</年代pan></span><span class="token attr-name">href</年代pan><span class="token attr-value"><span class="token punctuation">=</年代pan><span class="token punctuation">”</年代pan>{{urls.home}}<年代pan class="token punctuation">”</年代pan></span><span class="token punctuation">></年代pan></span>{{#if checkout.header_image}}<年代pan class="token tag"><span class="token tag"><span class="token punctuation"><</年代pan>IMG.</年代pan><span class="token attr-name">alt.</年代pan><span class="token attr-value"><span class="token punctuation">=</年代pan><span class="token punctuation">”</年代pan>{{settings.store_logo.title}}<年代pan class="token punctuation">”</年代pan></span><span class="token attr-name">类</年代pan><span class="token attr-value"><span class="token punctuation">=</年代pan><span class="token punctuation">”</年代pan>checkoutheader-logo.<年代pan class="token punctuation">”</年代pan></span><span class="token attr-name">id</年代pan><span class="token attr-value"><span class="token punctuation">=</年代pan><span class="token punctuation">”</年代pan>形象标识<年代pan class="token punctuation">”</年代pan></span><span class="token attr-name">SRC.</年代pan><span class="token attr-value"><span class="token punctuation">=</年代pan><span class="token punctuation">”</年代pan>{{checkout.header_image}}<年代pan class="token punctuation">”</年代pan></span><span class="token punctuation">/></年代pan></span>{{其他}}<年代pan class="token tag"><span class="token tag"><span class="token punctuation"><</年代pan>跨度</年代pan><span class="token attr-name">类</年代pan><span class="token attr-value"><span class="token punctuation">=</年代pan><span class="token punctuation">”</年代pan>标题 - 徽标文本<年代pan class="token punctuation">”</年代pan></span><span class="token punctuation">></年代pan></span>{{settings.store_logo.title}}<年代pan class="token tag"><span class="token tag"><span class="token punctuation"></</年代pan>跨度</年代pan><span class="token punctuation">></年代pan></span>{{/如果}}<年代pan class="token tag"><span class="token tag"><span class="token punctuation"></</年代pan>一个</年代pan><span class="token punctuation">></年代pan></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</年代pan>h2</年代pan><span class="token punctuation">></年代pan></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</年代pan>div</年代pan><span class="token punctuation">></年代pan></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</年代pan>标题</年代pan><span class="token punctuation">></年代pan></span></code></pre> <p>使用这个简单的把手声明：</p> <p><code>{{>组件/ common / header}}</code></p> <p>确保在此之前粘贴<年代trong>现有的</年代trong>陈述：</p> <p><code>{{{结帐。checkout_head }}}</code></p> <h2>应用储藏脚本</h2><p>您可以在两个或两个模板上添加和自定义页眉和页脚的以下选项：</p> <ul> <li>添加您的主题标题/页脚。</l我><l我>添加主题脚本（用于分析等）。</l我><l我>添加两个。</l我></ul> <p>如果你正在处理一个没有启用脚本的主题，下面是启用这些选项的步骤:</p> <ol> <li><p>如上所述添加主题样式。</p></li> <li><p>向签出模板的顶部(<code>checkout.html.</code>），添加此句子语句以启用标题脚本：</p></li> </ol> <p><code>{{{头。脚本年代}}}</code></p> <p>在这些现有语句之间添加它，因此最终将如下所示。</p> <pre><code class="language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</年代pan>脚本</年代pan><span class="token attr-name">类型</年代pan><span class="token attr-value"><span class="token punctuation">=</年代pan><span class="token punctuation">”</年代pan>text / javascript<年代pan class="token punctuation">”</年代pan></span><span class="token punctuation">></年代pan></span><span class="token script language-javascript">窗口<年代pan class="token punctuation">。</年代pan>语言<年代pan class="token operator">=</年代pan><span class="token punctuation">{</年代pan><span class="token punctuation">{</年代pan><span class="token punctuation">{</年代pan>langJson<年代pan class="token string">'优化_Checkout'</年代pan><span class="token punctuation">}</年代pan><span class="token punctuation">}</年代pan><span class="token punctuation">}</年代pan><span class="token punctuation">;</年代pan></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</年代pan>脚本</年代pan><span class="token punctuation">></年代pan></span>{{{head.scripts}}} {{/ partial}} {{#partial“页面”}}</code></pre> <p>此外，在结账模板的底部（<code>checkout.html.</code>)，添加这个Handlebars语句来启用页脚脚本:</p> <p><code>{{{页脚。脚本}}}</code></p> <p>在这些现有语句之间添加它，因此最终将如下所示。</p> <pre><code class="language-html">{{{checkout.checkout_content}}} {{footer.scripts}}} {{/ partial}}</code></pre> <ol start="3"> <li>朝向订单确认模板的顶部（<code>订单确认.HTML.</code>），添加此句子语句以启用标题脚本：</l我></ol><p><code>{{{头。脚本年代}}}</code></p> <p>在这些现有语句之间添加它，因此最终将如下所示。</p> <pre><code class="language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</年代pan>脚本</年代pan><span class="token attr-name">类型</年代pan><span class="token attr-value"><span class="token punctuation">=</年代pan><span class="token punctuation">”</年代pan>text / javascript<年代pan class="token punctuation">”</年代pan></span><span class="token punctuation">></年代pan></span><span class="token script language-javascript">窗口<年代pan class="token punctuation">。</年代pan>语言<年代pan class="token operator">=</年代pan><span class="token punctuation">{</年代pan><span class="token punctuation">{</年代pan><span class="token punctuation">{</年代pan>langJson<年代pan class="token string">'优化_Checkout'</年代pan><span class="token punctuation">}</年代pan><span class="token punctuation">}</年代pan><span class="token punctuation">}</年代pan><span class="token punctuation">;</年代pan></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</年代pan>脚本</年代pan><span class="token punctuation">></年代pan></span>{{{head.scripts}}} {{/ partial}} {{#partial“页面”}}</code></pre> <p>此外，在订单确认模板的底部(<code>订单确认.HTML.</code>)，插入这个Handlebars语句:</p> <p><code>{{{页脚。脚本}}}</code></p> <p>将它插入到这些现有语句之间，最终读取结果如下所示。</p> <pre><code class="language-html">{{{结帐。order_confirmation_content }}} {{{ footer.scripts }}} {{/partial}}</code></pre> <ol start="4"> <li>在商店的BigCommerce控制面板中，确保已在<code>店面</code>><code>脚本管理器</code>字段。</l我></ol><h2>添加信任海豹</h2><p>要将信任密封添加到任一模板：</p> <ol> <li><p>从您的信任-印章提供程序生成一个代码片段(印章脚本)。你可以在里面找到GeoTrust印章的说明<一个href=”https://support.bigcommerce.com/s/article/Adding-a-GeoTrust-SSL-seal-to-your--footer" target="_blank">这个bigcommerce kb文章</一个>。（其他提供商的说明会有所不同。）</p></li> <li><p>将密封脚本复制并粘贴到结账或订购确认模板中，以前或之后<code>{{{checkout.checkout_content}}}</code>车把的声明。</p></li> </ol> <h2>结帐程序注入</h2><p>使用BigCommerce的可扩展软件，有多种方法可以将脚本添加到您的商店。以上步骤概述只有一种将标题和页脚脚本添加到商店的方法，这是通过直接编辑主题文件。</p> <p>正如在应用注入脚本示例中提到的，你可以使用BigCommerce的脚本管理器和脚本API将脚本注入到你的应用商店中。通过直接在控制面板中授予的权限，存储所有者和其他用户可以使用Script Manager用户界面，或者开发人员可以使用scripts API以编程方式将脚本注入到存储中。这些是推荐的方法，因为它们允许无缝和直观地注入脚本。</p> <p>以下部分存在将流行应用程序注入结账/订单确认序列的脚本示例。</p> <h3>Olark在线聊天</h3> <p>作为从BigCommerce Apps Marketplace注入应用程序的示例，您可以使用脚本管理器或我们的新脚本API在任一页上启用Olark Live Chat应用程序：</p> <pre><code class="language-js"><span class="token operator"><</年代pan><span class="token operator">!</年代pan><span class="token operator">-</年代pan>开始olark代码<年代pan class="token operator">-</年代pan><span class="token operator">></年代pan><span class="token operator"><</年代pan>脚本类型<年代pan class="token operator">=</年代pan><span class="token string">“text / javascript”</年代pan><span class="token keyword">异步</年代pan><span class="token operator">></年代pan><span class="token punctuation">;</年代pan><span class="token punctuation">(</年代pan><span class="token keyword">功能</年代pan><span class="token punctuation">(</年代pan>o<年代pan class="token punctuation">,</年代pan>l<年代pan class="token punctuation">,</年代pan>一个<年代pan class="token punctuation">,</年代pan>r<年代pan class="token punctuation">,</年代pan>k<年代pan class="token punctuation">,</年代pan>y<年代pan class="token punctuation">)</年代pan><span class="token punctuation">{</年代pan><span class="token keyword">如果</年代pan><span class="token punctuation">(</年代pan>o<年代pan class="token punctuation">。</年代pan>olark<年代pan class="token punctuation">)</年代pan><span class="token keyword">返回</年代pan><span class="token punctuation">;</年代pan>r<年代pan class="token operator">=</年代pan><span class="token string">“脚本”</年代pan><span class="token punctuation">;</年代pan>y<年代pan class="token operator">=</年代pan>l<年代pan class="token punctuation">。</年代pan><span class="token function">createElement</年代pan><span class="token punctuation">(</年代pan>r<年代pan class="token punctuation">)</年代pan><span class="token punctuation">;</年代pan>r<年代pan class="token operator">=</年代pan>l<年代pan class="token punctuation">。</年代pan><span class="token function">getElementsByTagName</年代pan><span class="token punctuation">(</年代pan>r<年代pan class="token punctuation">)</年代pan><span class="token punctuation">(</年代pan><span class="token number">0</年代pan><span class="token punctuation">]</年代pan><span class="token punctuation">;</年代pan>y<年代pan class="token punctuation">。</年代pan><span class="token keyword">异步</年代pan><span class="token operator">=</年代pan><span class="token number">1</年代pan><span class="token punctuation">;</年代pan>y<年代pan class="token punctuation">。</年代pan>SRC.<年代pan class="token operator">=</年代pan><span class="token string">“/ /”</年代pan><span class="token operator">+</年代pan>一个<年代pan class="token punctuation">;</年代pan>r<年代pan class="token punctuation">。</年代pan>parentNode<年代pan class="token punctuation">。</年代pan><span class="token function">方法</年代pan><span class="token punctuation">(</年代pan>y<年代pan class="token punctuation">,</年代pan>r<年代pan class="token punctuation">)</年代pan><span class="token punctuation">;</年代pan>y<年代pan class="token operator">=</年代pan>o<年代pan class="token punctuation">。</年代pan><span class="token function-variable function">olark</年代pan><span class="token operator">=</年代pan><span class="token keyword">功能</年代pan><span class="token punctuation">(</年代pan><span class="token punctuation">)</年代pan><span class="token punctuation">{</年代pan>k<年代pan class="token punctuation">。</年代pan>年代<年代pan class="token punctuation">。</年代pan><span class="token function">推</年代pan><span class="token punctuation">(</年代pan>争论<年代pan class="token punctuation">)</年代pan><span class="token punctuation">;</年代pan>k<年代pan class="token punctuation">。</年代pan>t<年代pan class="token punctuation">。</年代pan><span class="token function">推</年代pan><span class="token punctuation">(</年代pan><span class="token operator">+</年代pan><span class="token keyword">新的</年代pan><span class="token class-name">日期</年代pan><span class="token punctuation">)</年代pan><span class="token punctuation">}</年代pan><span class="token punctuation">;</年代pan>y<年代pan class="token punctuation">。</年代pan><span class="token function-variable function">扩展</年代pan><span class="token operator">=</年代pan><span class="token keyword">功能</年代pan><span class="token punctuation">(</年代pan>我<年代pan class="token punctuation">,</年代pan>j<年代pan class="token punctuation">)</年代pan><span class="token punctuation">{</年代pan><span class="token function">y</年代pan><span class="token punctuation">(</年代pan><span class="token string">“延长”</年代pan><span class="token punctuation">,</年代pan>我<年代pan class="token punctuation">,</年代pan>j<年代pan class="token punctuation">)</年代pan><span class="token punctuation">}</年代pan><span class="token punctuation">;</年代pan>y<年代pan class="token punctuation">。</年代pan><span class="token function-variable function">识别</年代pan><span class="token operator">=</年代pan><span class="token keyword">功能</年代pan><span class="token punctuation">(</年代pan>我<年代pan class="token punctuation">)</年代pan><span class="token punctuation">{</年代pan><span class="token function">y</年代pan><span class="token punctuation">(</年代pan><span class="token string">“identmv”</年代pan><span class="token punctuation">,</年代pan>k<年代pan class="token punctuation">。</年代pan>我<年代pan class="token operator">=</年代pan>我<年代pan class="token punctuation">)</年代pan><span class="token punctuation">}</年代pan><span class="token punctuation">;</年代pan>y<年代pan class="token punctuation">。</年代pan><span class="token function-variable function">配置</年代pan><span class="token operator">=</年代pan><span class="token keyword">功能</年代pan><span class="token punctuation">(</年代pan>我<年代pan class="token punctuation">,</年代pan>j<年代pan class="token punctuation">)</年代pan><span class="token punctuation">{</年代pan><span class="token function">y</年代pan><span class="token punctuation">(</年代pan><span class="token string">“配置”</年代pan><span class="token punctuation">,</年代pan>我<年代pan class="token punctuation">,</年代pan>j<年代pan class="token punctuation">)</年代pan><span class="token punctuation">;</年代pan>k<年代pan class="token punctuation">。</年代pan>c<年代pan class="token punctuation">(</年代pan>我<年代pan class="token punctuation">]</年代pan><span class="token operator">=</年代pan>j<年代pan class="token punctuation">}</年代pan><span class="token punctuation">;</年代pan>k<年代pan class="token operator">=</年代pan>y<年代pan class="token punctuation">。</年代pan>_<年代pan class="token operator">=</年代pan><span class="token punctuation">{</年代pan>年代<年代pan class="token punctuation">:</年代pan><span class="token punctuation">(</年代pan><span class="token punctuation">]</年代pan><span class="token punctuation">,</年代pan>t<年代pan class="token punctuation">:</年代pan><span class="token punctuation">(</年代pan><span class="token operator">+</年代pan><span class="token keyword">新的</年代pan><span class="token class-name">日期</年代pan><span class="token punctuation">]</年代pan><span class="token punctuation">,</年代pan>c<年代pan class="token punctuation">:</年代pan><span class="token punctuation">{</年代pan><span class="token punctuation">}</年代pan><span class="token punctuation">,</年代pan>l<年代pan class="token punctuation">:</年代pan>一个<年代pan class="token punctuation">}</年代pan><span class="token punctuation">;</年代pan><span class="token punctuation">}</年代pan><span class="token punctuation">)</年代pan><span class="token punctuation">(</年代pan>窗口<年代pan class="token punctuation">,</年代pan>文档<年代pan class="token punctuation">,</年代pan><span class="token string">“static.olark.com/jsclient/loader.js”</年代pan><span class="token punctuation">)</年代pan><span class="token punctuation">;</年代pan><span class="token comment">/*在注释后面添加配置调用*/</年代pan>olark<年代pan class="token punctuation">。</年代pan><span class="token function">识别</年代pan><span class="token punctuation">(</年代pan><span class="token string">'4080-493-10-1035'</年代pan><span class="token punctuation">)</年代pan><span class="token punctuation">;</年代pan><span class="token operator"><</年代pan><span class="token operator">/</年代pan>脚本<年代pan class="token operator">></年代pan><span class="token operator"><</年代pan><span class="token operator">!</年代pan><span class="token operator">-</年代pan>结束oLark代码<年代pan class="token operator">-</年代pan><span class="token operator">></年代pan></code></pre> <h3>Bluecheck年龄验证</h3> <p>同样，您可以使用脚本管理器或新脚本API启用Bluecheck Age-Verification应用程序：</p> <pre><code class="language-js"><span class="token operator"><</年代pan><span class="token operator">!</年代pan><span class="token operator">-</年代pan>Bluecheck<年代pan class="token constant">AV</年代pan>从这里开始<年代pan class="token operator">-</年代pan><span class="token operator">></年代pan><span class="token operator"><</年代pan>脚本src<年代pan class="token operator">=</年代pan><span class="token string">“https://api.bluecheck.me/modal/latest/custom/bigcommerce.js”</年代pan><span class="token operator">></年代pan><span class="token operator"><</年代pan><span class="token operator">/</年代pan>脚本<年代pan class="token operator">></年代pan><span class="token operator"><</年代pan>脚本src<年代pan class="token operator">=</年代pan><span class="token string">' / / api.bluecheck.me age-gate / v2 / loader.js.php吗?domain_token = (user-token-value) '</年代pan><span class="token operator">></年代pan><span class="token operator"><</年代pan><span class="token operator">/</年代pan>脚本<年代pan class="token operator">></年代pan><span class="token operator"><</年代pan>跨风格<年代pan class="token operator">=</年代pan><span class="token string">'显示：没有'</年代pan>id<年代pan class="token operator">=</年代pan><span class="token string">'bc_selected_shipping_info'</年代pan><span class="token operator">></年代pan><span class="token operator">%</年代pan><span class="token operator">%</年代pan>GLOBAL_ShippingAddress<年代pan class="token operator">%</年代pan><span class="token operator">%</年代pan><span class="token operator"><</年代pan><span class="token operator">/</年代pan>跨度<年代pan class="token operator">></年代pan><span class="token operator"><</年代pan>跨风格<年代pan class="token operator">=</年代pan><span class="token string">'显示：没有'</年代pan>id<年代pan class="token operator">=</年代pan><span class="token string">'bc_selected_billing_info'</年代pan><span class="token operator">></年代pan><span class="token operator">%</年代pan><span class="token operator">%</年代pan>global_billingaddress.<年代pan class="token operator">%</年代pan><span class="token operator">%</年代pan><span class="token operator"><</年代pan><span class="token operator">/</年代pan>跨度<年代pan class="token operator">></年代pan><span class="token operator"><</年代pan>跨风格<年代pan class="token operator">=</年代pan><span class="token string">'显示：没有'</年代pan>id<年代pan class="token operator">=</年代pan><span class="token string">“bc_customer_acct_email”</年代pan><span class="token operator">></年代pan><span class="token operator">%</年代pan><span class="token operator">%</年代pan>GLOBAL_CurrentCustomerEmail<年代pan class="token operator">%</年代pan><span class="token operator">%</年代pan><span class="token operator"><</年代pan><span class="token operator">/</年代pan>跨度<年代pan class="token operator">></年代pan><span class="token operator"><</年代pan>跨风格<年代pan class="token operator">=</年代pan><span class="token string">'显示：没有'</年代pan>id<年代pan class="token operator">=</年代pan><span class="token string">'bc_customer_acct_id'</年代pan><span class="token operator">></年代pan><span class="token operator">%</年代pan><span class="token operator">%</年代pan>global_currentcustomerid.<年代pan class="token operator">%</年代pan><span class="token operator">%</年代pan><span class="token operator"><</年代pan><span class="token operator">/</年代pan>跨度<年代pan class="token operator">></年代pan><span class="token operator"><</年代pan>跨风格<年代pan class="token operator">=</年代pan><span class="token string">'显示：没有'</年代pan>id<年代pan class="token operator">=</年代pan><span class="token string">“bc_customer_acct_fname”</年代pan><span class="token operator">></年代pan><span class="token operator">%</年代pan><span class="token operator">%</年代pan>global_currentcustomerfirstname.<年代pan class="token operator">%</年代pan><span class="token operator">%</年代pan><span class="token operator"><</年代pan><span class="token operator">/</年代pan>跨度<年代pan class="token operator">></年代pan><span class="token operator"><</年代pan>跨风格<年代pan class="token operator">=</年代pan><span class="token string">'显示：没有'</年代pan>id<年代pan class="token operator">=</年代pan><span class="token string">“bc_customer_acct_lname”</年代pan><span class="token operator">></年代pan><span class="token operator">%</年代pan><span class="token operator">%</年代pan>global_currentcustomerlastname.<年代pan class="token operator">%</年代pan><span class="token operator">%</年代pan><span class="token operator"><</年代pan><span class="token operator">/</年代pan>跨度<年代pan class="token operator">></年代pan><span class="token operator"><</年代pan><span class="token operator">!</年代pan><span class="token operator">-</年代pan>Bluecheck<年代pan class="token constant">AV</年代pan>在这里结束<年代pan class="token operator">-</年代pan><span class="token operator">></年代pan></code></pre> <h3>Rebillia重复计费</h3> <p>要添加rebillia应用程序，可以使用脚本管理器或新脚本API添加以下标记：</p> <pre><code class="language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</年代pan>div</年代pan><span class="token attr-name">id</年代pan><span class="token attr-value"><span class="token punctuation">=</年代pan><span class="token punctuation">”</年代pan>rebillia_overlay<年代pan class="token punctuation">”</年代pan></span><span class="token punctuation">></年代pan></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</年代pan>div</年代pan><span class="token punctuation">></年代pan></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</年代pan>脚本</年代pan><span class="token attr-name">SRC.</年代pan><span class="token attr-value"><span class="token punctuation">=</年代pan><span class="token punctuation">”</年代pan>https://js.braintreegateway.com/v2/braintree.js<年代pan class="token punctuation">”</年代pan></span><span class="token punctuation">></年代pan></span><span class="token script language-javascript"></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</年代pan>脚本</年代pan><span class="token punctuation">></年代pan></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</年代pan>脚本</年代pan><span class="token attr-name">类型</年代pan><span class="token attr-value"><span class="token punctuation">=</年代pan><span class="token punctuation">”</年代pan>text / javascript<年代pan class="token punctuation">”</年代pan></span><span class="token attr-name">SRC.</年代pan><span class="token attr-value"><span class="token punctuation">=</年代pan><span class="token punctuation">”</年代pan>https://js.stripe.com/v2/<年代pan class="token punctuation">”</年代pan></span><span class="token punctuation">></年代pan></span><span class="token script language-javascript"></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</年代pan>脚本</年代pan><span class="token punctuation">></年代pan></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</年代pan>脚本</年代pan><span class="token attr-name">类型</年代pan><span class="token attr-value"><span class="token punctuation">=</年代pan><span class="token punctuation">”</年代pan>text / javascript<年代pan class="token punctuation">”</年代pan></span><span class="token punctuation">></年代pan></span><span class="token script language-javascript"><span class="token keyword">功能</年代pan><span class="token function">customerJWT</年代pan><span class="token punctuation">(</年代pan>一个<年代pan class="token punctuation">)</年代pan><span class="token punctuation">{</年代pan><span class="token keyword">var</年代pan>b<年代pan class="token operator">=</年代pan><span class="token string">“R1SC6NVNNHED3777COZP2BFWFA69CFZ5”</年代pan><span class="token punctuation">,</年代pan>c<年代pan class="token operator">=</年代pan><span class="token keyword">新的</年代pan><span class="token class-name">XMLHttpRequest</年代pan><span class="token punctuation">;</年代pan>c<年代pan class="token punctuation">。</年代pan><span class="token function-variable function">onreadystatechange</年代pan><span class="token operator">=</年代pan><span class="token keyword">功能</年代pan><span class="token punctuation">(</年代pan><span class="token punctuation">)</年代pan><span class="token punctuation">{</年代pan><span class="token keyword">如果</年代pan><span class="token punctuation">(</年代pan><span class="token number">4</年代pan><span class="token operator">==.</年代pan>c<年代pan class="token punctuation">。</年代pan>readystate.<年代pan class="token punctuation">)</年代pan><span class="token keyword">如果</年代pan><span class="token punctuation">(</年代pan><span class="token number">200.</年代pan><span class="token operator">==.</年代pan>c<年代pan class="token punctuation">。</年代pan>地位<年代pan class="token punctuation">)</年代pan><span class="token punctuation">{</年代pan><span class="token keyword">var</年代pan>b<年代pan class="token operator">=</年代pan><span class="token keyword">新的</年代pan><span class="token class-name">XMLHttpRequest</年代pan><span class="token punctuation">;</年代pan>b<年代pan class="token punctuation">。</年代pan><span class="token function">开放</年代pan><span class="token punctuation">(</年代pan><span class="token string">“获得”</年代pan><span class="token punctuation">,</年代pan><span class="token string">“https://demo.rebillia.com/storefront/login/”</年代pan><span class="token operator">+</年代pan>c<年代pan class="token punctuation">。</年代pan>响应结果字符串<年代pan class="token punctuation">,</年代pan><span class="token operator">!</年代pan><span class="token number">0</年代pan><span class="token punctuation">)</年代pan><span class="token punctuation">,</年代pan>b<年代pan class="token punctuation">。</年代pan>承担信徒<年代pan class="token operator">=</年代pan><span class="token operator">!</年代pan><span class="token number">0</年代pan><span class="token punctuation">,</年代pan>b<年代pan class="token punctuation">。</年代pan><span class="token function">发送</年代pan><span class="token punctuation">(</年代pan><span class="token punctuation">)</年代pan><span class="token punctuation">}</年代pan><span class="token keyword">其他的</年代pan><span class="token keyword">如果</年代pan><span class="token punctuation">(</年代pan><span class="token number">404.</年代pan><span class="token operator">==.</年代pan>c<年代pan class="token punctuation">。</年代pan>地位<年代pan class="token punctuation">)</年代pan><span class="token punctuation">{</年代pan><span class="token keyword">var</年代pan>d<年代pan class="token operator">=</年代pan><span class="token keyword">新的</年代pan><span class="token class-name">XMLHttpRequest</年代pan><span class="token punctuation">;</年代pan>参数个数<年代pan class="token operator">=</年代pan><span class="token string">" bc_email = "</年代pan><span class="token operator">+</年代pan>一个<年代pan class="token punctuation">,</年代pan>d<年代pan class="token punctuation">。</年代pan><span class="token function">开放</年代pan><span class="token punctuation">(</年代pan><span class="token string">“职位”</年代pan><span class="token punctuation">,</年代pan><span class="token string">“https://demo.rebillia.com/storefront/login/guest”</年代pan><span class="token punctuation">,</年代pan><span class="token operator">!</年代pan><span class="token number">0</年代pan><span class="token punctuation">)</年代pan><span class="token punctuation">,</年代pan>d<年代pan class="token punctuation">。</年代pan><span class="token function">setRequestHeader</年代pan><span class="token punctuation">(</年代pan><span class="token string">“内容类型”</年代pan><span class="token punctuation">,</年代pan><span class="token string">“Application / X-WWM-Form-Urlencoded”</年代pan><span class="token punctuation">)</年代pan><span class="token punctuation">,</年代pan>d<年代pan class="token punctuation">。</年代pan>承担信徒<年代pan class="token operator">=</年代pan><span class="token operator">!</年代pan><span class="token number">0</年代pan><span class="token punctuation">,</年代pan>d<年代pan class="token punctuation">。</年代pan><span class="token function">发送</年代pan><span class="token punctuation">(</年代pan>参数个数<年代pan class="token punctuation">)</年代pan><span class="token punctuation">}</年代pan><span class="token keyword">其他的</年代pan>安慰<年代pan class="token punctuation">。</年代pan><span class="token function">日志</年代pan><span class="token punctuation">(</年代pan><span class="token string">“错”</年代pan><span class="token punctuation">)</年代pan><span class="token punctuation">}</年代pan><span class="token punctuation">,</年代pan>c<年代pan class="token punctuation">。</年代pan><span class="token function">开放</年代pan><span class="token punctuation">(</年代pan><span class="token string">“获得”</年代pan><span class="token punctuation">,</年代pan><span class="token string">“/customer/current.jwt?app_client_id=”</年代pan><span class="token operator">+</年代pan>b<年代pan class="token punctuation">,</年代pan><span class="token operator">!</年代pan><span class="token number">0</年代pan><span class="token punctuation">)</年代pan><span class="token punctuation">,</年代pan>c<年代pan class="token punctuation">。</年代pan><span class="token function">发送</年代pan><span class="token punctuation">(</年代pan><span class="token punctuation">)</年代pan><span class="token punctuation">}</年代pan><span class="token keyword">var</年代pan>CurrentCustomerEmail.<年代pan class="token operator">=</年代pan><span class="token string">“% % GLOBAL_CurrentCustomerEmail % %”</年代pan><span class="token punctuation">,</年代pan>席子<年代pan class="token operator">=</年代pan><span class="token string">“%% global_shoppathssl %%”</年代pan><span class="token punctuation">,</年代pan>域名<年代pan class="token operator">=</年代pan><span class="token string">“https://demo.rebillia.com”</年代pan><span class="token punctuation">,</年代pan>domainURL<年代pan class="token operator">=</年代pan><span class="token string">“https://demo.rebillia.com/”</年代pan><span class="token punctuation">;</年代pan><span class="token function">美元</年代pan><span class="token punctuation">(</年代pan>文档<年代pan class="token punctuation">)</年代pan><span class="token punctuation">。</年代pan><span class="token function">准备好</年代pan><span class="token punctuation">(</年代pan><span class="token keyword">功能</年代pan><span class="token punctuation">(</年代pan><span class="token punctuation">)</年代pan><span class="token punctuation">{</年代pan>美元<年代pan class="token punctuation">。</年代pan><span class="token function">getscript.</年代pan><span class="token punctuation">(</年代pan>域名<年代pan class="token operator">+</年代pan><span class="token string">“/ js / embed-common.js”</年代pan><span class="token punctuation">)</年代pan><span class="token punctuation">;</年代pan><span class="token keyword">var</年代pan>一个<年代pan class="token operator">=</年代pan>窗口<年代pan class="token punctuation">。</年代pan>位置<年代pan class="token punctuation">。</年代pan>href<年代pan class="token punctuation">。</年代pan><span class="token function">比赛</年代pan><span class="token punctuation">(</年代pan><span class="token regex">/ [^ \ /] + $ /</年代pan><span class="token punctuation">)</年代pan><span class="token punctuation">;</年代pan><span class="token keyword">如果</年代pan><span class="token punctuation">(</年代pan>一个<年代pan class="token operator">& &</年代pan>一个<年代pan class="token punctuation">。</年代pan>长度<年代pan class="token punctuation">)</年代pan><span class="token punctuation">{</年代pan><span class="token keyword">var</年代pan>b<年代pan class="token operator">=</年代pan>一个<年代pan class="token punctuation">(</年代pan><span class="token number">0</年代pan><span class="token punctuation">]</年代pan><span class="token punctuation">。</年代pan><span class="token function">分裂</年代pan><span class="token punctuation">(</年代pan><span class="token string">“。”</年代pan><span class="token punctuation">)</年代pan><span class="token punctuation">;</年代pan><span class="token string">“账户”</年代pan><span class="token operator">! =</年代pan>b<年代pan class="token punctuation">(</年代pan><span class="token number">0</年代pan><span class="token punctuation">]</年代pan><span class="token operator">& &</年代pan><span class="token string">“签出”</年代pan><span class="token operator">! =</年代pan>b<年代pan class="token punctuation">(</年代pan><span class="token number">0</年代pan><span class="token punctuation">]</年代pan><span class="token operator">& &</年代pan><span class="token string">“finishorder”</年代pan><span class="token operator">! =</年代pan>b<年代pan class="token punctuation">(</年代pan><span class="token number">0</年代pan><span class="token punctuation">]</年代pan><span class="token operator">||</年代pan>美元<年代pan class="token punctuation">。</年代pan><span class="token function">getscript.</年代pan><span class="token punctuation">(</年代pan>域名<年代pan class="token operator">+</年代pan><span class="token string">“/ js /嵌入-”</年代pan><span class="token operator">+</年代pan>b<年代pan class="token punctuation">(</年代pan><span class="token number">0</年代pan><span class="token punctuation">]</年代pan><span class="token operator">+</年代pan><span class="token string">“.js”</年代pan><span class="token punctuation">)</年代pan><span class="token punctuation">,</年代pan><span class="token string">“账户”</年代pan><span class="token operator">==.</年代pan>b<年代pan class="token punctuation">(</年代pan><span class="token number">0</年代pan><span class="token punctuation">]</年代pan><span class="token operator">& &</年代pan><span class="token function">customerJWT</年代pan><span class="token punctuation">(</年代pan><span class="token punctuation">)</年代pan><span class="token punctuation">}</年代pan><span class="token punctuation">}</年代pan><span class="token punctuation">)</年代pan><span class="token punctuation">;</年代pan></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</年代pan>脚本</年代pan><span class="token punctuation">></年代pan></span></code></pre> <h3>转换跟踪:按需转换</h3> <p>以下是您可以使用脚本管理器或新脚本API启用的应用程序的最后一个例子。此示例可以按需进行转换：</p> <pre><code class="language-js"><span class="token operator"><</年代pan>脚本类型<年代pan class="token operator">=</年代pan><span class="token string">' text / javascript '</年代pan><span class="token operator">></年代pan><span class="token comment">/ / < !(CDATA[</年代pan><span class="token keyword">var</年代pan>cod_page_guid.<年代pan class="token operator">=</年代pan><span class="token string">“签出”</年代pan><span class="token punctuation">;</年代pan><span class="token keyword">var</年代pan><span class="token constant">COD_CONFIG</年代pan><span class="token operator">=</年代pan><span class="token punctuation">{</年代pan><span class="token string">“平台”</年代pan><span class="token punctuation">:</年代pan><span class="token string">'bigcommerce'</年代pan><span class="token punctuation">,</年代pan><span class="token string">“屁话”</年代pan><span class="token punctuation">:</年代pan><span class="token string">'as2_bcmarket_org'</年代pan><span class="token punctuation">}</年代pan><span class="token punctuation">;</年代pan><span class="token punctuation">(</年代pan><span class="token keyword">功能</年代pan><span class="token punctuation">(</年代pan><span class="token punctuation">)</年代pan><span class="token punctuation">{</年代pan><span class="token keyword">var</年代pan>Divod.<年代pan class="token operator">=</年代pan>文档<年代pan class="token punctuation">。</年代pan><span class="token function">createElement</年代pan><span class="token punctuation">(</年代pan><span class="token string">“div”</年代pan><span class="token punctuation">)</年代pan><span class="token punctuation">;</年代pan>Divod.<年代pan class="token punctuation">。</年代pan>id<年代pan class="token operator">=</年代pan><span class="token string">'codscripts'</年代pan><span class="token punctuation">;</年代pan><span class="token keyword">var</年代pan>侍者<年代pan class="token operator">=</年代pan>文档<年代pan class="token punctuation">。</年代pan><span class="token function">getElementsByTagName</年代pan><span class="token punctuation">(</年代pan><span class="token string">“身体”</年代pan><span class="token punctuation">)</年代pan><span class="token punctuation">(</年代pan><span class="token number">0</年代pan><span class="token punctuation">]</年代pan><span class="token punctuation">;</年代pan>侍者<年代pan class="token punctuation">。</年代pan><span class="token function">列表末尾</年代pan><span class="token punctuation">(</年代pan>Divod.<年代pan class="token punctuation">)</年代pan><span class="token punctuation">;</年代pan><span class="token keyword">var</年代pan>鳕鱼<年代pan class="token operator">=</年代pan>文档<年代pan class="token punctuation">。</年代pan><span class="token function">createElement</年代pan><span class="token punctuation">(</年代pan><span class="token string">“脚本”</年代pan><span class="token punctuation">)</年代pan><span class="token punctuation">;</年代pan>鳕鱼<年代pan class="token punctuation">。</年代pan>类型<年代pan class="token operator">=</年代pan><span class="token string">' text / javascript '</年代pan><span class="token punctuation">;</年代pan>鳕鱼<年代pan class="token punctuation">。</年代pan>SRC.<年代pan class="token operator">=</年代pan><span class="token string">'https://www.conversionsondemand.com/codadmin2/framework/cod-scripts-loader.js'</年代pan><span class="token punctuation">;</年代pan><span class="token keyword">var</年代pan>年代<年代pan class="token operator">=</年代pan>文档<年代pan class="token punctuation">。</年代pan><span class="token function">getElementById</年代pan><span class="token punctuation">(</年代pan><span class="token string">'codscripts'</年代pan><span class="token punctuation">)</年代pan><span class="token punctuation">;</年代pan>年代<年代pan class="token punctuation">。</年代pan>parentNode<年代pan class="token punctuation">。</年代pan><span class="token function">方法</年代pan><span class="token punctuation">(</年代pan>鳕鱼<年代pan class="token punctuation">,</年代pan>年代<年代pan class="token punctuation">)</年代pan><span class="token punctuation">;</年代pan><span class="token punctuation">}</年代pan><span class="token punctuation">)</年代pan><span class="token punctuation">(</年代pan><span class="token constant">COD_CONFIG</年代pan><span class="token punctuation">)</年代pan><span class="token punctuation">;</年代pan><span class="token comment">//]]> </ script></年代pan></code></pre> <h3>Google Analytics：Addrexx地址验证</h3> <p>Addrexx应用程序通过BigCommerce控制面板的谷歌Analytics框集成到Checkout或Order Confirmation页面，而不是通过直接注入模板文件。下面是进入控制面板的相应脚本:</p> <pre><code class="language-js"><span class="token operator"><</年代pan><span class="token operator">!</年代pan><span class="token operator">-</年代pan><span class="token constant">开始</年代pan>Addrexx<年代pan class="token operator">-</年代pan><span class="token operator">></年代pan><span class="token operator"><</年代pan>脚本类型<年代pan class="token operator">=</年代pan><span class="token string">“text / javascript”</年代pan><span class="token operator">></年代pan>wwPage<年代pan class="token operator">=</年代pan>窗口<年代pan class="token punctuation">。</年代pan>位置<年代pan class="token punctuation">。</年代pan>href<年代pan class="token punctuation">;</年代pan><span class="token keyword">如果</年代pan><span class="token punctuation">(</年代pan>wwPage<年代pan class="token punctuation">。</年代pan><span class="token function">指数</年代pan><span class="token punctuation">(</年代pan><span class="token string">“billing_address”</年代pan><span class="token punctuation">)</年代pan><span class="token operator">> =</年代pan><span class="token number">0</年代pan><span class="token operator">||</年代pan>wwPage<年代pan class="token punctuation">。</年代pan><span class="token function">指数</年代pan><span class="token punctuation">(</年代pan><span class="token string">“创建帐号”</年代pan><span class="token punctuation">)</年代pan><span class="token operator">> =</年代pan><span class="token number">0</年代pan><span class="token operator">||</年代pan>wwPage<年代pan class="token punctuation">。</年代pan><span class="token function">指数</年代pan><span class="token punctuation">(</年代pan><span class="token string">“shipping_address”</年代pan><span class="token punctuation">)</年代pan><span class="token operator">> =</年代pan><span class="token number">0</年代pan><span class="token operator">||</年代pan>wwPage<年代pan class="token punctuation">。</年代pan><span class="token function">指数</年代pan><span class="token punctuation">(</年代pan><span class="token string">“签出”</年代pan><span class="token punctuation">)</年代pan><span class="token operator">> =</年代pan><span class="token number">0</年代pan><span class="token punctuation">)</年代pan><span class="token punctuation">{</年代pan><span class="token keyword">功能</年代pan><span class="token function">loadaddrexx</年代pan><span class="token punctuation">(</年代pan><span class="token punctuation">)</年代pan><span class="token punctuation">{</年代pan><span class="token keyword">var</年代pan>_cc_url.<年代pan class="token operator">=</年代pan><span class="token string">“xxredda.s3.amazonaws.com/bcmarket/loader.js”</年代pan><span class="token punctuation">;</年代pan><span class="token keyword">var</年代pan>_cc_s<年代pan class="token operator">=</年代pan>文档<年代pan class="token punctuation">。</年代pan><span class="token function">createElement</年代pan><span class="token punctuation">(</年代pan><span class="token string">“脚本”</年代pan><span class="token punctuation">)</年代pan><span class="token punctuation">;</年代pan>_cc_s<年代pan class="token punctuation">。</年代pan>类型<年代pan class="token operator">=</年代pan><span class="token string">' text / javascript '</年代pan><span class="token punctuation">;</年代pan>_cc_s<年代pan class="token punctuation">。</年代pan>SRC.<年代pan class="token operator">=</年代pan><span class="token punctuation">(</年代pan><span class="token punctuation">(</年代pan><span class="token string">“http:</年代pan><span class="token operator">= = =</年代pan>文档<年代pan class="token punctuation">。</年代pan>位置<年代pan class="token punctuation">。</年代pan>协议<年代pan class="token punctuation">)</年代pan><span class="token operator">吗?</年代pan><span class="token string">“http:</年代pan><span class="token punctuation">:</年代pan><span class="token string">“https:“</年代pan><span class="token punctuation">)</年代pan><span class="token operator">+</年代pan><span class="token string">“/ /”</年代pan><span class="token operator">+</年代pan>_cc_url.<年代pan class="token punctuation">;</年代pan>文档<年代pan class="token punctuation">。</年代pan><span class="token function">getElementsByTagName</年代pan><span class="token punctuation">(</年代pan><span class="token string">“头”</年代pan><span class="token punctuation">)</年代pan><span class="token punctuation">(</年代pan><span class="token number">0</年代pan><span class="token punctuation">]</年代pan><span class="token punctuation">。</年代pan><span class="token function">列表末尾</年代pan><span class="token punctuation">(</年代pan>_cc_s<年代pan class="token punctuation">)</年代pan><span class="token punctuation">;</年代pan><span class="token punctuation">}</年代pan><span class="token punctuation">;</年代pan><span class="token function">loadaddrexx</年代pan><span class="token punctuation">(</年代pan><span class="token punctuation">)</年代pan><span class="token punctuation">;</年代pan><span class="token punctuation">}</年代pan><span class="token operator"><</年代pan><span class="token operator">/</年代pan>脚本<年代pan class="token operator">></年代pan><span class="token operator"><</年代pan><span class="token operator">!</年代pan><span class="token operator">-</年代pan><span class="token constant">结束</年代pan>Addrexx<年代pan class="token operator">-</年代pan><span class="token operator">></年代pan></code></pre> <h2>资源</h2><h3>相关终点</h3> <ul> <li><a href="//www.startgorf.com/developer/api-reference/storefront/content-scripts-api" target="_blank">脚本API.</一个></l我></ul> <h3>相关文章</h3> <ul> <li><a href="//www.startgorf.com/support/s/article/Adding-a-GeoTrust-SSL-seal-to-your--footer" target="_blank">向您的商店的页脚添加地理位置SSL密封</一个>(BigCommerce知识库)</l我></ul> <h3>更多的资源</h3> <ul> <li><a href="https://www.olark.com/integrations/bigcommerce" target="_blank">奥克朗</一个>(Olark)</l我><l我><一个href=”https://www.rebillia.com/documentation/stencil-or-blueprint" target="_blank">劫丁子</一个>(Rebilla)</l我><l我><一个href=”https://support.google.com/google-ads/answer/6095821" target="_blank">为您的网站设置转换跟踪</一个>(谷歌)</l我><l我><一个href=”//www.startgorf.com/apps/addrexx/" target="_blank">Addrexx</一个>(BigCommerce应用市场)</l我></ul> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="pin absolute flex z--1" role="presentation"> <div class="h-full flex-1 bg-grey-lightest"></div> <div class="h-full flex-1 bg-white"></div> </div> </div> <div class="s-alert-wrapper"></div> </div> </body> </html>