Return to previous page

Auto scroll slider of similar products on single product page

This topic has 8 replies, 3 voices, and was last updated 1 years, 8 months ago ago by Tony Rodriguez

Vitalii

Participant

April 25, 2023 at 14:44

I would like the slider of similar products to scroll automatically! Is there an option to enable this? Thank you

#354482 Copied Theme version: 9.0.5 WooCommerce version: 7.6.0

7 Answers

Rose Tyler

Support staff

April 25, 2023 at 15:13

Hello, Vitalii,

Thank you for contacting us and for using XStore.

Please provide URL of the page with the mentioned slider.

Thank you for your cooperation and we look forward to hearing from you soon.

Kind Regards,
8theme team

#354483 Copied

Vitalii

Participant

April 26, 2023 at 06:45

https://prnt.sc/xH4HK4fuQ19h

Hello Rose, my site is still under construction. Here is a screenshot to make it clearer. Thank you

#354518 Copied
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
#354529 Copied
Vitalii

Participant

April 26, 2023 at 08:40

https://prnt.sc/v1m9hDFRn9Zd
https://prnt.sc/9E8J8Ub_CYY7
does not work correctly
it does not flip through the products automatically, but simply the entire slider block, spins in a circle

#354533 Copied

Tony Rodriguez

Support staff

April 26, 2023 at 12:15

Hello, Vitalii,

We kindly request that you remove the following CSS code from your site. https://www.8theme.com/reply/354529/

After That, please copy xstore/woocommerce/single-product/related.php to xstore-child/woocommerce/single-product/related.php and make next changes:
Each «slider_autoplay» false https://prnt.sc/U8dQYMb1vwfT set to true -> https://prnt.sc/7b6NBo6KqUU3

Also add extra param named «slider_loop» with value of «true» for example: https://prnt.sc/S9RCFtukImdz

If you face any issues doing this, we request that you provide us with URL and temporary access to the wp-admin and FTP access of your website. This will enable us to take a closer look at your settings and solve it on your site.

To do this, please follow these steps:
– Create an account via Dashboard (Users > Add new) with administrator role. Refer to the following image for guidance: http://prntscr.com/s3rc9m
– Provide us with the username and password for the newly created account via the Private Content area. Refer to the following image for guidance: http://prntscr.com/s5mao7
– Any email address can be used for the new account, it does not have to be your personal email.

To create FTP access, please contact your hosting provider for assistance.

Please let us know once you have completed these steps, and we will promptly review your account information and provide assistance as soon as possible.

Kind Regards,
8theme team

#354576 Copied

Vitalii

Participant

April 26, 2023 at 13:45

One of the best support I’ve come across! Thank you, it works!!
All the best

#354591 Copied

Tony Rodriguez

Support staff

April 27, 2023 at 05:03

Hello, Vitalii,

Thank you for contacting us and for using our theme and support services. We appreciate your feedback and are glad to know that you are satisfied with our product and services.

We kindly request you to consider leaving a 5-star rating for our theme and customer and technical support by visiting http://themeforest.net/downloads. Your feedback and positive review would not only help us improve our product but also encourage us to provide better support in the future. It means a lot to us and we are grateful for your support.

If you have any further queries or concerns, please feel free to contact us anytime. We are always here to assist you.

Thank you again for choosing our product and services.

This topic is now closed!

Best regards,
8Theme’s Team.

#354642 Copied
Tagged: auto scroll slider, enhanced user experience, online shopping, shopping experience, similar products, single-product page, woocommerce wordpress templates
Viewing 8 results - 1 through 8 (of 8 total)

The issue related to '‘auto scroll slider of similar products on single product page’' has been successfully resolved, and the topic is now closed for further responses

Auto scroll slider of similar products on single product page

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection