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.
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