Shopify themes, liquid, logos, and UX
Hi all,
I have been scratching my head around the best way to approach this design, I have a block which is limited to 3 but in the for loop, I have been trying to do some conditional logic to count the first block coming out, then I need to wrap the other two blocks in a div so we have a 60 / 40 Flex on the two-child divs.
What's the best way to approach this with liquid? I have tried like so but everything is coming out as "full_width"
{% assign count = 0 %}
{% for block in section.blocks %}
{% assign count = count | plus: 1 %}
{% assign full_width = "full_width" %}
{% assign fifty = "fifty" %}
{% if count > 0 %}
{{full_width}}
{% else count > 1 %}
{{fifty}}
{% endif %}
<div class="block_{{ count }}">My element with counter class</div>
{% endfor %}
Solved! Go to the solution
This is an accepted solution.
{% assign count = 0 %}
{% for block in section.blocks %}
{% assign count = count | plus: 1 %}
{% assign full_width = "full_width" %}
{% assign fifty = "fifty" %}
{% if count > 1 %}
{{fifty}}
{% elsif count == 1 %}
{{full_width}}
{% endif %}
<div class="block_{{ count }}">My element with counter class</div>
{% endfor %}
This is an accepted solution.
{% assign count = 0 %}
{% for block in section.blocks %}
{% assign count = count | plus: 1 %}
{% assign full_width = "full_width" %}
{% assign fifty = "fifty" %}
{% if count > 1 %}
{{fifty}}
{% elsif count == 1 %}
{{full_width}}
{% endif %}
<div class="block_{{ count }}">My element with counter class</div>
{% endfor %}
Oh dear, I feel silly now, sorry I am new to Liquid and generally work with PHP but yes, of course, it's always going to be 0.
Thank you @Hardik29418 🙂
Yes, And please check my messages also
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024