This topic has 3 replies, 1 voice, and was last updated 7 months, 2 weeks ago ago by ecommercedev
Hi,
how to make the right side of product page is sticky when scroll until certain pixel is scrolled ?
check this image: https://imgur.com/a/Kna3Rr8
I want the behaviour like this one : https://berrybenka.com/clothing/bottoms/282436/ivira-pocket-pants-blue?trc_sale=clothing+women
Hi,
Theme Options > WooCommerce > Single product builder > enable Sticky for section https://prnt.sc/xtgz77
Regards
Hi, I am trying to configure the same things as OP.
However I think JFOC was not specific enough about their issue.
Using example of the webpage JFOC provided here is how to reproduce what we need:
1. go to website: https://berrybenka.com/clothing/bottoms/282436/ivira-pocket-pants-blue?trc_sale=clothing+women . Don’t scroll just yet. stay on top of the page.
2. click on ‘Rincian Ukuran & Fit’ tab so it opens. Notice the tab height is much more than visible area in sticky right column.
3. now try to scroll down.
– you can see that sticky right column scrolls a little to reveal content of ‘Rincian Ukuran & Fit’ tab
– when we arrive at the very end of ‘Rincian Ukuran & Fit tab the whole sticky right column behaves just like usual sticky container.
Is there any way to do this? I tried with overylow-y for right column but it did not work.
The issue related to '‘Sticky right side on product page’' has been successfully resolved, and the topic is now closed for further responses