- Select Settings, then Checkout from the left menu, then select the Theme Manager button from the right side of the page, and then Edit your active theme
- Click the "Drag and Drop Files to Upload" box
- Upload your icon
- You'll need to discern the mimetype of that icon and make note of it. Some common mimetypes are image/gif, image/png, image/ico. More configuration examples can be found here
- From the Theme Editor page select the Layout option
- Add the following to the head tag on line 3:
<link rel="icon" type="image/ico" href="">
- Put the cursor on the href attribute and select the Insert Asset option
- Select the asset and add it, it will look like this when you do:
"{{ "favicon.ico"|asset_url }}" - Configure the mimetype correctly and save the change.
- Before and after example images below:
