How do I change the default collection list columns to 4 columns instead of three? This is what I currently have https://prnt.sc/mtPNWVe7cR1j would like 4 columns instead.
Hello @wonderd ,
Please share your store URL and password of front view.
So that I will check and let you know the exact solution here.
Best regards.
Sure see below.
https://daniel-3j57.myshopify.com/
pass: biemay
Anyone know how to do this?
Hello @wonderd ,
You can follow the instruction below:
- Go to Online Store → Theme → Edit code.
- Open file section-collection-list.css → find line from 56 to 58 and change code:
.collection-list.grid--3-col-tablet .grid__item {
max-width: calc(25% - var(--grid-desktop-horizontal-spacing));
}
If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.
Best regards.
Hi there,
I did this by editing the file main-list-collections.liquid
and changing lines 18-24 to the below (just changed the to '3’s to '4’s):
-
{%- for collection in collections -%}
- {% render 'card-collection', card_collection: collection, media_aspect_ratio: section.settings.image_ratio, columns: 4 %} {%- endfor -%}