在Shopify主题中自定义相同集合上的散装产品

在Shopify主题中自定义相同集合上的散装产品

问题描述:

是否有一种选项可以在集合中获得一种产品的自定义并将自定义应用于属于同一集合的所有产品?在Shopify主题中自定义相同集合上的散装产品

例如:

如果我们定制的产品,例如增加了一个链接,分类部分或块,插入文本部分,等等......对于来自下类“警察”的产品“XXXX”,我们是否可以将定制应用于属于同一“警察”类别的所有产品?

如果我理解正确,您需要一个对每个产品都是全局(相同)的部分。

那么这就是目前正在做的部分,如果你将它们包含在你的页面中。

如果您添加一个{% section 'product-template' %}并创建所有必要的选项,它们将应用于每个使用产品模板的产品。

+0

是的,产品模板适用于所有产品。我需要一个

+0

@SenthilVel最简单的方法是一个私人应用程序,它允许您根据产品的属性来选择要使用的模板,例如,收藏 –

+0

@TienDo感谢您的回复。我们可以使用基于集合的模板。我们可以自定义模板(同样适用于整个产品),就像我们在添加页面,菜单,标签列表等时自定义页面一样。 –

在产品模板文件中,您可以检查产品ID /名称,然后根据需要更新产品UI。

<div id="productId" class="{{product.id}}" style="display:hidden" > 

{% if collection.name == “Police” %} 

    <div class="product-detail" itemscope itemtype="http://schema.org/Product"> 
    {% Here Your Customized UI to Show Products of Collection %} 
     <div class="product-detail__title-and-price"> 
     <h1 class="product-title" itemprop="name">{{ product.title }}</h1> 

     <div class="price-area emphasised"> 
      {% if variant.compare_at_price > variant.price %} 
      <span class="was-price theme-money">{{ variant.compare_at_price | money }}</span> 
      {% endif %} 
      <span class="price theme-money">{{ variant.price | money }}</span> 
     </div> 
     </div> 
    </div> 

{% endif %} 

<div class="product-detail" itemscope itemtype="http://schema.org/Product"> 
{%Your Customized UI to Show Products of Collection %} 
</div> 

</div> 
+0

在液体模板页的末尾,您可以编写做任何事情与您的页面。如果您想使用外部Javascript文件,请将它们添加到资产文件夹中并使用{{'jquery-3.1.1.min.js'| asset_url | script_tag}}链接到您的页面。 –