网站中有好多这样的场景:
- 某个产品页面仅加载当前产品页的 css 或是 js
- 当前产品页对应的菜单再次点击时不跳转
- 判断当前模板中是否有某个字符串
// 判断当前模板中是否包含 product.SmartLock-UL3BT 的字符串,如果是 ,加载 ul3bt.scss.css
{% if template contains 'product.SmartLock-UL3BT' %} {{ 'ul3bt.scss.css' | asset_url | stylesheet_tag }} {% endif %} {% if template contains 'product.SmartLock-U-Bolt-Pro' %} {{ 'u-bolt-pro.scss.css' | asset_url | stylesheet_tag }} {% endif %}
// 判断当前模板,如果不等于指定字符串,则跳转到当前指定链接,否则 不跳转 #
<div class="product"> <a class="active" href="{% if template != 'product.SmartLock-U-Bolt' %}/products/ultraloq-u-bolt-bluetooth-enabled-and-keypad-smart-deadbolt{% else %} # {% endif %}"> <img src="//cdn.shopify.com/s/files/1/0795/7689/t/16/assets/ubolt-menu04.png?16736" /> <h4 class="pro-title">U-Bolt</h4> </a> <a class="active" href="{% if template != 'product.SmartLock-U-Bolt-Pro' %}/products/ultraloq-u-bolt-pro-bluetooth-enabled-fingerprint-and-keypad-smart-deadbolt{% else %} # {% endif %}"> <img src="https://www.u-tec.com/images/nav/uboltpro-menu04.png" /> <h4 class="pro-title">U-Bolt Pro</h4> </a> </div>