2016-12-13 3 views
0

Я создал альтернативный шаблон collection.liquid для сайта, на котором я работаю. Моя борьба заключается в том, что вы не можете контролировать количество продуктов, которые появляются в строке в сетке. Я разработал настраиваемый шаблон, чтобы не влиять на количество продуктов/строк, которые появляются в других коллекциях.Можно ли переопределить продукты по умолчанию # в строке в пользовательском шаблоне коллекций Shopify?

код, который отображает сетку в моем шаблоне жидкости заключается в следующем:

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

Даже когда я изменить класс класс = «четыре столбца» к чему-то еще, это не отражается на моей коллекции.

Проблема может заключаться в моем коде, который определяет, сколько продуктов вытягивается в этой коллекции, но я не могу изменить ситуацию.

{% 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 %} 

Любая помощь была бы замечательной!

ответ

0

Похоже, что ваша тема использует сетку из древесины. Вы найдете сетчатую структуру и классы для использования в документации здесь: https://shopify.github.io/Timber/

HTH