How to change accordion in dawn theme?

[Maiselnielsen]

Hi, 

I have created my own accordion (2 versions, one that is pointing down and another up) that i want to add in my shopify dawn theme. 

I have changed several icons in the code (example cart icon etc) but here it seams to be a bit more complicated and i cannot find the right place to insert in snippets/icon-accordion.liquid

What am I doing wrong - can you help? 🙂 

Best,

Maise

[devcoders]

Hi @Maiselnielsen 
If you share your store URL and password with me, I will check and provide you with the solution.

[Maiselnielsen]

Thank you very much! 

www.linierelingerie.com

xef84eju

[BSSCommerce-B2B]

Hi @Maiselnielsen,

I hope you are doing well. You could try to paste your SVG body of you icon like the following picture. I also comment how to use/render the icons

[Maiselnielsen]

Hm think I am doing something wrong! Took some screenshoots

FYI - For the test I used the same SVG code for both up and down. 

[BSSCommerce-B2B]

Hi my friend,

1. You should edit your svg in SVG Online editor to match these things

2. You only need to copy the content within svg tag, not include svg , like thiss

3. In your screenshot, you paste the content into comment liquid tag. That comment I give you is only for instructing how to render icon. You should paste content before {% comment %}. Here example

[Maiselnielsen]

Hi, 

Thank you for the patience 🙂

I made some changes but it still isnt working - maybe i got something wrong? 

Thank you 

[BSSCommerce-B2B]

Sorry for the complicated way, my friend. You can revert and do a more simple way by prepending this code in the first line of file (do the same with point-down). I forgot SVG has viewBox

{%- if icon == 'point-up' -%}
  YOUR FULL SVG COPIED FROM ONLINE EDITOR HERE
{% endif %}

[BSSCommerce-B2B]

I just made an update to the latest reply, @Maiselnielsen. Sorry about my mistakes.

One more, you can edit your icon size by editing SVG width/height in case it is too big. Your SVG in the previous comment is 283.46px 😅

[Maiselnielsen]

Hi, 

It doesn't seem to work with the changes? I cannot save the page. 🙂

Thank you.