How to Make the Sorting of Products Horizontally, versus Vertically

uniqke
New Member
1 0 0

Hey Community,

I really need help. Currently, the sorting on my site is sorted vertically on the website. This includes the pricing, name, etc. All sorted vertically. I wish to have the sorting horizontally on the page. This is the site below. 

https://uniqke.com/collections/all

 

How can I change the sorting to sort horizontally on the page. Currently, the code looks like this: 

 

 

<div class="product-list-container {% if collection.url contains "/vendors" or collection.url contains "/types" %}no-filters{% endif %}">
<div class="product-list cf
product-list--{{ section.settings.layout }}

{% if section.settings.grid_mobile == '2' %} mob-two-col{% endif %}

{% if section.settings.layout == 'columns' %}jiggly-split dynamic-col-{{ section.settings.grid }}{% else %}grid--uniform{% endif %}"
data-result-count="{{ collection.products_count }}">

{% unless collection.products.size > 0 %}
<h3 class="align-centre no-results">{{ 'collections.general.no_matches' | t }}</h3>
{% endunless %}





{% if section.settings.layout == 'rows' %} <!--rows-->
{% if section.settings.grid == 2 %} <!--2-->
{% assign product_class = 'column half' %} <!--column half-->
{% elsif section.settings.grid == 3 %}<!--3-->
{% assign product_class = 'column third' %}<!--column third-->
{% else %}
{% assign product_class = 'column quarter' %}<!--column quarter-->
{% endif %}
{% endif %}

{% for product in collection.products %}
{% render 'product-block', product: product, product_class: product_class, i: forloop.index, show_vendor: section.settings.show_vendor %}
{% endfor %}
</div>

0 Likes