Hey everyone!
I was wondering if I could change the icons of this collapsible row to any icon I want with the help of code:
They are shown on the product page and my shopify-url is: boundless-3558.myshopify.com
The theme is Sense. Thanks in advance!
Topic summary
A user wants to customize the collapsible row icons in the Shopify Sense theme on their product page, replacing them with custom icons not available in the default list.
Current Situation:
- The theme’s default customization interface (Online Store → Themes → Customize) only offers a limited preset icon selection
- The user needs icons outside this standard list
Proposed Solution:
- One suggestion involves adding custom SVG icon files to the theme’s snippets folder
- Format would be:
icon-iconname.liquid(e.g.,icon-apple.liquid) - However, the user noted their snippet icons differ from the collapsible row icons, indicating potential compatibility issues
Status:
- The discussion remains unresolved
- A later participant expressed interest in whether this customization is possible through code
- No confirmed working solution has been provided
@monaim_ouadah
You can change from below one :
Online store ->Themes->customize->default collections->click on that icon and see beside icon where you can change the icon
The thing is that I want to change it to something that is not in that list.
Hello,
I would like to assist you with your requirement.
Please reach me at Skype or Email.
Skype - cis.seth
Email - seth@cisinlabs.com
Thanks
Seth R
@monaim_ouadah
You can add icon in snippet using svg file code like shown in below picture
Like icon-iconname.liquid(if your icon name apple)
icon-apple.liquid
The icons in my snippet are not the same as the icons of the collapsible row:
List at collapsible row:
@monaim_ouadah Did you ever find a solution to this? I’m super curious to know if this can be done with code and add icons to the default list.