概述
是否需要手动部署？
有时由于使用了网站模板，我们的快速徽章自动部署将无法达到预期效果。目前，我们还没有一个支持或不支持快速徽章的模板列表，所以最好先使用快速徽章预览插件来测试自动部署：
- 将以下代码片段保存为Google Chrome中的书签：
javascript:(function(cartMin=50)%7Bwindow.Shopify.shop%C2%A0%3D "fasttagspreview.myshopify.com"%3Bif(!window.location.href.includes("deliverrPreview")) %7Bhistory.pushState(%7B%7D%2C "Deliverr Preview"%2C%C2%A0window.location.href %2B (%2F%5C%3F%2F.test(window.location.href)%3F "%26" %3A "%3F") %2B "deliverrPreview%3Dtrue%26deliverrCartMinimum="%2BcartMin)%3B%7Dconst s %3D document.createElement('script')%3Bs.type %3D 'text%2Fjavascript'%3Bs.src %3D 'https%3A%2F%2Fs3.amazonaws.com%2Fdeliverr-shopify-admin-prod%2Fshopify-storefront%2Fmain.js'%3Bdocument.body.appendChild(s)%7D)()
- 此代码保存为书签后（仅适用于Google Chrome），导航至Shopify商店的产品展示页或收藏页，然后运行插件（或打开书签）预览自动部署的快速徽章。若要在Chrome中打开书签，请点击浏览器右上角的三个垂直小点。
自动布置达到预期效果：
自动部署未达到预期效果：
如果自动部署的图片出现错误或扭曲，最好是由您（或开发人员）在您的Shopify的Liquid模板中，手动输入以下代码。在大多数情况下，Deliverr可以协助部署此代码，但需要访问Shopify帐户的模板。
注：对于更复杂的网站模板，您需要查看/利用此处的快速徽章开发工具包资源，并接触有Shopify网站开发经验的开发人员（非Deliverr人员）。请注意，必须首先填写此表格，来申请使用我们的开发工具包资源。
代码片段和相应位置：
在下图中，您会看到<deliverr></deliverr>代码将在各自的位置使用。您网站的每个位置都会有自己的liquid文件在Shopify中控制该页面。
产品详情：
product-info.liquid, product.liquid, index.liquid, 或 main-product-blocks.liquid
<deliverr data-component="BadgeWithCountdown"></deliverr>
首页和收藏页：
collections.liquid, collections-template.liquid, card-image.liquid
<deliverr data-component="Badge" data-productId="{{product.id}}"></deliverr>
带倒计时功能的首页和收藏页：（若有特推产品）
featured-products.liquid
<deliverr data-component="BadgeWithCountdown" data-productId="{{product.id}}"></deliverr>
前提条件
Deliverr建议商家拥有自己的开发人员，并能够付费从Shopify开发人员那获得帮助，或者具有以下经验（或熟悉以下内容）：
- 阅读并理解基本的HTML。
- 阅读并理解Shopify的Liquid代码。
- 了解与产品展示页、主页及收藏页相关的liquid文件的位置。
- 了解错误更新主题代码所带来的风险，以及在某些情况下Deliverr可能无法协助您部署。Deliverr可能会建议您联系和/或聘请一位专业从事Shopify网站模板的合格开发人员。如果您有一个定制开发的模板，这一点尤其适用。
产品展示页：手动部署快速徽章代码：
- 在Shopify中，导航至“Online Store”（在线商店） → “Theme”（模板）
- 在右侧，点击“Actions”（操作）旁边的下拉箭头，选择“Edit Code”（编辑代码）。将出现类似下图的页面：
- 在目录中或搜索栏中，找到名为 product-info.liquid, product.liquid, index.liquid, 或 main-product-blocks.liquid 的文件。正确的文件名可能因主题不同而异。然而，这四种是最常见的。
- 您会看到Shopify的Liquid代码中嵌入了HTML代码。请勿将代码放入任何liquid代码中。主题的大部分liquid文件将包含HTML，但会看到中间交错的liquid代码，如下所示：
- 找到 span 类型 “price price--compare” （或类似）。您可能需要使用Google Chrome的开发者工具来检查网站，以确定代码应该放在代码块/文件的确切位置。在下方示例中，卖家想把代码放在产品价格下方，因此我们将代码放在管理价格标签的代码下方：
- 您可能需要在快速徽章代码之前，添加<div>标签，并在之后添加一个结束标签</div>，以让快速徽章的格式正确。在某些情况下，未添加此标记会导致徽章被图像隐藏、切断或完全错位。
- 要预览，请点击右上角的"Preview"（预览）按钮。要保存，请点击下方的"Save"（保存）。
- 您可能需要多次删除/替换代码，保存，然后预览，直到代码在所需位置生成快速徽章。
主页和收藏页：手动部署快速徽章代码：
- 按照上述步骤操作，只是这次要找到 collections.liquid, collections-template.liquid, 或 card-image.liquid 文件。根据主题的不同，这个页面也可能位于 featured-products.liquid 。
- 代码一般放在价格下方，因此一定要找到控制该产品视觉价格标签的HTML代码。这些代码通常看起来如下：
<span class="price price--large">
- 将快速徽章代码放在与产品价格相关的HTML代码下方：
- 若要让快速徽章直接显示在产品图片下方，请确保将代码放在控制图片的文件中。该文件的标题可能是 card-image.liquid 或类似。
- 点击"Preview"（预览），然后"Save"（保存）。
- 注：快速徽章的部署通常是一个试错的过程。如果快速徽章在Deliverr卖家门户中被激活，并且Deliverr中存在该产品的库存，那么快速徽章应该始终显示在Shopify预览中。如果快速徽章没有显示在Shopify预览中，请小心删除所添加的代码，然后在其他地方重试或寻找正确的文件。如果您需要进一步的帮助，请联系客服，我们将很乐意安排专人查看您的帐户。
重要说明：
- Deliverr Fast-Tag应用程序必须已经安装代码才能正常运行。该代码将从Deliverr Fast-Tag应用中提取数据，并在适当的地方应用快速徽章。部署前，请确保浏览Deliverr卖家门户中的《Shopify快速徽章的工作流程》。
- 如果之前使用的是自动部署，则必须在Deliverr卖家门户中点击Shopify Fast-Tags → Edit（编辑） → Continue（继续）完成工作流程，并在出现提示时选择 "I don't want Deliverr to place the badge for me" （我不希望由Deliverr部署徽章），从而转换为手动部署。请注意，必须对产品展示页、主页和收藏页都执行此操作。此更改可能需要3-6个小时才能生效。