Shopify themes, liquid, logos, and UX
It seems responses to previous posts about this are no longer valid!
How to add custom .svg icons to choose from for a collapsible row?
So there's been some kind of update and the previous answers to this question does not seem to apply.
For example, the snippets/icon-accordion.liquid only have this code (which makes it impossible to add code as instructed in previous answers) :
{%- if icon != 'none' -%}
{%- assign file = icon | replace: '_', '-' | prepend: 'icon-' | append: '.svg' -%}
<span class="svg-wrapper">{{ file | inline_asset_content }}</span>
{%- endif -%}
Hi @melfio
Here’s how to implement the custom code:
The original code is shown here: https://prnt.sc/FXCajoFrO3PN. While I’m unsure of the theme you are using, this example is based on the Spotlight theme. To add your custom code, follow the instructions in this screenshot: https://prnt.sc/hkq-RNImz8ao. If the option "None" is selected, you will need to include this code: https://prnt.sc/4Rq6J_rM_ySz, which will display your custom icon accordingly.
I hope this helps
Best,
Daisy
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