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
We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024We want to take a moment to celebrate the incredible ways you all engage with the Shopi...
By JasonH Oct 15, 2024