Return to previous page

Sticky right side on product page - by JFOC

This topic has 3 replies, 1 voice, and was last updated 1 years, 8 months ago ago by ecommercedev

JFOC

Participant

January 29, 2021 at 16:13

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

#271093 Copied Theme version: 7.2.4

2 Answers

Rose Tyler

Support staff

January 29, 2021 at 16:45

Hi,

Theme Options > WooCommerce > Single product builder > enable Sticky for section https://prnt.sc/xtgz77

Regards

#271098 Copied

ecommercedev

Participant

September 18, 2023 at 23:09

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.

#367819 Copied
Viewing 3 results - 1 through 3 (of 3 total)