Shopify themes, liquid, logos, and UX
Hey, how can I replace the arrow in collapsible content?
I’d like it so that when the content is closed, there’s a plus, and when it’s opened, there’s a minus.
Exactly like it works here on this store: https://tomnoske.store/products/cinema-luts
(Just scroll all the way down to see it).
I want this to work on both desktop and mobile.
Here’s my store URL: https://1049xn-ya.myshopify.com/products/editing-masterclass
(Just scroll all the way down to see it).
Thanks so much, I really appreciate the help.
Tim
Could you please help me with this? How should I do it?
Thanks,
Tim
Here's the code:
<summary id="Summary-{{ block.id }}-{{ section.id }}">
{% render 'icon-accordion', icon: block.settings.icon %}
<h3 class="accordion__title inline-richtext h4">
{{ block.settings.heading | default: block.settings.page.title | escape }}
</h3>
{{- 'icon-caret.svg' | inline_asset_content -}}
</summary>
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025