Swipe between products

New Member
17 0 0


I would like to be able to swipe between products within the product page, which mean the customer could swipe from one product page to an other and won't have to scroll down on the collection page. I am using prestige theme

thank you in advance for any help!

Replies 3 (3)
1245 111 139

Yes you can do it by adding code in theme

<div class="swiper-container">
  <div class="swiper-wrapper">
    {% for product in collection.products %}
      <div class="swiper-slide">
        <!-- Display product details here -->
        <h2>{{ product.title }}</h2>
        <p>{{ product.description }}</p>
        <!-- Add any other product information you want to display -->
    {% endfor %}

<script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
  var swiper = new Swiper('.swiper-container', {
    slidesPerView: 'auto',
    spaceBetween: 10,
    // Add any other Swiper options you want to configure

files in product.liquid

Chat on WhatsApp: +923246370042
Need a Shopify developer? noumanmasood64@gmail.com
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Shopify Partner
803 32 60

This will involve a bit of coding in the code editor. Do you have any experience coding in Shopify?

Shopify Expert
2441 330 338

Hi @shanabenittah 
Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.


If our suggestions are useful, please let us know by giving it a like or marking it as a solution.
BSS Commerce - Shopify Apps & Store Development Service Provider
Hire a Shopify expert | Shopify Plus Store Development | Free trials Shopify in 3-months with just 1$
Install B2B & B2C apps to accelerate sales