Hello, I have added Pop-up Blocks to the Product Information sections of each product. I want to add Icons to the left of it that are already included in Shopify. For example, I want to add the ruler to Dimensions, the clipboard to Specs, etc. I have added code that adds the below icons; this is based on a question asked by the community.
Is there a way to do this?
Thank you in advance.
If you know the icons and have the code why can’t you swap in the source names.
Otherwise, Which icons , do you mean icons in the theme.
What code is being used. etc etc etc
Always remember other people we cannot see what you see or just know what you know.
You must communicate in concrete terms.
Thanks for the advice @PaulNewton
I am using the Dawn theme and have added the pop-up blocks on the Product Information.
I have added the following code to the bottom of theme.liquid in the Layout folder of the code.
The above code added the icon found in the background-image part of the code above.
What this does is add the same icon to each pop-up, as shown in the image in the original post.
I’ve found that the other icons are in icon-accordion.liquid
Ideally, i would like to have clipboard as one of the icons, the ruler for another icon, and choose the icons for the other two popups.
I do not know how I would reference the icons stored in icon-accordion.liquid.
If I am not able to find a way to have a unique icon for each pop-up, how would I be able to reference one icon, apple for example, on the above code.
The code for apple is as follows on icon-accordion.liquid.
{%- if icon != 'none' -%}
{%- endif -%}
Please let me know if there is still something you believe I should add to this question.
Thank you,