隐藏“添加到购物车”按钮
已于 Mar 19, 2024 打印了此页面。若要查看当前版本,请访问 https://help.shopify.com/zh-CN/manual/online-store/themes/themes-by-shopify/vintage-themes/customizing-vintage-themes/hide-add-to-cart-buttons。
您可以在店面中隐藏添加到购物车按钮,并在将来再次显示这些按钮。
分区模板和未分区模板
备注:本教程的步骤将根据您使用的是分区模板还是未分区模板而有所不同。分区模板支持通过拖放来安排主页的布局,未分区模板则不支持。
如果想了解您的模板是否支持分区,请转到模板的编辑代码页面。如果 Sections 目录中有文件,您则正在使用已分区模板。未分区模板是在 2016 年 10 月之前发布的,并且 Sections 目录中没有文件。
如果您使用已分区模板,请点击 Sectioned themes(已分区模板)按钮并按照说明进行操作。如果您使用较旧的未分区模板,请点击 Non-sectioned themes(未分区模板)按钮并按照说明进行操作。
- 在 Shopify 后台中,转至在线商店 > 模板。
- 找到要编辑的模板,点击 ... 按钮打开操作菜单,然后点击编辑代码。
- 在 Sections 目录中,点击打开
product-template.liquid
文件。查找添加到购物车按钮对应的 HTML 代码。您可以首先搜索 cart 一词。
“添加到购物车”按钮的代码因模板而异。请查找包含 Add to cart
、AddToCart
或 add-to-cart
等类似文本的 <input>
或 <button>
标记。
在 Debut 模板中,“添加到购物车”按钮的代码如下所示:
- 找到代码后,将它放入 Liquid
{% comment %}
和 {% endcomment %}
标记之间。这将会阻止该代码在您的商店中显示,但如果您后期想更改新模板,便可以更轻松地将其恢复。
使用上面的示例,新代码将如下所示:
- 点击保存以确认更改。
当您准备好再次显示添加到购物车按钮时,请返回到编辑 HTML/CSS 页面上的 product-template.liquid
文件,删除 {% comment %}
和 {% endcomment %}
标记,然后点击保存。
- 在 Shopify 后台中,转至在线商店 > 模板。
- 找到要编辑的模板,点击 ... 按钮打开操作菜单,然后点击编辑代码。
- 在 Templates 目录中,点击打开
product.liquid
文件。查找添加到购物车按钮对应的 HTML 代码。您可以首先搜索 cart 一词。
“添加到购物车”按钮的代码因模板而异。请查找包含 Add to cart
、AddToCart
或 add-to-cart
等类似文本的 <input>
或 <button>
标记。
在 Minimal 模板中,“添加到购物车”按钮将与下方类似:
- 找到代码后,将它放入 Liquid
{% comment %}
和 {% endcomment %}
标记之间。这将会阻止该代码在您的商店中显示,但如果您后期想更改新模板,便可以更轻松地将其恢复。
使用上面的示例,新代码将如下所示:
- 点击保存以确认更改。
如果您已准备好再次显示添加到购物车按钮,请返回到编辑 HTML/CSS 页面上的 product.liquid
模板,删除 {% comment %}
和 {% endcomment %}
标记,然后点击保存。