Skip Navigation

[Resolved] Problem with the layout of the products with the DIVI Theme.

This thread is resolved. Here is a description of the problem and solution.

Problem: The Layout I have created for WooCommerce Products has some style issues when used with the Divi theme.

Solution: Update to Views 2.5.1 for the most up-to-date compatibility fixes for Divi.

This support ticket is created 7 years, 1 month ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 - -
13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 - -

Supporter timezone: America/New_York (GMT-04:00)

Tagged: 

This topic contains 20 replies, has 2 voices.

Last updated by Francisco Ramón Molina Busquiel 7 years ago.

Assisted by: Christian Cox.

Author
Posts
#581074
2017-10-23_13-16-10.jpg

I have created a new field for products, when I have gone to the page of one of the products the layout of the page has widened and no longer has margins.
hidden link
Look at the screenshot.
What's going on?
Why has the layout of the product pages been distorted?
How can this problem be solved?
Thanks for your help.
Best regards,
Francisco R.

#581232

Hello, integration between Divi, Toolset, and WooCommerce is not 100% implemented yet. It should be ready to roll out in the next release of Views, v 2.5.1. We are in the process of updating our documentation now to reflect that, and you can see a note about this highlighted in our new integration documentation here:
https://toolset.com/documentation/recommended-themes/toolset-divi-integration/create-templates-for-custom-post-types-with-divi-builder-and-toolset/

So for now, we don't recommend using Divi + Toolset + WooCommerce. Sorry for the inconvenience here, but we hope to have this fixed very soon.

#581244

But I have not used Layouts to design the WooCommerce Product template. What Toolset is doing is to vary the default appearance of DIVI for WooCommerce products. I am using the default DIVI appearance for the products, so this is a Toolset bug.

#581288

I see, I misread the document I was provided about this. I should have stated that the integration between Divi, Toolset, and WooCommerce is not fully implemented yet, regardless of whether or not Layouts is used. We hope to have that fixed in Views 2.5.1.

#581406

This is not decent for a web in production. 🙁
Approximately, when will the new version released?

#581617

This is not decent for a web in production. ????
The image zoom does not even work.
Approximately, when will the new version released?

#581626

I have received some updated information today, and it appears that a release within the next few days is planned to include the fix for this. I will update you as soon as I have additional information to share about that.

#581636

Thanks Christian.

#581663
2017-10-24_17-14-00.jpg
2017-10-24_17-12-18.jpg

There is also a serious problem in displaying the DIVI main menu.
If, for example, I have Toolset Views active, the hover of the menu options is shown as a square with background and the text of the selected option is not visible. If I disable all the Toolset plugins then everything works fine again.
Look at the screenshots.

#581683

Okay let's test this when the update is released, and if the issue is not resolved a new ticket may be necessary for further investigation.

#582092
2017-10-25_17-51-04.jpg
2017-10-25_17-49-13.jpg
2017-10-25_17-48-21.jpg

I changed the Toolset configuration from 'Toolset should load Bootstrap 3.0' to 'This site is not using Bootstrap CSS', now the menu works correctly, however, on the page of any woocommerce product there is a blank margin between the header and the title of the page. Nor does it solve the problem that the page takes up the full width of the browser.
I thought these problems were only shown when using the EXTRA theme, but the DIVI theme does not work much better either.
I can not use DIVI or EXTRA with Toolset.
This is a real disaster. I can not work this way.
Either you solve these problems or it is impossible to work in this way. ????
Look at the screenshots.
These problems should be immediately communicated to the developers of Toolset to resolve them, I can not wait for the new version to appear to see if the problems are fixed or not, and have to wait for another version after the next to finish fixing the problems. In this way it is not possible to work.
In Elegant Themes every week is released a new version of DIVI and EXTRA with fixes and great improvements. The least the Toolset team could do is to put a new version with fixes every week.

#582147

Hi, I added a comment in the other ticket about the extra whitespace, and included a CSS override:
https://toolset.com/forums/topic/problem-displaying-the-divi-main-menu/#post-582145

#582157

Ok. Thanks.

#589516

Hi, Views 2.5.1 is now available for download. Please update to the latest version to receive the most up-to-date Divi + WooCommerce integration.

#589534

Thank you very much for the information.
I have installed the latest version but it does not solve all the problems of interactions between the CSS of Bootstrap and the CSS of DIVI.
You know something about this ticket:
https://toolset.com/forums/topic/multiple-problems-in-divi-header-by-bootstrap-very-very-urgent/
Beda has not told me anything yet, and I need to know if you are going to do something to solve these problems in order to make a series of decisions about how to continue the development of my site.
Thanks for your help.