Shopify themes, liquid, logos, and UX
I need to make really small clickable images that lead to a collection
Hi there,
This is Amelia from PageFly - Landing Page Builder App
Thank you for your message! Here's how you can add a clickable image to your theme:
Add the Image Section: Start by adding the Image section to your theme and look for the setting to set a link for that image.
If your theme doesn’t support linking images: You can add a Custom Liquid block or section. Then, use the following code to create a clickable image:
<img src="your-image.jpg" id="myImage" alt="" />
<script>
document.getElementById('myImage').onclick = function () {
// Replace 'your-collection-page.html' with the actual URL of your collection page
window.location.href = 'your-collection-page.html';
};
</script>
Replace "your-image.jpg" with the image's URL and "your-collection-page.html" with the link to your desired page.
I hope this solution works for you!
Best regards,
Amelia | PageFly
Please let me know if it works by giving it a Like or marking it as a solution!
➜ Optimize your Shopify store with PageFly Page Builder (Free plan available)
➜ Weekly updated Shopify tutorials on YouTube
All features are available from Free plan. Live Chat Support is available 24/7.
We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024Thanks to everyone who participated in our AMA with 2H Media: Marketing Your Shopify St...
By Jacqui Sep 6, 2024The Hydrogen Visual Editor is now available to merchants in Shopify Editions | Summer '...
By JasonH Sep 2, 2024