Reply 354529 to: auto scroll slider of similar products on single product page

Avatar: Tony Rodriguez
Tony Rodriguez
Support staff
April 26, 2023 at 08:31

Hello, Vitalii,

To make a slider of related products scroll automatically on a single product page, We kindly request that you copy and paste the following CSS code to XStore >> Theme Options >> Theme Custom CSS >> Global CSS. After doing so, please clear your browser cache and check back to your site.

/* Set up the swiper to scroll automatically */
.related-products div#swiper-unique-id-2{
  overflow-x: scroll;
  scroll-behavior: smooth;
  white-space: nowrap;
  animation: slider 10s infinite linear;
}

@keyframes slider {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}

If you have any additional questions or concerns, please do not hesitate to reach out to us. Our support team is always available to assist you.

Kind Regards,
8theme team

Go To The Whole Conversation In Topic
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.