43
Shopify 商户经常需要在产品页面上隐藏"添加到购物车"按钮,并添加联系表单或电子邮件链接等其他内容。本文将详细介绍如何实现这些操作,包括如何创建新的产品模板并将其分配给相关产品。
在您的 `product.requires-contact.liquid` 文件中,找到产品页面表单的 HTML 代码。您可以通过搜索 `form` 关键字找到它。
找到代码后,将其包裹在 Liquid `{% comment %}`和`{% endcomment %}` 标签中。这将阻止该代码在您的商店中显示,但如果您想稍后更改您的新模板,您可以轻松将其恢复。
现在您已经隐藏了"添加到购物车"按钮,您可以添加要显示的其他内容。
您可以添加一个电子邮件链接,让客户使用默认的电子邮件程序给您的商店客户服务邮箱发送邮件。
```html
Please contact us if you are interested in this product.
```
您可以通过复制主题的联系页面模板中的代码来添加联系表单。
首先,在 `Templates` 目录中打开 `page.contact.liquid` 文件。找到 `{% form contact %}` 标签,复制从该标签到 `{% endform %}` 标签之间的所有代码。
然后,返回到 `product.requires-contact.liquid` 文件,在之前添加的 `{% endcomment %}` 标签下粘贴联系表单代码。最后,将代码包裹在 HTML `
```html
{% form contact %}
{# Contact form code #}
{% endform %}
```
现在模板已经完成,您可以将它分配给所有需要隐藏"添加到购物车"按钮的产品。
在 Shopify 后台,转到 "产品" 页面,点击要使用新模板的产品名称。在产品页面的 "在线商店" 部分,从 "主题模板" 下拉菜单中选择您新创建的 "requires-contact" 模板,然后保存更改。对需要使用新模板的每个产品重复这些步骤。
Q: 为什么需要隐藏"添加到购物车"按钮?
A: 有时商家希望产品页面不提供直接购买的选项,而是引导用户通过电子邮件或联系表单进行咨询或预订。这可以帮助更好地管理库存和客户需求。
Q: 如何在新模板中添加联系表单?
A: 您可以复制主题的联系页面模板中的代码,并将其粘贴到新的产品模板文件中。需要注意的是,要将代码包裹在 HTML `
Q: 如何将新模板分配给特定产品?
A: 在 Shopify 后台的产品页面,您可以从 "主题模板" 下拉菜单中选择您新创建的 "requires-contact" 模板,然后保存更改。对需要使用新模板的每个产品重复这个操作。
