向shopify购物车页面添加配送日期选择器
向购物车页面添加配送日期选择器
备注
若是您使用 Shopify 的免费模板，， ，，，您可以联系 Shopify 支持团队获得关于此教程的资助。 。。。。此教程需要 15 分钟的设计时间。 。。。。若要相识详情，， ，，，请参阅 Support for themes。 。。。。
备注
此自界说用于复古 Shopify 模板，， ，，，不适用于“Online Store 2.0”模板。 。。。。
找到您的模板架构版本
探索“Online Store 2.0”模板自界说
您可以在购物车页面上包括一个日历，， ，，，使客户能够指定其订单的配送日期。 。。。。
注重
此自界说设置不适用于抽屉式或弹出式购物车，， ，，，仅适用于购物车页面（位于 URL your-store.com/cart）。 。。。。若是您使用购物车抽屉或弹出式购物车，， ，，，您将需要在模板编辑器中将您的购物车样式更改为购物车页面。 。。。。在模板预览中向购物车中添加产品，， ，，，然后点击模板编辑器中的购物车页面选项卡，， ，，，以审查您的购物车设置。 。。。。
在 theme.liquid 中包括 jQuery
若要使此自界说设置正常事情，， ，，，某些模板需要将 jQuery 的剧本标记添加到 theme.liquid 结构文件中。 。。。。若是您使用 Boundless、Debut 版本 17.2.0 或更高版本、Express、Narrative 或 Venture，， ，，，您可能需要凭证如下办法操作：
在 Layout 目录中，， ，，，点击
theme.liquid。 。。。。查找代码中的竣事
</head>标记。 。。。。在竣事</head>标记上方的新行中，， ，，，粘贴以下代码：liquid {{ '//ajax.googleapis.com/ajax/libs/jquery/2.2.3/jquery.min.js' | script_tag }}点击生涯。 。。。。
Shopify商户官网原文详情：
Add a delivery date picker to your cart
Note
If you use a free theme from Shopify, then you might be able to contact Shopify Support for help with this tutorial. It requires 15 minutes of design time. To learn more, refer to Support for themes.
Note
This customization is for vintage Shopify themes, and doesn't apply to Online Store 2.0 themes.
Find out your theme's architecture version
Explore Online Store 2.0 theme customizations
You can include a calendar on your cart page that allows customers to specify a delivery date for their order.
Caution
This customization will not work for drawer or pop-up cart styles, and will only work for a cart page (at the URL
your-store.com/cart). If you use a cart drawer or pop-up, then you will need to change your cart style to Page in the theme editor. Add a product to the cart in the theme preview, and then click the Cart page tab in the theme editor to view your cart settings.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:
In the Layout directory, click
theme.liquid.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 }}Click Save.
文章内容泉源：Shopify商户官方网站