You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在Shopify中检查商品页面模板?附购物车按钮文本添加需求

Shopify商品页面模板的正确判断方法

嘿,你用的{% if template contains 'product' %}其实本身是正确的判断商品页面的方法哦!不过根据不同的需求,还有一些细节和扩展用法可以参考:

  • 基础通用判断:{% if template contains 'product' %} 完全适用大多数场景。因为Shopify的商品页面模板不管是默认的product.liquid,还是你自定义的product.special.liquid这类带后缀的模板,模板名里都会包含product关键字,这个判断逻辑能覆盖所有商品相关页面。

  • 精确匹配默认模板:如果你只需要针对默认的商品模板(也就是没有自定义后缀的product.liquid)做判断,可以用{% if template == 'product' %}。但要注意,如果你用了自定义商品模板,这个精确匹配就不会生效了,所以通用性不如contains方法。

  • 双重验证更稳妥:为了避免模板名匹配但没有商品数据的异常情况,可以结合product对象存在性判断:

    {% if template contains 'product' and product %}
      <!-- 这里写你要添加的加入购物车按钮文本代码 -->
    {% endif %}
    

举个实际的例子,如果你要在加入购物车按钮里添加额外文本,可以这么写:

{% if template contains 'product' %}
  <button type="submit" name="add" class="btn-add-to-cart">
    加入购物车 *(预计3天发货)*
  </button>
{% endif %}

另外,如果你发现代码没生效,不妨检查下是不是把这段代码放在了正确的位置——比如主题的product.liquid模板文件里,或者负责渲染加入购物车按钮的section组件文件中(不同主题的结构可能略有差异)。

内容的提问来源于stack exchange,提问作者Vikash Kr. Jangir

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.08 17:12:43