Hello everyone, I want a feature like this on my www.mayaandluca.com page. When you enter any collection page in mobile view, I want you to manually scroll through the product images without entering the product interior detail page. I will share the image related to this with you. I want to do it as I marked in red. Thank you from now.
Hello Sir,
This is possible but if you change the code or change some code, and if you are not able to change the code you add the application.
And One More I sent masssage please check for easy solution
i message you please check ==== > Messages box
Hello, can you give some more details?
Hi,
Hope the following steps will help you
Include Swiper CSS and JS in your theme.
Update collection template to include Swiper markup for each product.
Use JavaScript to Initialize Swiper for each product carousel .
USe CSS to style and responsiveness.
Code example of Initialize Swiper for each product carousel
Hello @MertOzay ,
I completely understand what you’re looking for - allowing users to manually scroll through product images on collection pages in mobile view without entering the product detail page.
I appreciate you taking the time to share the image illustrating your concept. I’ve reviewed it and I’m happy to help you achieve this functionality.
To implement this feature, I’ve identified three key code changes that need to be made:
- Liquid modifications: We’ll need to update the product card to support all images.
- Carousel (slider) functionality: We’ll add the slider feature with dots to enable smooth navigation.
- Image load optimization: This is the most critical part, as loading all images for all products can impact website speed and conversions. We’ll need to optimize image loading to ensure a seamless user experience.
If you’re interested in proceeding with my solution, I’d be happy to discuss the details further and answer any questions you may have. Let’s chat!