I’m using refresh theme and I can’t figure out how to add these small clickable icons that will be link to a page.
Here’s my preview link:
Topic summary
A Shopify store owner using the Refresh theme is trying to add small clickable icons that link to specific pages.
Problem & Solution:
- The user shared screenshots showing their desired icon setup but initially couldn’t implement it.
- A community member provided custom CSS/HTML code to create clickable icon links.
- After initial publishing errors, the original poster confirmed the code worked successfully.
Current Status:
- The main issue is resolved, but the user now needs guidance on obtaining the HTML code for the specific page they want to link to.
- Suggestions include using a “Custom HTML” section in the theme or creating a new custom section if that option isn’t available.
- One participant mentioned difficulty viewing the provided code blocks, indicating potential formatting issues in the thread.
Note: The conversation includes code snippets and screenshots that are central to understanding the implementation details.
Yes, You can add clickable icons that will be link to a page. check if your theme has an option to add custom css if yes add that section and paste this code there.
Make sure to replace the links with the actual links
thank you for taking the time to reply on my question. I tried the code but there’s a prompt saying it can’t be published. The theme I used has a custom css option.
I finally figured it out and the code you provided did work. I would like to ask how do I get the html code of the page that I would like to link on the icon? Thanks a lot
First look if your theme has a section named “Custom HTML” if yes add that section to your home page
and paste my code there and if your theme does not have section of named “Custom HTML” than allow me collaborator access and I will create a new sew section in your theme so that so you can add clickable icons
Sorry. Im newbie here. Not seeing your code comment block at all.