Return to previous page

Product image gallery with sticky section does not allow you to see the information in the tabs

This topic has 6 replies, 3 voices, and was last updated 9 months, 4 weeks ago ago by Luca Rossi

LVRB

Participant

June 3, 2024 at 12:52

Hi!

When I scroll down the Product Image Gallery with sticky section and display the information contained in the tabs, this information is lost because the section is not displayed correctly and is covered by related products or products purchased together.

Files is visible for topic creator and
support staff only.

#397902 Copied Theme version: 9.3.11

5 Answers

Tony Rodriguez

Support staff

June 3, 2024 at 13:56

Hello, @LVRB Love’s Rebel,

Thank you for contacting us and for using XStore.

We are pleased to inform you that the issue you reported has been successfully resolved. The solution involved adding a margin to the top of the section.

For your reference, please review the images provided in the private content area

We hope this information is helpful. Should you require any further assistance, please do not hesitate to reach out. We are here to help you.

Best Regards,
8Theme’s Team

Please contact administrator
for this information.

#397921 Copied

LVRB

Participant

June 3, 2024 at 18:47

Hello.
The same error still appears even with the margin they added.

Can it be modified with some CSS code so that the deployment is correct?

I leave in the private area a link with the reference of how we want it to work.

Please contact administrator
for this information.

Files is visible for topic creator and
support staff only.

#397966 Copied

Tony Rodriguez

Support staff

June 4, 2024 at 07:38

Hello, @LVRB Love’s Rebel,

Thank you for your response.

We would like to inform you that the display of additional tabs is contingent upon the volume of content you input. Should the content exceed the capacity of one view, it may overlap into another view. To address this, we recommend implementing a scrollable interface within the tabs. This can be achieved by enabling the Scrollable Content property and adjusting the height of the view as follows:

1. Navigate to Xstore > Theme Options > WooCommerce (Shop) > Single Product Page.
2. Proceed to the Tab Widget section.
3. Enable Scrollable Content and set the appropriate height for the tab.

For your reference, please review the image provided in the private content area:

We hope this solution proves helpful. Should you require further assistance or have any more inquiries, please feel free to contact us. We are committed to ensuring your experience with our theme is as smooth and efficient as possible.

Best regards,
The 8Theme Team

Please contact administrator
for this information.

#398013 Copied

LVRB

Participant

June 5, 2024 at 01:17

HELLO.

It is not the solution we are looking for, the idea is that the scrolling of the tab is not hidden and that related products or products purchased together also scroll when the tab is opened so that the information is not hidden.

With the solution, a giant space was left between the information and the related products, it is not aesthetic and looks bad on the web and mobile (delete that configuration to return to how it was before).

Scrolling is also not a good solution because the information must be seen complete and not with a scroll.

I leave an example page so you can see what the functionality I need is like. I think it could be done with CSS, you have the knowledge.

Please contact administrator
for this information.

#398148 Copied
Luca Rossi

Support staff

June 5, 2024 at 10:52
Hi @LVRB Love’s Rebel,

Because the product details on the right hand side is sticky so the height of section which contains product gallery and product details is not updating when we open the tabs.

This custom CSS codes will show the hidden part of sticky content, please add it under XStore > Theme Options > Theme Custom CSS > Global CSS:

.single-product .sticky-block.pos-fixed { background-color: #fff; z-index: 9999; }

To achieve exactly the same as the link you sent require a lot of customization codes and outside the scope of our support standard.

Thanks for understanding!

Best regards,
The 8Theme Team
#398210 Copied
Viewing 6 results - 1 through 6 (of 6 total)