Hi, On the Venture theme, I am trying to get collection lists to display 2 collections per row on mobile as opposed to the standard 1 per row on the home/index page.
I have modified the code inside list-collections-template.liquid (code below minus schema) - my modification works correctly on the www.url.com/collections page, but the changes are not working on the home page.
I've been looking but I can't seem to find the code that is over-riding for the home page.. - The Url for the store is rmhrvparts.com
Help would be appreciated, thanks.
{% if section.settings.layout == 'grid' %}
{% if section.settings.display_type == 'all' %}
{%- assign collection_count = 0 -%}
{% for collection in collections %}
{% comment %}
{% unless collection.handle == 'frontpage' %}
{%- assign collection_count = collection_count | plus: 0 -%}
{% endunless %}
{% endcomment %}
{% endfor %}
{% else %}
{%- assign collection_count = section.blocks.size -%}
{% endif %}
{% assign number_rows = 1 %}
{% case collection_count %}
{% when 1 %}
{% assign grid_item_width = 'small--one-half medium-up--one-third' %}
{% assign height = 450 %}
{% when 2 %}
{% assign grid_item_width = 'small--one-half medium-up--one-third' %}
{% assign height = 450 %}
{% when 3 %}
{% assign grid_item_width = 'small--one-half medium-up--one-quarter' %}
{% assign height = 330 %}
{% when 4 %}
{% assign grid_item_width = 'small--one-half medium-up--one-quarter' %}
{% assign height = 235 %}
{% when 5 %}
{% assign grid_item_width = 'small--one-half medium-up--one-fifth' %}
{% assign height = 235 %}
{% else %}
{% assign grid_item_width = 'small--one-half medium-up--one-quarter' %}
{% assign height = 235 %}
{% assign number_rows = collection_count | divided_by: 4.0 | ceil %}
{% endcase %}
{% endif %}
<div class="page-width" data-section-id="{{ section.id }}" data-section-type="collections-list">
{% if section.settings.display_type == 'all' %}
{% case section.settings.sort %}
{% when 'products_high' or 'products_low' %}
{%- assign list_collections = collections | sort: 'all_products_count' -%}
{% when 'date' or 'date_reversed' %}
{%- assign list_collections = collections | sort: 'published_at' -%}
{% else %}
{%- assign list_collections = collections -%}
{% endcase %}
{% if section.settings.sort == 'products_low' or section.settings.sort == 'date' or section.settings.sort == 'alphabetical' %}
<div class="grid grid--no-gutters grid--uniform collection" data-number-rows="{{ number_rows }}">
{% assign row_number = 1 %}
{% for collection in list_collections %}
{%- assign featured_collection = collection -%}
{% unless collection.handle == 'frontpage' %}
{% if section.settings.layout == 'list' %}
{% include 'collection-list-item' %}
{% else %}
{% if collection_count > 5 and forloop.index > 4 %}
{% assign row_number = forloop.index | divided_by: 5.0 | ceil %}
{% endif %}
{% include 'collection-grid-item' with stretch_collection_image: false, height: height %}
{% endif %}
{% endunless %}
{% endfor %}
</div>
{% else %}
<div class="grid grid--no-gutters grid--uniform collection" data-number-rows="{{ number_rows }}">
{% assign row_number = 1 %}
{% for collection in list_collections reversed %}
{%- assign featured_collection = collection -%}
{% unless collection.handle == 'frontpage' %}
{% if section.settings.layout == 'list' %}
{% include 'collection-list-item' %}
{% else %}
{% if collection_count > 5 and forloop.index > 4 %}
{% assign row_number = forloop.index | divided_by: 5.0 | ceil %}
{% endif %}
{% include 'collection-grid-item' with stretch_collection_image: false, height: height %}
{% endif %}
{% endunless %}
{% endfor %}
</div>
{% endif %}
{% else %}
<div class="grid grid--no-gutters grid--uniform collection" data-number-rows="{{ number_rows }}">
{% assign row_number = 1 %}
{% for block in section.blocks %}
{%- assign featured_collection = collections[block.settings.collection] -%}
{% if section.settings.layout == 'list' %}
{% include 'collection-list-item' %}
{% else %}
{% if collection_count > 5 and forloop.index > 4 %}
{% assign row_number = forloop.index | divided_by: 3.0 | ceil %}
{% endif %}
{% include 'collection-grid-item' with stretch_collection_image: false, height: height %}
{% endif %}
{% endfor %}
</div>
{% endif %}
</div>
