【问题标题】:Is it possible to override default # products in a row in custom Shopify collections template?是否可以在自定义 Shopify 集合模板中连续覆盖默认 # 产品?
【发布时间】:2016-12-13 22:36:42
【问题描述】:

我为我正在开发的 shopify 网站创建了一个备用 collection.liquid 模板。我的挣扎是无法控制网格中连续出现的产品数量。我开发了自定义模板,这样我就不会影响出现在其他集合中的产品/行的数量。

在我的液体模板中显示网格的代码是这样的:

<div class="four columns section_select {% unless settings.collection_sort %}offset-by-four omega{% endunless %}">
{% for tag in collection.all_tags %}
        {% if forloop.first %}
<label for="tag_filter" class="inline">
{{ 'collections.sorting.filter' | t }}: </label> 
<select name="tag_filter" id="tag_filter">
<option {% unless current_tags %}selected="selected"{% endunless %} value="{% if collection.handle == "all" %}/collections/all{% else %}{{ collection.url }}{% endif %}">{{ 'collections.general.all_collection_title' | t: title: collection.title }}</option>
        {% endif %}
        {% unless tag contains 'meta-related-collection-' %}
          <option {% if current_tags contains tag %}selected="selected"{% endif %} value="/collections/{% if collection.handle != blank %}{{ collection.handle }}{% else %}all{% endif %}/{{ tag | handleize }}">{{ tag }}</option>
        {% endunless %}

        {% if forloop.last %}
          </select>
        {% endif %}
      {% endfor %}
      </div>

即使我将类 class="four columns" 更改为其他内容,它也不会反映在我的收藏中。

问题可能出在我的代码中,该代码指定了在此集合中提取了多少产品,但我似乎无法做出改变。

{% case products_per_row %}
  {% when '1' %}
    {% assign grid_item_width = 'medium--one-third large--one-whole' %}
  {% when '2' %}
    {% assign grid_item_width = 'medium-down--one-half large--one-half' %}
  {% when '3' %}
    {% assign grid_item_width = 'medium--one-third large--one-third' %}
  {% when '4' %}
    {% assign grid_item_width = 'medium-down--one-half large--one-quarter' %}
  {% when '5' %}
    {% assign grid_item_width = 'medium-down--one-half large--one-fifth' %}
{% endcase %}

任何帮助都会很棒!

【问题讨论】:

    标签: collections grid shopify


    【解决方案1】:

    您的主题似乎正在使用 Timber 网格。 您可以在此处找到要在文档中使用的网格结构和类:https://shopify.github.io/Timber/

    HTH

    【讨论】:

      猜你喜欢
      • 2019-08-01
      • 1970-01-01
      • 2014-09-27
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多