Return to previous page

Xstore product builder – Tabs with static block cuts of full width

This topic has 11 replies, 2 voices, and was last updated 3 months, 1 weeks ago ago by Nicolo

Nicolo

Participant

August 14, 2025 at 17:07

Hi

So i have an issue where the static block content is not being showed properly on the product page.

Context:
– Xstore single product builder via theme customizer
– Product tabs widget
– Staticblock via shortcode

How can i make sure that the user can see the full widht for the section.

Looks like the tab widget cuts of the section inside its own container.

Here is a video demonstration:
https://www.loom.com/share/fb24e535b01746c89928c7ccd81d0585?sid=bad78568-962a-4c2e-8b23-acb681916924

Added the credentials in private content.

Please, contact administrator
for this information.

Files is visible for topic creator and
support staff only.

#452703 Copied

10 Answers

Jack Richardson

Support staff

August 15, 2025 at 06:35

Hello @Nicolo,

Thank you for reaching out to us.

Could you kindly provide the URL of the product where you are experiencing the issue? We have reviewed your products but have not observed any layout discrepancies.

We appreciate your cooperation and look forward to resolving this matter promptly.

Best regards,
The 8Theme Team

#452716 Copied

Nicolo

Participant

August 15, 2025 at 09:29

Hi Jack

Here it is:
https://elmate.no/produkt/cruz-de-malta/

Regards

#452729 Copied

Jack Richardson

Support staff

August 15, 2025 at 09:53

Hello @Nicolo,

We hope this message finds you well.

To address your concern, please enable the “Stretch Container” option located in the XStore Layout settings under the Containers section. You may refer to the following screenshot for guidance: https://prnt.sc/6ijKiBLee_-Q.

Additionally, we recommend clearing your website cache after making this change. It appears that cached styles (https://prnt.sc/KyEvKj-1u2C6) may be preventing the newly applied settings from displaying correctly on the frontend.

Should you need any further assistance, please do not hesitate to reach out.

Best regards,
The 8Theme Team

#452731 Copied

Nicolo

Participant

August 15, 2025 at 10:12

Hi Jack

Thanks for answering so quicly! Appreciate your effectivety

Seems like there is an issue with the screenshots you sent me, as i cannot open them

#452733 Copied

Jack Richardson

Support staff

August 15, 2025 at 11:04

Hello @Nicolo
1/ https://gyazo.com/0d336046f4a2bd179ed2aba1e4fa09d4
2/ https://gyazo.com/d7794245f18f2281e3ecd859060fff7f
Kind regards, Jack Richardson
The 8theme’s team

#452737 Copied

Nicolo

Participant

August 15, 2025 at 12:24

Hi

Have a look in inkognito mode:
https://elmate.no/produkt/cruz-de-malta/

I added 2 sections w colours as you can see, and stretched them both in the settings as you said.

but still it gets cut off by the single product template i think

#452741 Copied

Jack Richardson

Support staff

August 15, 2025 at 12:53

Hello @Nicolo,

As previously mentioned, it appears that your website is displaying cached styles. You can verify this by checking the following file:
https://elmate.no/wp-content/themes/xstore/style.css
This file currently shows version 9.5.3.

However, when viewed from the admin panel, the correct version 9.5.4 is displayed, as shown in the following screenshot:
https://gyazo.com/78c5f52342988a02941f7e3bee5d9d0f

We kindly ask you to review your server’s cache settings and ensure that the latest version of the styles is being used.

Thank you for your attention to this matter.

Best regards,
The 8Theme Team

#452745 Copied

Nicolo

Participant

August 15, 2025 at 16:04

Hi Jack

Thanks, i reached out the my hosting, and figured ut was because of a plugin: docket cache.

Now i see that the full width is working great!

The last issue is that the tabs sticky menu is not full widht as well.

https://www.loom.com/share/5e18db531477473db9821b47931b63fa

https://elmate.no/produkt/cruz-de-malta/

Here u can see that the overlapping between full widht sections and the sticky tabs menu is not ideal for ux, as they scroll down.

This is the current css snippet inside xstores global css.

/* Product pages – sticky tabs */
.single-product .template-container {
overflow: visible;
}

.single-product .tabs.wc-tabs.tabs {
position: sticky;
top: 0;
background: #fff;
width: 100% !important;
z-index: 10;
transition: all .3s;
}

body.single-product:has(.site-header.sticky-on) .tabs.wc-tabs {
top: 74px;
}

@media only screen and (max-width: 992px) {
body.single-product:has(.site-header.sticky-on) .tabs.wc-tabs {
top: 60px;
}
}

How can we make this full width strecthed section as well?

Highly appreciate your help

#452762 Copied

Jack Richardson

Support staff

August 15, 2025 at 19:23

Hello @Nicolo,

Thank you for your message.

Unfortunately, it is not possible to achieve both stretched and sticky tabs using CSS alone. The tabs can either remain sticky, as they are currently, or be stretched, but in that case, they will not retain the sticky behavior.

We appreciate your understanding.

Best regards,
Jack Richardson
The 8Theme Team

#452776 Copied

Nicolo

Participant

August 28, 2025 at 21:23

Thanks for the support! My topic “Xstore product builder – Tabs with static block cuts of full width” has been successfully resolved.

#453745 Copied
Viewing 11 results - 1 through 11 (of 11 total)

The issue related to '‘Xstore product builder – Tabs with static block cuts of full width’' has been successfully resolved, and the topic is now closed for further responses

Xstore product builder – Tabs with static block cuts of full width

Explore our best WordPress WooCommerce Themes collection