Return to previous page

How to create a sticky image block in productpage

This topic has 8 replies, 2 voices, and was last updated 1 months ago ago by Rose Tyler

gewoonbovenaan

Participant

February 6, 2025 at 11:42

Hi i want the image block to be sticky as when people scroll down and make the choice, it still is visible. https://gyazo.com/c14d7fc0ee482d2449bfdfd0c0a3db05 now it wont scroll down. how to solve?

Please, contact administrator
for this information.

#433521 Copied Theme version: 9.4.7

7 Answers

Rose Tyler

Support staff

February 6, 2025 at 12:45

Hello,

Thank you for reaching out to us.

Please try to use this option https://prnt.sc/cFIWVzB54FdY or https://elementor.com/help/sticky-scrolling-effect-pro/

Best Regards,
8Theme’s Team

#433529 Copied

gewoonbovenaan

Participant

February 6, 2025 at 14:39

yes that does the job! thanks, only thing is that the picture is cut in half somehow when scrolling down: https://gyazo.com/73234373a926fb9863a4f27c4e7083f4

and how to make this equal width? https://gyazo.com/f6a11fbb34304cfac98e9cbc4897df50

#433541 Copied
Rose Tyler

Support staff

February 6, 2025 at 15:27
Hello,

1/ Do you mean the width of the footer?
https://prnt.sc/3RvB_hCHy58Y – you are currently editing the footer so we can’t check settings.
Please try the next: Page settings > Page layout > select Elementor Full-width https://prnt.sc/dbRMaGR5Eka0

2/ Custom CSS code can be used –

.elementor-widget-woocommerce-product-etheme_add_to_cart.vertical-variations form.cart table.variations select { min-width: 250px; }

Best Regards,
8Theme’s Team
#433555 Copied
gewoonbovenaan

Participant

February 6, 2025 at 15:49

Thanks, no i mean at this page, the product page: https://www.opmaatglas.nl/product/2-rail-systeem/ the image cuts in half https://gyazo.com/86f833795c220f282bbc5b839d3d9eca

#433560 Copied

Rose Tyler

Support staff

February 6, 2025 at 16:15

Hello,

Thank you for providing the product link and screenshot. However, it is still not entirely clear what exactly the issue is. Could you please provide additional screenshots for clarification?

Best regards,
8Theme Team

#433566 Copied

gewoonbovenaan

Participant

February 6, 2025 at 20:49

So the column is sticky now, that is great. But the image should look like this:https://gyazo.com/6ac33b85e1934a7e58184524b26f5275
but when you scroll down, only half of the image is shown
https://gyazo.com/86f833795c220f282bbc5b839d3d9eca

so the sticky part should be that the image is shown in whole and not half 🙂

#433600 Copied

Rose Tyler

Support staff

February 7, 2025 at 08:27

Hello,

This effect occurs due to the presence of a sticky header, and this is expected behavior. Currently, there is no option to change it.

Best regards,
8Theme Team

#433627 Copied
Viewing 8 results - 1 through 8 (of 8 total)