How to add custom icon and label on Shopify pages with all themes using script tag api

zerrick
Excursionist
16 0 5

Hey,

I am building a Shopify App in which I am trying to add icons and labels on Shopify pages(Collections, product details page, etc) using script tag js on productsScreenshot (7).png.See the below image with custom icons and labels for this store theme. I am facing an issue to add icons and labels on other themes. Because I am not able to find a unique HTML element to add this. Please tell me how I can find a unique element for add icons and labels? Or any other useful information for achieving this.

 

 

 

UmairA
Shopify Partner
872 85 173

Hey there @zerrick,

Can you please include the URL of your store? I'll take a look for you before I can offer any solution/guidance. Thanks

Need help with theme customization or to add a new feature? Hire me
Email: umairabbascs@gmail.com
WhatsApp: WhatsApp
Theme customization | Custom coding | Store Setup | SEO Audit | Speed Optimization | Tweaks & Bugs fixing
0 Likes
KetanKumar
Shopify Partner
16937 1851 6336

@zerrick 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
zerrick
Excursionist
16 0 5
KetanKumar
Shopify Partner
16937 1851 6336

@zerrick 

thanks but i can't see this lable do you have same theme or different?

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
zerrick
Excursionist
16 0 5

@Ketan I am looking for generalize solution which will work on all themes.
As I mentioned above I am building a Shopify app and I need a way(may be HTML class or id) so I can find where that product is in theme.
Then with the help of javascript, I can put label on theme and it should work on all themes.

Here is the example store where I added a script tag
https://the-great-gambler.myshopify.com/collections/all

zerrick_0-1619337470134.png

 

0 Likes
KetanKumar
Shopify Partner
16937 1851 6336

@zerrick 

i can see this view

KetanKumar_0-1619347926185.png

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
zerrick
Excursionist
16 0 5

@KetanKumar 
You should see this label. Please reload the page and try again.

zerrick_0-1619355741758.png

 

0 Likes
KetanKumar
Shopify Partner
16937 1851 6336

@zerrick 

sorry but i can't see i have check all browsers are you sure this live theme do you have add code?

KetanKumar_0-1619379145346.png

 

or if possible to add me on staff so i will check and update

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
zerrick
Excursionist
16 0 5

@KetanKumar Sorry for the inconvenience.
There was some CORS issue which I fixed.