如何删除Shopify中的添加比较按钮(PORTO THEME)

Question

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

我正在为shopify使用PORTO主题。

我可以看到有一个选项禁用AddToLink，但如果我这样做，"添加到愿望列表"按钮也会消失。

有人能帮我做这个吗？如果有人知道Shopify或了解Liquid。

Answer 1

在主题文件中，在Assets文件夹中找到style.scs文件。在此文件中搜索此行.product-view.product-options-bottom.add to cart box ul-li并在此搜索css行后添加此行。

.产品视图.产品选项底部.添加到购物车框ul li：最后一个子项｛display:none；｝

您还可以在产品页中为该文件添加内联css。文件名为product-template.liquid，该文件位于部分中。在产品模板文件中找到以下代码，并在li标记中添加内联css。将此添加到li标签style="显示：无">

<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>

它的工作非常好，如果你有任何其他问题相关的这个评论它。

Answer 2

在Porto主题中，您将签入snippetsproduct-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 %}，或者删除你不想保留的内容。

Answer 3

转到主题文件，在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>