Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
Hiya,
So I'm having a bit of difficulty trying to add a new icon into the list of available icons for a collapsible row in the product template in the Dawn theme. I have minimal coding experience, but google got me about half way, but my problem is that in the code of the theme, I can't figure our where the icons for the collapsible menu are. Any help at all would be appreciated 🙂
Solved! Go to the solution
This is an accepted solution.
Hi @Algebruh,
It is in the icon-accordian.liquid under the Snippet folder.
This is an accepted solution.
Hi @Algebruh,
It is in the icon-accordian.liquid under the Snippet folder.
Thank you!!!
Okay, so I've located the code, but apparently this is far more complicated than I had initially thought. I cannot figure out how to add a new icon into this list. I have my icon in both a PNG and SVG file, but for the life of me I cannot figure out which file type to use nor how to go about adding it. Please, please, please can anyone help me out
Hi @Algebruh,
You have to add it in the snippet.liquid, which is the icon-accordian.liquid. The second place is the schema, at the main-product.liquid
Hi, I know how to do this. Its actually very easy, just a couple of steps. I added a Youtube video icon to my collapsible menu. Let me know if you still need.
I'm interested in the youtube video!
I add my svg path in icon-accordion.liquid. Then value and label (3 times) it in the main-product.liquid but the icon doesn't appear in the scrolling menu. So I tried to delete for exemple every label and value of "apple"/"Apple", and effectively Apple still appears in the scrolling menu.
How could it be possible?
Hi, I just replied below to Lovehuvet with all the info 🙂
please share!
hi, everything you need to know how to do this can be learnt from this video here: https://youtu.be/sj42pjgpEmc?t=635
The important part starts at timestamp, 10:35. The most important part is creating the SVG icon to the correct size. If you don't size the SVG correctly the graphic will not display.
Here's a video to create SVG's. https://www.youtube.com/watch?v=cACcJBsEVII
My Website.
I created several custom icons, you can go to my mattress website and click on any caravan mattress product and scroll down the product page, you will see my custom icons.
https://mybespokemattress.com/collections/caravan-mattresses-comfort-for-your-mobile-adventures
Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024In today’s interview, we sat down with @BSS-TekLabs to discuss practical strategies for...
By JasonH Nov 13, 2024The year-end shopping spree is around the corner! Is your online store ready for the ...
By JasonH Nov 10, 2024