Shopify（Slate）主题开发：添加锚点类与移除价格前置文本

1. 给标题中的锚点（a标签）添加自定义类 #

你的当前代码是：

<h2 class="mosaic__title p-name">{{ item.title | link_to: item.url }}</h2>

Shopify的link_to过滤器支持传入HTML属性作为第二个参数（当第一个参数是URL时），只需在URL后面添加一个哈希对象来指定类名即可。修改后的代码如下：

<h2 class="mosaic__title p-name">{{ item.title | link_to: item.url, class: 'your-custom-link-class' }}</h2>

把your-custom-link-class换成你实际需要的类名，这样生成的<a>标签就会带上这个类了。

2. 移除价格前的“On Sale from”文本 #

这段文本大概率是主题Liquid代码中条件判断促销价时手动输出的，而非Shopify默认注入。你可以按照以下步骤排查和移除：

• 首先找到主题中处理商品价格的Snippet文件（通常命名为product-price.liquid、price.liquid或者item-price.liquid，在src/snippets目录下）
• 在文件中查找包含On Sale from的代码块，或者查找判断促销价的逻辑（比如{% if item.compare_at_price > item.price %}）
• 找到输出这段文本的代码后，直接删除或注释掉即可。举个常见的示例：

  {% if item.compare_at_price > item.price %}
    <!-- 下面这行就是要移除的文本输出 -->
    <span class="sale-label">On Sale from</span>
    <del>{{ item.compare_at_price | money }}</del>
    <span class="current-price">{{ item.price | money }}</span>
  {% endif %}
  

如果文本是通过翻译过滤器（t）输出的（比如{{ 'products.sale.on_sale_from' | t }}），你可以要么删除这段翻译调用，要么去src/locales目录下的对应语言文件中，把该翻译项的内容清空。

内容的提问来源于stack exchange，提问作者user1406440