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
Starting a B2B store is a big undertaking that requires careful planning and execution. W...
By JasonH Sep 23, 2024By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024