Product tab with sidebar

[Joe]

Hello guys,
I am creating an e-commerce site (generatepress pro + elementor pro) for which I would like to have a sidebar on the single product page ONLY on left side of product tabs: http://prnt.sc/nxj549.

In part I succeeded, in the following way:
– In apparence -> layout -> woocommerce -> I have unchecked the “Display product tabs” option
– I created a section template with elementor where in the left column I inserted the product tabs (with the appropriate widget) and in the right one an image
– I reinserted the bproduct tabs on the single product page by entering (via code snippet) the following code:
add_action( ‘woocommerce_after_single_product_summary’, ‘my_product_tab’, 10 );
function my_product_tab() {
echo do_shortcode(‘[elementor-template id=”202″]’);
}

Everything seems to work, BUT:
– if I open the product page, this is what I get: https://prnt.sc/nxj49v
– if I click on any tab (for example, additional information), everything goes well: http://prnt.sc/nxj549

Any idea about it?
Thanks for your help

[Leo]

Hi there,

Any chance you can link us to the site in question?

You can edit the original topic and use the private URL field.

Let me know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Joe]

Thank you for your answer, Leo. I sent you the site url as you said

[Leo]

The link requires a password. Can you provide it here? (The link is only visible to admins)

Or you can send the dashboard access using Account Issue here:
https://generatepress.com/contact/

Please include the following information:
– The URL of this topic.
– Password.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Joe]

ok, done

[Leo]

I believe that’s an Elementor issue explained in their doc page here:
https://docs.elementor.com/article/249-embedded-template-css-loading

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Joe]

thanks Leo but both solutions mentioned in the post have no effect. is there anything else I can try or do you get any other idea?

[Leo]

Not really unfortunately.

Any other caching plugins or server caching?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Joe]

No, at least not yet. I’ll try something else. Thanks anyway 🙂

[Leo]

A way to test would be to disable all plugins except GP Premium, add the same function but with just some dummy content and see if the issue still exists 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Joe]

ok, solved 🙂 I simply stretched the template section. The fouc remains, but only during the loading of the page. And it’s under the fold. It is an acceptable temporary solution. Thanks again.

[Leo]

Awesome 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts