How can I add an icon to the tab when I open up the website on my browser?
Thankful for any help.
URL: cutegemz.com
Topic summary
Adding a browser tab icon (favicon) to a Shopify store was requested. The goal is to display a small logo in the tab when the site opens.
Proposed solution (via theme code):
- In Shopify Admin, go to Online Store > Theme > Edit code.
- Upload the desired logo image (PNG) under Assets > Add a new asset.
- In theme.liquid, insert a link tag referencing the uploaded image inside the section, then save. Reload the site to see the icon.
Notes:
- Screenshots and a code snippet are central to the instructions; the exact link tag code is not visible in the post, but it refers to adding a standard favicon link in the .
- The helper used a PNG logo as the favicon example.
Outcome: The original poster confirmed with a thank-you, implying the steps worked. No further issues or open questions were raised. The thread appears resolved.
Hi @poe1 ,
I have reviewed your requirement, you just need to edit code in shopify admin and the issue will be resolved. You can follow my instructions!
Step 1: Go to Admin → Online store → Theme > Edit code:
Step 2:
You need to prepare the logo image that you want to set up on your website in .png format. Then upload this file in
Assets > Add a new asset.
In my example, I choose my logo.
After that, add the image link within tag tag at theme.liquid.
Replace your_name_logo.png with the name of your logo file.
Step 3: Save your code and reload this page.
=>> The result in my store as you can see:
I hope these instructions will help you. If they are helpful, please give us likes and mark as the solution.
Have a nice day sir!
Thanks!