[Resolved] Toolset Blocks Not Working In Elementor

[Author]

Posts

[jeffH-6]

I'm having trouble with Elementor and Toolset working together. I know you've heard this all before. I've seen similar issues to the one I'm having in your support forums, but I'm pretty certain the resolutions that were provided there aren't what's happening to me although the symptoms appear the same.

I've set up a dummy site using your Gyms and Trainers demo with the latest Elementor Pro installed. I've set up a single post template using the Elementor theme builder for a faux model database. I've added the post types and taxonomies and I've made sure none of the post types have any content templates assigned, which seemed to be one of the main causes for a lot of Elementor issues I saw in the forum.

I've got a very simple Toolset View that I've created within the standard WordPress editor, called Simple Model List, showing four model profiles that I'm trying to embed into my single post template so that more models will show up in a "You May Also Like", row of options. However, I'm not able to see anything in the preview page once I add the view to the page using the Toolset View Elementor widget.

In the site I was working on prior to setting up this demo, I could add the view, but it would show up in one column instead of 4 inside the Elementor template, distorting, of course, the image as it stretched it out across the page or it would break the page with coding errors OR it wouldn't show up at all. I tried working with both Toolset Views (legacy) and Toolset Blocks, for days, before basically giving up and reaching out to support.

I've referenced the article https://toolset.com/2018/07/toolset-elementor-integration/ and several You Tube videos from the legacy hidden link to all the training videos on your website. I can't find anything specific to Elementor and the Toolset Blocks widget though. The legacy video is several years old and requires creating the views manually with shortcodes. My version of WordPress isn't lining up with the video and I can't find the shortcodes she's inserting in the shortcode widget, but I tried it that way, with some success. However, it's much more difficult to edit the look of the output - and of course, I don't want to do it the old way if since the documentation says to use Toolset Blocks with the Elementor Blocks for Guttenberg plug-in installed.

SO, I've done my research and I still can't figure this out. Pulling my hair out, now. I'm missing something. Please help.

[Waqar]

Hi Jeff,

Welcome to Toolset support and I'd be happy to assist.

An important point to remember is that generally, it is not recommended to mix the content generated through different page editors/builders, as it eventually leads to compatibility issues, in the long run.

The Toolset Blocks based views are designed to be used when the new Gutenberg editor from WordPress is being used as a primary editor.

For someone who is using the legacy/classic WordPress editor or a third-party page builder like Elementor etc, the legacy/classic views that use shortcodes should be used.

If you need to include an Elementor template inside the Gutenberg blocks based editor, you'll find our updated guide at:
https://toolset.com/course-lesson/using-toolset-with-elementor-page-builder/

I hope this helps and please let me know if you need any further assistance around this.

regards,
Waqar

[jeffH-6]

Hi Waqar,

I'm still having issues. I've figured out how to use Toolset Blocks with Elementor and get pretty close to what I need. I think the issue I'm having at the moment is kinda not related to the original issue, and more of a CSS thing, and if I need to open another thread I will.

I've got a view created with just images and the post link, but I need all the images to display the same size. I can do this when I create a container, and make the background an image. That's fine, but if I do it that way, I can't make the image clickable to the post. Is there anyway to make the background image in the container clickable to the post?

If I add the image block without putting it into a container, all my images are different sizes and I haven't been able to adjust the padding enough to get them the same size in the grid.

New threads created by Waqar and linked to this one are listed below:

https://toolset.com/forums/topic/split-making-images-in-a-grid-same-size/

[Waqar]

Thanks for the update and glad that this is sorted now.

I've split a new ticket for your new question and will reply to it shortly:
https://toolset.com/forums/topic/split-making-images-in-a-grid-same-size/

You're welcome to mark this ticket as resolved and start a new one for each new question or concern.

[jeffH-6]

My issue is resolved now. Thank you!