Skip to content

Shopify购物车页面添加“继续购物”链接步骤

Shopify购物车页面添加“继续购物”链接步骤
厦门商城系统开发

向购物车页面添加“继续购物”链接

备注

如果您使用 Shopify 的免费模板,您可以联系 Shopify 支持团队获得关于此教程的帮助。此教程需要 15 分钟的设计时间。若要了解详情,请参阅 Support for themes

备注

此自定义用于复古 Shopify 模板,不适用于“Online Store 2.0”模板。

  • 找到您的模板架构版本
  • 探索“Online Store 2.0”模板自定义

您可以将继续购物链接添加到购物车页面,使客户在将产品添加到购物车后可轻松返回浏览产品。您可以选择添加一个链接,用于将客户定向回目录页面、您的主页或他们之前查看的最后一个产品系列页面。

向购物车页面添加“继续购物”链接

若要向您的购物车页面添加继续购物链接,请执行以下操作:

PC:

  1. 在 Shopify 后台中,转到在线商店 > 模板
  2. 找到要编辑的模板,然后点击操作 > 编辑代码
  3. 在 Sections 目录中,点击 cart-template.liquid。如果您的模板中没有此文件,则点击 Templates 目录中的 cart.liquid
  4. 通过搜索 name="checkout" 的文件来查找结账按钮的代码。结账按钮的代码行因模板而异,但会如下所示:

  1. 下一步是粘贴新的代码行以创建继续购物链接。您粘贴的代码将取决于您希望链接转到的页面:

苹果系统:

  1. 在 Shopify 应用中,轻触商店
  2. 销售渠道部分中,轻触在线商店
  3. 轻触 Manage themes(管理模板)。
  4. 找到要编辑的模板,然后点击操作 > 编辑代码
  5. 在 Sections 目录中,点击 cart-template.liquid。如果您的模板中没有此文件,则点击 Templates 目录中的 cart.liquid
  6. 通过搜索 name="checkout" 的文件来查找结账按钮的代码。结账按钮的代码行因模板而异,但会如下所示:

  1. 下一步是粘贴新的代码行以创建继续购物链接。您粘贴的代码将取决于您希望链接转到的页面:

安卓系统:

  1. 在 Shopify 应用中,轻触商店
  2. 销售渠道部分中,轻触在线商店
  3. 轻触 Manage themes(管理模板)。
  4. 找到要编辑的模板,然后点击操作 > 编辑代码
  5. 在 Sections 目录中,点击 cart-template.liquid。如果您的模板中没有此文件,则点击 Templates 目录中的 cart.liquid
  6. 通过搜索 name="checkout" 的文件来查找结账按钮的代码。结账按钮的代码行因模板而异,但会如下所示:

  1. 下一步是粘贴新的代码行以创建继续购物链接。您粘贴的代码将取决于您希望链接转到的页面:

对于指向目录页面的链接

若要添加指向目录页面的链接,请将下方代码粘贴到结账按钮对应代码之前或之后的新行中:

Continue shopping

对于指向主页的链接

若要添加指向您的主页的链接,请将下方代码粘贴到结账按钮对应代码之前或之后的新行中:

Continue shopping

对于指向上一个查看的产品系列的链接

   Continue shopping 
  1. 点击保存。如果您添加了指向目录页面或主页的链接,则操作已完成。如果您添加了指向上一个查看的产品系列的链接,则需要向您的模板代码中添加一些 JavaScript。然后继续按照后续步骤操作。
  2. 在 Layout 目录中,点击 theme.liquid
  3. 在文件底部附近查找结束 

相关推荐: 亚马逊送仓慢导致断货,如何把损失减少到最小?

厦门商城系统开发 最近大家应该感受到了 海运的卡车派送很难送进去 甚至近期拿到预约号的货 也会被亚马逊临时删约 主要是去年上半年大量裁员 还主要裁掉了仓库配送人员 加上今年平台想规范海运卡车派送流程 就出现了货代的货到海外仓后 都等着预约,又约不到的奇特现象 …

    码刀科技(www.lekshop.cn)是国内知名企业级电商平台提供商,为企业级商家提供最佳的电商平台搭建(多种模式电商平台搭建:B2B/B2B2C/B2C/O2O/新零售/跨境等)、平台管理系统开发及互联网采购解决方案服务, 联系客服了解更多.

    电子商务网站建设的重要性和好处