如何删除 Shopify 中的添加到比较按钮PORTO 主题

如何解决如何删除 Shopify 中的添加到比较按钮PORTO 主题

我想删除 Shopify 中的添加到比较按钮。

我正在使用 PORTO 主题进行 shopify。

我可以看到有一个选项 disable AddToLink ，但如果我这样做，“添加到愿望清单”按钮也会消失。

有人可以帮我解决这个问题吗？ 如果有人了解 Shopify 或了解 Liquid。

解决方法

转到您的主题文件，在assets 文件夹中查找product.css 或product.scss，然后在该文件的最后放置.product-view .actions .add-to-links li a.link-compare { display: none; }。

或者在 product.liquid 文件中查找 HTML 标记并将其删除。

<li>
<a href="javascript:;" data-product-handle="blue-high-hill" data-product-title="Blue High Hill" class="link-compare" title="Add to compare">
<i class="icon-compare"></i>
<span data-translate="compare_list.general.add_to_compare">Add to compare</span></a
</li>

,

在您的主题文件中，在 Assets 文件夹中找到 styles.scss 文件。在此文件中搜索此行 .product-view .product-options-bottom .add-to -cart-box ul li 并在此搜索 css 行之后添加以下行。

.product-view .product-options-bottom .add-to-cart-box ul li:last-child { display: none; }

您也可以在产品页面中为该文件添加内联 css。文件名为 product-template.liquid，该文件位于 section 内。 在产品模板文件中找到以下代码并在 li 标签中添加内联 css。 在 li 标签中添加这个 style="display:none"

<li><a href="javascript:;" data-product-handle="porto-extended-camera" data-product-title="Porto Extended Camera" class="link-compare" title="Add to compare"><i class="icon-compare"></i><span data-translate="compare_list.general.add_to_compare">Add to compare</span></a></li>

效果很好，如果您有任何其他问题与此评论相关。

,

在波尔图主题中，您将签入 \snippets\product-grid-item.liquid 文件。

你会在几个地方遇到这样的事情：

{% if settings.collection_show_addtolinks != blank and product.variants.size <= 1 %}
  <div class="action-list">
    {% if settings.wishlist_enable %}
    <div class="product-wishlist wishlist-{{product.id}}">
      <a href="javascript:;" data-product-handle="{{product.handle}}" data-product-title="{{product.title}}" class="link-wishlist" title="{{'wish_list.general.add_to_wishlist' | t}}"><i class="icon-wishlist"></i><span {% if settings.language_enable %}data-translate="wish_list.general.add_to_wishlist"{% endif %}>{{ 'wish_list.general.add_to_wishlist' | t }}</span></a>
    </div>
    {% endif %}
  </div>
{% endif %}

因此，您只需将愿望清单代码移到 if 语句之外...

{% if settings.collection_show_addtolinks != blank and product.variants.size <= 1 %}
  <div class="action-list">
  </div>
{% endif %}

{% if settings.wishlist_enable %}
<div class="product-wishlist wishlist-{{product.id}}">
  <a href="javascript:;" data-product-handle="{{product.handle}}" data-product-title="{{product.title}}" class="link-wishlist" title="{{'wish_list.general.add_to_wishlist' | t}}"><i class="icon-wishlist"></i><span {% if settings.language_enable %}data-translate="wish_list.general.add_to_wishlist"{% endif %}>{{ 'wish_list.general.add_to_wishlist' | t }}</span></a>
</div>
{% endif %}

然后只需 {% comment %}...{% endcomment %} 或删除您不想保留的任何内容。