Return to previous page

Sidebar sticky on product archive page - by Balaso

This topic has 6 replies, 4 voices, and was last updated 2 months, 1 weeks ago ago by Andrew Mitchell

Balaso

Participant

September 12, 2024 at 21:12

On the product archives page I am trying to make the sidebar sticky, but when I do it on both the element or the container the same result happens, when I scroll the sidebar element is duplicated.

I’ve tried several ways and it always doubles.

I attach a video of the problem.

Thanks
All the best.

Files is visible for topic creator and
support staff only.

#414152 Copied Theme version: 9.4.1

5 Answers

Rose Tyler

Support staff

September 13, 2024 at 07:32

Hello, Balaso,

Thank you for reaching out to us with your concern.

Have you tried Saving changes and reloading the page, checking on frontend?

Could you please provide temporary wp-admin 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.

Best Regards,
8Theme’s Team

#414186 Copied

Balaso

Participant

September 13, 2024 at 10:23

Thanks for your quick response.

Yes, I have tried saving, and seeing how it behaves in the frontend and it is the same result. The sidebar doubles when scrolling.

I indicate the data to access as administrator.

Thanks.

Please contact administrator
for this information.

#414226 Copied
Jack Richardson

Support staff

September 13, 2024 at 11:17
Dear @Balaso,

I hope this message finds you well. I would like to clarify that the functionality for making content sticky is integrated within the Elementor plugin. Consequently, any issues related to the improper functioning of these options are typically addressed by Elementor’s support team. For your reference, here is an article from Elementor’s documentation that discusses the sticky features: https://elementor.com/help/sticky-scrolling-effect-pro/.

However, we always try to provide the best support for our clients. In an effort to resolve your concern, we have implemented a workaround by adding the following custom CSS to your Theme Options under Theme Custom CSS -> Global CSS:
```
.elementor-sticky__spacer {
    opacity: 0;
}
```
This adjustment should ensure that the sticky effect functions as intended. You can view the result here: https://gyazo.com/07f238c9da965a9b79137886e56de6ae.

Could you please take a moment to verify if this solution has resolved the issue on your end?

Thank you for your attention to this matter. We look forward to your confirmation.

Best Regards,
Jack Richardson
The 8Theme Team
#414243 Copied
Balaso

Participant

September 13, 2024 at 12:05

Thank you very much for the solution,
it is working correctly.

I know it is an Elementor thing, but in the Xstore Page Builder with elementor I also apply some columns as sticky and they work correctly. It only happens in the Product Archives.

I leave the issue as solved.

Thank you very much

#414253 Copied

Andrew Mitchell

Support staff

September 13, 2024 at 12:06

Dear Balaso,

We hope you’re reveling in the experience our theme brings! Your enthusiasm is what fuels our passion. Would you be so kind as to channel that energy into a 5-star rating on ThemeForest? Your feedback is the spark that lights our way!

Click here to spread the love: https://themeforest.net/downloads

Thank you for being an integral part of our journey!

Best Regards,
The 8Theme Team

#414254 Copied
Tagged: archive page enhancement, product archive page, sticky sidebar, woocommerce product display, woocommerce templates, wordpress ecommerce, wordpress sidebar customization
Viewing 6 results - 1 through 6 (of 6 total)