Shopify themes, liquid, logos, and UX
I need three Multicolumns showing on each line, I currently only have two and they look far too big on the website!
I also have 6 columns so so rows of three will look better.
I have tried to use the code found in here https://community.shopify.com/c/shopify-design/multicolumn-dawn-2-0/td-p/1364813?utm_source=gurucopy...
But this was Dawn 2.0
Any help would be great!
Thanks a lot
Solved! Go to the solution
This is an accepted solution.
Try changing the Image width setting of the section to Half width of column, that should give you 4 per row. You only get 3 in a row for up to 3 columns. Over 4 columns and you either get 2 or 4 per row, depending on the Image width setting.
This is an accepted solution.
Try changing the Image width setting of the section to Half width of column, that should give you 4 per row. You only get 3 in a row for up to 3 columns. Over 4 columns and you either get 2 or 4 per row, depending on the Image width setting.
*Make sure you save your theme duplicate your theme!!! *
in the multicolumn liquid file click it and look for the
<ul class="multicolumn-list grid grid--1-col{% if section.blocks.size > 3 and section.settings.image_width != 'full' %} grid--2-col-tablet grid--4-col-desktop{% elsif section.blocks.size > 3 and section.settings.image_width == 'full' %} grid--2-col-tablet{% else %} grid--3-col-tablet{% endif %}{% if section.settings.swipe_on_mobile and section.blocks.size > 1 %} slider slider--mobile grid--peek{% endif %}"
id="Slider-{{ section.id }}"
role="list"
>
in this code you will see where it says grid--2-col if you change it to grid--4-col it should change the layout to 4 columns. same thing if you ad 5,6 ..
if you meant just add a new multicolumn with 3 instead of 2 you just need to click add section and select mutlcolumn
Excellent response. This worked! However, a little more detail in EXACTLY what to change in the code would have been more beneficial. You have to replace ALL 2's not just the one. Thx
Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024