make image click to URL - Shop Now

Store Design
, , , , , , , ,
1

Hi,

I have a carosel, and need the images to click to the same links as the Shop Now button below them. Is this possible to implement?

my site is https://vazluxe.com

01007578-2722-4F21-BC08-391B44E4B0C0.jpeg
01007578-2722-4F21-BC08-391B44E4B0C0.jpeg1170Ă—2532 155 KB

2

Hey @Luxurymrkt

Yes, you can make the images in your carousel clickable so they link to the same destination as the “Shop Now” button. You just need to wrap the images inside an tag with the same href as your button.

Updated Code:


    

Shop Now

If you’re using a Shopify theme like Focal or Pipeline, and the carousel is controlled by JavaScript, you might need to edit the theme settings or modify the Liquid/JS code for the slider.

If your carousel is built with Slick or Swiper.js:

For Slick:

$('.carousel img').click(function() {
    window.location.href = "/collections/new-in";
});

For Swiper.js:

document.querySelectorAll('.swiper-slide img').forEach(img => {
    img.addEventListener('click', () => {
        window.location.href = "/collections/new-in";
    });
});

Let me know if you need help implementing it based on your theme!

If I was able to help you, please don’t forget to Like and mark it as the Solution!
If you’re looking for expert help with customization or coding, I’d be delighted to support you. Please don’t hesitate to reach out in my signature below—I’m here to help bring your vision to life!

Best Regard,
Rajat