[Resolved] Beaver Builder

[Author]

Posts

[robertE-7]

I am trying to:
Create a Product Single and Archives Page

Link to a page where the issue can be seen:
hidden link

Hi,

Im better explaining the full issue,

I have been in contact with you guys about the best way to create my WooCommerce a certain Way.

Site sells Truck parts
I have Product Categories and Sub Categories for Truck Parts
Lighting> Bulbs
Engine > Gasket Seals etc

I then have 2 custom Post Types created as "Manufacturers and Models". I was told by your support to create these like this.

I then use Toolset relationships as the below

2) Setup one-to-many relationship between post type "Manufacturer" and "Model"
So you can setup "Manufacturer" and "Model" posts like this:
Manufacturer A
-- Model 1
-- Model 2
Manufacturer B
-- Model 3
3) Setup many-to-many relationship between post type "Model" and "Product"

Which I have done, populating my entire Manufacturer and Model list into these 2 post types.

-------------------------

My main question now is:

I use Beaver Builder for the majority of the sites design.

I have tried to use Toolsets Views and Layouts, but having massive issues getting this to work.

The Product and Archive pages, just dont look right. I use generatepress and can see its "compatible" with GeneratePress and WooCommerce.

However anything I do with Layouts and Views, seems to add Bootstrap HTML Markup to my pages, which Generatepress isnt built in, therefore the pages are Styleless.

Can I use Beaver Themer, with the WooPack addon to create both these layouts and still achieve a working Product Page and Archive.

There also needs to be a Ajax Filter that works with these Product Categories, and the 2 custom Post Types.

I was again told by your guys to use Views to do this, as below.

4) Create a post view, for example "my-view", with option "Full custom display mode":
- query product posts,
- in section "Custom Search Settings", enable option "AJAX results update when visitors change any filter values"
- in section "Search and Pagination", setup the post type relationship filter by with "Model" and "Product", see screenshot:
post-relationship-filters.JPG
- in section "Loop Editor" display the product posts information

This is the bit that just doesnt work.

If I create the Pages using Beaver Themer and WooPack, can I attach the Toolset Ajax Filter to my Beaver Build built layouts, and still have the Toolset Filter on there.

Or is there a third party Filter that will be compatible with Toolset, for example WPFacet or Yith.

[Christian Cox]

However anything I do with Layouts and Views, seems to add Bootstrap HTML Markup to my pages, which Generatepress isnt built in, therefore the pages are Styleless.
Yes I think we've discussed this in the tabs CSS ticket. You should not use Layouts and BB together, they're not designed to be used together. In general though, Toolset can load the Bootstrap library automatically for you even if your theme is not built with Bootstrap. You can configure these settings in Toolset > Settings > General.

Can I use Beaver Themer, with the WooPack addon to create both these layouts and still achieve a working Product Page and Archive.
If I create the Pages using Beaver Themer and WooPack, can I attach the Toolset Ajax Filter to my Beaver Build built layouts, and still have the Toolset Filter on there.
The recommended approach for using Beaver Builder and Toolset together for the single Product page is to create a Content Template with Toolset and assign it to single Products. Then you can edit the Content Template with Beaver Builder to style it however you would like. You must activate WooCommerce Views and select the WooCommerce Views single product template to "turn on" your single Product Content Template display.

The suggested approach for using Beaver Builder and Toolset together for the Product archive page is to create a WordPress Archive with Toolset and assign it to the Product archive. Do not assign a Content Template directly to the Products Archive. When you create the loop for this WordPress Archive, choose the option "Use a Content Template to group the fields in this loop". Then you can edit this Content Template with Beaver Builder to style it however you would like. You must activate WooCommerce Views and select the WooCommerce Views product archive template to "turn on" your Product WordPress Archive display.

Or is there a third party Filter that will be compatible with Toolset, for example WPFacet or Yith.
Especially when AJAX is involved, this type of 3rd party filter integration isn't likely to be supported. I don't know of any filters that work with our system that way, since they would have to trigger specific events that are not public. In general, I can't recommend another filter system to use with Toolset's Views or WordPress Archives and AJAX updates.

The Product and Archive pages, just dont look right.
If I understand correctly, you're not satisfied with the display of these pages generated with Toolset. Unfortunately I can't offer much advice yet because I don't know specifically what you're describing and how it's not right. The solution in this case may be subjective. If you tell me specific information about what is wrong, I can offer specific guidance for correcting it. For example, maybe the results should be separated from each other with more space. Maybe the information displayed for each result isn't what you want to display. I can help with specific problems like those.

[robertE-7]

Hi Christian,

Thanks for your reply, on both Tickets. Sorry, im getting desperate to get this sorted. If I cannot get Toolset sorted then I will lose my clients contract. Which I want to avoid obviously. Toolset looks like exactly what I need to achieve. Its just annoying that I cannot get it to work.

If you look at the attached images, you will see what I mean about the single products page. What I am not doing correctly?

The settings in Toolset, any of the bootstrap options I choose, dont seem to do anything

hidden link

Ideally I want to do everything in Toolset Layouts, and just use BB for every other page that isnt WooCommerce related etc. But as its not working, and I dont know why then im just trying to get it working in BB, but cant seem to add Custom Fields into BB when im creating the layout.

Either way to just have the information I need it to will make me happy.

[robertE-7]

I should also say, when completely removing BB, the Toolset Layout still doesnt look right.

[Christian Cox]

If you look at the attached images, you will see what I mean about the single products page. What I am not doing correctly?
Ideally I want to do everything in Toolset Layouts, and just use BB for every other page that isnt WooCommerce related etc.
To be clear, you should not use the Toolset Layouts plugin and the Beaver Builder plugin on the same site because they are incompatible. It doesn't matter if you want to use BB for some pages and Layouts on other pages, the two plugins are systemically incompatible and should not be active simultaneously. Choose one (you've already said BB), then deactivate and delete the other plugin (Toolset Layouts) from your site.

But as its not working, and I dont know why then im just trying to get it working in BB, but cant seem to add Custom Fields into BB when im creating the layout.
The best way to use custom fields in BB templates is to insert Types field shortcodes in a Text Editor element. Refer to this document for more information about adding custom fields in a BB template: https://toolset.com/documentation/user-guides/using-toolset-with-beaver-builder/designing-templates-for-custom-post-types-and-custom-fields-with-beaver-builder/#inserting-post-fields-into-the-beaver-builder-template
Is there a specific part of the process that is not working? Are the field values formatted incorrectly? Are you trying to use custom field values somewhere other than a Text Editor block?

I should also say, when completely removing BB, the Toolset Layout still doesnt look right.
Okay but you've already made it clear you don't want to lose your existing work in Beaver Builder. Toolset Layouts should not be active or even installed on your site anymore, so let's not worry about this.