[Resolved] Display of all pages messed up with Toolset activated

[Author]

Posts

[Jason Lorje]

I am trying to:
Use Toolset and when i activate Views it messes up the look of my site

Link to a page where the issue can be seen:
Almost every page on the site is changed

Attached are views of the normal production site and the toolset views activated site.

[Beda]

I wanted to log in to see if it's a Bootstrap Conflict or other style conflict.

However, on the link you provided (hidden link), I am redirected to hidden link, and the Login link there leads to hidden link, which shows an unusable log in form, see screenshot above.
(It's the same as you show me in your screenshot as an issue caused by Views)

I then tried several combinations of wp-admin URL's, and on the root hidden link I can enter WP Login Details, however, it returns ERROR: Incorrect Username or Password, 2 attempt(s) left

Can you provide me the precise log in link, and control the login data?

Or, can you check if Bootstrap Loading in Toolset > Settings has an influence? I notice, the problematic parts on your site have classes like u-column1 col-1
Now, col-1 is a Bootstrap Class, and of course, giving something a col-1 class will narrow the content to one column.

Can I ask if you use Toolset the first time on this very website?
Usually, there are no such issues with Toolset, but if something else already loads Bootstrap, or Bootstrap "clones", then it'd be best to set Toolset > Settings > Bootstrap loading to "The theme or a plugin is already Loading Boostrap version..."

Please let me know if that helps, I also re-activated private replies.

[Jason Lorje]

Hi Beda

Thanks for that. Sorry didn't think about that you couldn't log in. It should work now.

Switching the Bootstrap loading helped most of the issues. The only problem I have now is that with Woocommerce Views activated all my WC pages are messed up. They show edge-to-edge of the screen and not like they normally do.

Any ideas.

[Beda]

Hence the main issue was due to Bootstrap loaded in Views?
Did you install Toolset the first time on this site?

It is important to know if this is an existing site where you add Toolset or a fresh site developed with it, so I can suggest the next steps.

I suspect it's the first install of Toolset on this (existing) site, and Toolset was Loading Bootstrap, which you now deactivated and let the Theme or other Plugins load Bootstrap 4.
Note, if that Bootstrap 4 version is no an original - it will eventually conflict with Toolset.
Divi and Avada theme have similar cases, where HTML matching Bootstrap classes are loaded, styled by THeme CSS adopted from Bootstrap but not original.

I am not sure what the (outdated) Atelier Theme you use loads. It seems to be responsive but does not specify how.
I see though, in the Theme source, it loads Bootstrap js minified in version 3.3.5.
So it's not loading Bootstrap 4.

If you want to use Toolset, you need either to have a theme that does not load Bootstrap at all, and load either vs 3 or vs 4 with Toolset.
Or, you have a theme that loads Bootstrap, then you should not load it with Toolset, and choose the right version in the settings (so in this case, it would be vs. 3)
Of course, you cannot use Bootstrap 4 syntax if vs 3 is loaded, or vice-versa.
Also, you cannot load Bootstrap 3 with a Theme and Bootstrap 4 with Toolset, it will conflict.

The best here is to determine what version the theme uses (I see it's 3.x but the Theme author can answer that with utmost certainty).
Then set the correct settings in Toolset > Settings > Bootstrap loading.

Now, you use Toolset Layouts, which means you must load Bootstrap, either 3 or 4, but it must be the original Bootstrap.
Then, if you also use WooCommerce Views, you will design the Shop with the Layouts plugin, and not use the Shop as provided by the Theme.
This is basically what WooCommerce Views is for, to customize the Shop and single products, and using Layouts, you'd be doing that in Toolset Layouts.

You can also disable Toolset Layouts, then you'd design the Products in the Content Templates of Views, and the Shop in the WordPress archives of Views.

If you as well disable WooCOmmerce Views, you will not be able to customize the Shop or Product templates and use the Theme template instead.

Which way would you prefer to go?

[Jason Lorje]

My issue is resolved now. Thank you!