This topic has 10 replies, 4 voices, and was last updated 4 months ago ago by Andrew Mitchell
I set the tabs on the product page as an accordion. However, after loading the product page, the view automatically scrolls down to the product description instead of staying at the top of the page on the gallery images.
I see that other users are also struggling with this problem. I also know that I can disable “First tab opened” in the Xstore settings and the problem with automatic page scrolling will disappear. Unfortunately, then the description will be invisible until the user opens it.
I would like the product TAB to be open all the time, but the page would not scroll automatically to the product description.
How to do this?
Hello Hafunerix,
Thank you for reaching out to us with your query regarding the behavior of the accordion tabs on your product page.
Please provide temporary wp-admin and FTP access.
To grant WP-Admin access, please proceed to create a new user account with an administrator role through your WordPress Dashboard. Once the account is established, you may securely transmit the username and password to us via the Private Content section designated for this purpose.
For FTP access, we require the following details: FTP host, FTP username, FTP password, FTP port, and FTP encryption type. If you need assistance in creating these credentials, please reach out to your hosting provider who will guide you through the process.
Best Regards,
8Theme’s Team
OK. Please try to log in.
Hello @hafunerix
We added the next code in your child-theme/functions.php
add_filter('etheme_autoscroll_single_tabs_on_mobile', '__return_false');
Please, check your Single product from mobile now (don’t forget to clear the cache of your browser).
Kind Regards,
8theme team
Thank you, but this code does not work. I checked in different browsers: chrome, firefox, opera and everywhere the product page still scrolls by itself.
Of course I cleared the cache before each test.
Dear @hafunerix,
We hope this message finds you well. We have verified the functionality of the code on our end; however, it appears that the CDN caching and the WPRocket plugin might still be holding onto old data. To ensure accurate testing and performance, it is essential to clear both your CDN cache and the WPRocket cache, not just your browser cache.
For your convenience, we have already cleared the WP Rocket cache for the specific URL listed below and retested the page without any scrolling on mobile devices. To achieve a comprehensive clearance and avoid any discrepancies, we recommend clearing the CSS cache globally across your website.
Should you require any further assistance or have any questions regarding this process, please do not hesitate to contact us.
Best regards,
Jack Richardson
The 8Theme Team
Thank you for quick reply. How can I clear the CSS cache for the entire site?
Hello @hafunerix
As you are using the WP Rocket plugin you need to follow its documentation -> https://docs.wp-rocket.me/article/53-clear-wp-rocket-cache.
Note: we provide the support only for projects that are built by our team, so if you have any question to your cache plugin related you need to contact to their support then.
Thanks for understanding !
Kind regards,
Jack Richardson
The 8theme’s team
Ok found it. Thank you. The code works great.
Dear hafunerix,
In the spirit of gratitude, we want to express our appreciation for your trust in our products. As a valued customer, your experience matters greatly. Would you consider sharing it by giving our theme a deserving 5-star rating on ThemeForest?
Click here to share your thoughts: https://themeforest.net/downloads
Being part of our community means a lot, and your feedback contributes immensely.
Best Regards,
The 8Theme Team
The issue related to '‘The page scrolls down to the product description after opening the product page’' has been successfully resolved, and the topic is now closed for further responses