How can I enable product swiping on the product page?

[shanabenittah]

Hi, 

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!

[NomtechSolution]

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 -->
      </div>
    {% endfor %}
  </div>
</div>

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

files in product.liquid

[Zqdo]

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

[BSS-Commerce]

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.