[Resolved] Starter Theme?

[Author]

Posts

[umbertoZ]

Hi, I started developing with WP Bootstrap Starter theme, that uses Bootstrap 4. Layouts still uses Bootstrap 3, it seems there is a jQuery conflict.

Second level dropdowns doesn't work on menus. The B4 carousel is not working at all.

Can you help me to integrate them?

thanks

[Beda]

The toolset is not Bootstrap 4 compatible.

I tried personally Bootstrap 4 with Toolset, and while most of the things work, some don't, especially the new features that have been added.

You have basically 2 options:
- run Bootstrap 3.xx loaded by Toolset and add the required code for new elements in custom scripts
- or enqueue Bootstrap 4 thru your theme, and do not load Bootstrap in Toolset (set that the Theme loads it already).

Now, of course, Toolset will assume that Bootstrap 3.xx is loaded by the theme since there is no other option, or you can entirely choose that this site is not using Bootstrap, in either case, everything of Bootstrap 4.xx will now work, but you will need to add several things manually (the HTML structure) as Toolset logically will not be able to produce them.

Hence, for example, Toolset Layout Rows and containers and cells should proceed to work, while for example panels, thumbnails, wells etc will stop work in favour of cards.

You can check up all the differences here:
hidden link

Basically, all that is different from Bootstrap 3.0 needs to be added manually, since Toolset is not able to produce or use it out of the box.

We have a request filed to integrate Toolset with 4.xx versions, and I have added your vote to it.

For now though, above is the only way to "mix" both.

Let me know if it works for you.

[umbertoZ]

Hi, thank you for the reply. I tested this settings:

1. Toolset doesn't load B3, Theme loads B4 CSS and JS: B4 and B3 carousels doesn't work

2. Toolset loads B3, Theme loads B4 CSS and JS: B4 and B3 carousels doesn't work, B3 menu dropdown also doesn't work

3. Toolset loads B3, Theme loads B4 CSS but I removed CSS: B3 carousel and menu dropdown works, B4 carousel doesn't work.

So, I'm working with setting number 3, but I'd prefer to use B4 carousel and remove B3.

Any idea why setting 1 doesn't work for me?

[Beda]

No, this should not happen, how could it?

If Toolset does not ship Bootstrap it cannot conflict with another Script of Bootstrap.

I assume there is an issue with the script you use itself.
Does it just work when you disable Toolset?

I would need a copy in that case, as it would be rare if Toolset still would load Bootstrap things even if told explicitly not to. Or maybe this is just an accidental error with BS 4 and Toolset in general.

Please, can you add a copy of the site for simplicity, and link to the page/edit screens where I can see the problems?

In my tests I saw no such issues, but it may very well be that I missed something.

[umbertoZ]

Hey, I've just made a test on another WP install with same plugins and theme, the carousel works fine. So there is something wrong on the Staging site where I'm working on.

Tell me if you see anything wrong on the DUplicator package I sent.

thanks a lot

[Beda]

I get no JS errors on the homepage after I updated WordPress and disabled all non-Toolset software (I kept the Theme, of course).

But I see the carousel is broken.

However, I downloaded any free Bootstrap 4 Theme and it immediately starts working.
I used "WP Bootstrap 4" Version: 1.0.7.

We cannot debug Custom Themes, and it seems the issue is not happening with another Public Bootstrap 4 theme.