Return to previous page

Xstore Sticky Column not working with new Elementor Container Element

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

WebsiteDude

Participant

February 23, 2023 at 06:21

Hi Guys

Okay so Elementor moved to Flexbox Containers – but the sticky column feature is not available on this – I can use with Sections (the old way) but of course a big issue with Elementor is excessive code and so Containers fixes that. Are you able to make Sticky Section work with Containers?

Please, contact administrator
for this information.

#347795 Copied Theme version: 9.04 WooCommerce version: 7.2.2

11 Answers

Rose Tyler

Support staff

February 26, 2023 at 08:36

Hello, Websitedude1985,

Would you be able to provide a video or screenshots to help us better understand your request?
You can use Lightshot screenshot or Gyazo tool to make screenshots and share the links here, or you can use a file sharing service such as WeTransfer https://wetransfer.com/
We appreciate your cooperation.

Kind Regards,
8theme team

#348021 Copied

WebsiteDude

Participant

March 14, 2023 at 05:27

Hi there – okay so to explain….

1. First product shows sticky column breaks when there is any ajax event on the page (on right column) so it forgets its sticky and starts to move with the right hand content, especially when its about half way down the page scroll. The column should stick until it reaches the Add to cart button/lower meta details.

2. Second example does not have the same issue – but notice when it gets to bottom it is not releasing the left hand column to scroll with the contents. Instead the lower section overlaps as it scrolls and kinda looks like a Z Index issue in a way.

I need to keep the Single Proudct Page Builder Template – so switching back to standard is not an option. Also the lower Description content – notice it is full width – I need to make this section inherit the page width – or allow control of margin/padding. At the moment this does not look good.

Please contact administrator
for this information.

#349914 Copied

Rose Tyler

Support staff

March 14, 2023 at 16:10

Hello, WebsiteDude,

As you may see on the next screenshot -> https://prnt.sc/VXeojL0MAr66 we make reinit for sticky columns in a few JS document triggers. Could you give us information about what are the triggers of your plugin when customers select product variation (because once the product variation is chosen the height of content is increased/decreased and the sticky column should refresh its position)?

P.S. Maybe it is the case when you may use the default Single product template but not the builder one. I decided to advise such idea of using non-single builder template because your Single product content is very simple and looks like the one we have in ready templates -> https://prnt.sc/n5Q0RB255rzO

Kind Regards,
8theme team

#349992 Copied

WebsiteDude

Participant

March 16, 2023 at 07:43

Thanks for the reply – I will look into your question.

The reason I used the Single Product Builder is because it allows me to style it nicely. the existing ones do not give me the same flexibility.

#350180 Copied

Rose Tyler

Support staff

March 16, 2023 at 12:10

Hello, WebsiteDude,

Thanks for the reply.
If you have any additional questions or concerns, please do not hesitate to reach out to us. Our support team is always available to assist you.

Kind Regards,
8theme team

#350224 Copied

WebsiteDude

Participant

April 11, 2023 at 19:57

Hi Guys,

I really need to try and fix the sticky column issue – any news on a fix for dealing with the Single Product Builder? I dont want to use the pre-set templates as I need more design flexibility – but as you can see from this the site looks terrible….

Please contact administrator
for this information.

#352987 Copied

Rose Tyler

Support staff

April 12, 2023 at 10:20

Hello, WebsiteDude,

Please answer our question – https://prnt.sc/DnbEjtGcjiXd

Provide temporary wp-admin and FTP access also.

Kind Regards,
8theme team

#353030 Copied

WebsiteDude

Participant

April 12, 2023 at 17:56

Hi there, I’m unsure of the answer to that question – I suspect this changes though as not all modules of the product options show – it depends on the product. But I would expect that you should be able to identify the start of the container that follows that plugin and so use that as a starting point? Forgive me if I misunderstand. I have attached login details 🙂

Please contact administrator
for this information.

#353117 Copied

WebsiteDude

Participant

April 13, 2023 at 18:39

Hi there, did you manage to take a look?

#353231 Copied

Rose Tyler

Support staff

April 14, 2023 at 07:25

Hello, WebsiteDude,

We have attempted to find a solution but have not yet been successful.

Kind Regards,
8theme team

#353250 Copied
Rose Tyler

Support staff

April 14, 2023 at 08:47
Hello, WebsiteDude,

We should tell you that all our tries to fix it in a good way were skipped because no one got success in the end of a good result. But we thought about solving this issue from another side because according to your needs as we got you right you want to keep your gallery always in the area of customer so we decided to propose you the next solution:
1/ Disable the sticky column in SPBuilder (the one that is broken for some products and correct for others)
2/ Add next custom CSS to your child-theme/functions.php or Theme Options -> Theme Custom CSS -> Global CSS
```
@media only screen and (min-width: 993px) {
    .element-TFML4.et_column {
        max-height: 80vh;
        overflow: auto;
    }
}
```
3/ Check the result.

We added that code using dev tools -> inspector and below in the private area we attach the example of the possible result.

Kind Regards,
8theme team

Please contact administrator
for this information.
#353255 Copied
Tagged: best selling, container, elementor, sticky column, themes, woocommerce, xstore
Viewing 12 results - 1 through 12 (of 12 total)