Shopify themes, liquid, logos, and UX
I would like to replicate this information widget from https://www.linjer.co/en-ca/products/diamond-curved-bar-necklace-14k-gold-jemma (refer to screenshot below)
I'd like to make it so it says "Compare to ${{insert product price 10x the amount of my product} Estimated for Natural Diamonds"
I'd also like to create the "i" icon where users can click on it and have a pop up with more information that I could design.
Any help would be appreciated or recommendations if this can be done via an app that already exists. My website is 578f0e-a2.myshopify.com
Hi @sibouss if you just want to add this text in then this can be done with the help of custom coding and metafields, you don't need any app for this as this can be done without the third party app.
If you will unable to implement the same then I'm happy to do this for you, let me know. I can implement the code changes so that this will work well for you.
Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!
Best Regards
Sahil
- Your
yes I know how to add text, the hard part is the "info" icon with the popup that I dont know how to create
as well as to do the automatically calculation of 10x the product price for whichever product page your are on
Hi @sibouss to add the info icon and popup you need to add the svg icon in front of the text.
You can find the base code here: https://codepen.io/hajududat/pen/VqpxgG
without looking into the code files I will not be able to provide you the exact code.
Also for automatic calculation you need to add the javascript code on the theme files.
If you will unable to implement the same then I'm happy to do this for you, let me know. I can implement the code changes so that this will work well for you.
Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!
Best Regards
Sahil
- Your
could you please implement it for me?
Hi @sibouss Yes I would love to implement the same for you, you need to provide the access of your store so that I can implement it on your store.
- Your
you can send a collaborator request
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025