连连(LianLian)官网首页

向shopify购物车页面添加配送日期选择器

向购物车页面添加配送日期选择器备注如果您使用Shopify 的免费模板,您可以联系 Shopify 支持团队获得关于此教程的帮助。此教程需要 15 分钟的设计时间。若要了解详情,请参阅Support

自建站

向购物车页面添加配送日期选择器



您可以在购物车页面上包含一个日历,使客户能够指定其订单的配送日期。

在 theme.liquid 中包含 jQuery

若要使此自定义设置正常工作,某些模板需要将 jQuery 的脚本标记添加到 theme.liquid 布局文件中。如果您使用 Boundless、Debut 版本 17.2.0 或更高版本、Express、Narrative 或 Venture,您可能需要按照如下步骤操作:

  1. 在 Layout 目录中,点击 theme.liquid

  2. 查找代码中的结束 </head> 标记。在结束 </head> 标记上方的新行中,粘贴以下代码:

    liquid {{ '//ajax.googleapis.com/ajax/libs/jquery/2.2.3/jquery.min.js' | script_tag }}

  3. 点击保存

Shopify商户官网原文详情:

Add a delivery date picker to your cart



You can include a calendar on your cart page that allows customers to specify a delivery date for their order.

Include jQuery in your theme.liquid

For this customization to work, some themes require that a script tag for jQuery is added to the theme.liquid layout file. If you use Boundless, Debut version 17.2.0 or newer, Express, Narrative, or Venture, then you may need to follow the next step:

  1. In the Layout directory, click theme.liquid.

  2. Find the closing </head> tag in the code. On a new line above the closing </head> tag, paste the following code:

    {{ '//ajax.googleapis.com/ajax/libs/jquery/2.2.3/jquery.min.js' | script_tag }}
  3. Click Save.

文章内容来源:Shopify商户官方网站


(本文内容根据网络资料整理,出于传递更多信息之目的,读者需判断其时效性,不代表连连赞同其观点和立场)

更多