Skip Navigation

[Resolved] Building Views with Elementor Pro and Shortcodes

This support ticket is created 6 years, 2 months 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
- - 14:00 – 20:00 14:00 – 20:00 14:00 – 20:00 14:00 – 20:00 14:00 – 20:00
- - - - - - -

Supporter timezone: Asia/Ho_Chi_Minh (GMT+07:00)

This topic contains 1 reply, has 2 voices.

Last updated by Beda 6 years, 2 months ago.

Assisted by: Beda.

Author
Posts
#1146496

Ok - this is not exactly a support ticket!

>>>> I can design Views with NO CSS and NO HTML using Elementor PRO <<<<<

WHY on earth didn't someone tell me you could build the views layout with Elementor PRO!!! Please tell the world ?
Whilst this may not entirely be the way it should be used, its going to speed up this process no end.

It's a game changer for me (I don't like pixel farming with CSS and HTML, hence why I use Elementor and Toolset)

This is where I first looked it up... and commented...
https://toolset.com/errata/elementor-pro-template-shortcode-not-rendered-in-view-loop-item/#comment-366853

I can create an Elementor Template with the correct types field values for where I am going to call the CPT .

I then create the View (and select the correct CPT that the types values above are related to)

I then insert the shortcode to the Elementor Template in the Loop Display (dont use native toolset templates).... BOOM
Fully WYSIWYG view editing using the Elementor editor....

---e.g for Bootstrap Grid 1 Column--
[wpv-layout-start]
[wpv-items-found]
<!-- wpv-loop-start -->
<wpv-loop wrap="1" pad="true">
[wpv-item index=1]
<div class=" ">
<div class="col-sm-12">
[elementor-template id="83543"] <!-- ELEMENTOR SHORTCODE -->
</div>
[wpv-item index=pad]
<div class="col-sm-12"></div>
[wpv-item index=pad-last]
<div class="col-sm-12"></div>
</div>
</wpv-loop>
<!-- wpv-loop-end -->
[/wpv-items-found]
[wpv-no-items-found]
[wpml-string context="wpv-views"]No items found[/wpml-string]
[/wpv-no-items-found]
[wpv-layout-end]
----

I've not tried nesting views in the Elementor templates yet - but i will and cant see why they wont work?

Surely I've missed something important and my world will come crashing down...? But why is this not told to the world...
One of the toughest things for 'non coders/designers' is to get this stuff displayed right and this does it! ...

? Happy Monkey

---- CRED FORMS ----
Now if I could build CRED forms in the same way by selecting the CRED form fields and position then using Elemetor 🙂 HAPPY DAYS

#1147084

The main idea and purpose of integration (which is also what was done) are to insert Toolset stuff into Elementor.
That means you'd create a View or Form or Content Template, then use the Elementor Widgets to insert them to an Elementor Template or single Post.

This is as well because Elementor is a front-end editor and that doesn't allow to edit Content Templates, for example, this is why there is no such feature as there is for example in/with Beaver Builder or DIVI (where you can edit CT's)

Now, this is also what was tested, and we did not dig into other, unintended possible ways to use it.
What we know is, for example, if you assign an Elementor Template AND a Content Template to the same content... you end up with a nice mess where nothing is displayed anymore at all.
https://toolset.com/forums/topic/view-issue/
https://toolset.com/forums/topic/single-templates-in-elementor-not-showing-content-after-last-toolset-update/
https://toolset.com/forums/topic/generatepress-elementor-shortcodes-not-displaying-anymore/
https://toolset.com/forums/topic/some-custom-post-types-not-showing-elementor-sitewide-header-template
etc

And, of course, the erratum we first communicated in with each other:
https://toolset.com/errata/elementor-pro-template-shortcode-not-rendered-in-view-loop-item/

Will this sort of things work, will it proceed to work?
Well, it works now, if you do it like described in the Erratum.
We will surely not break that on purpose. What we face here is likely a run between filters on the content.
So, everyone, Elementor, Views, tries to filter the content and substitute it with their templates or contents.
Sometimes A wins, Sometimes B wins. That is sometimes fixable, sometimes it needs a workaround.

If you start nesting such templates, and hence it's filters, it gets worse. So I do not reccomend to nest too many items, or, none at all if possible.

It makes it difficult of course to provide proper integration, however, since we would be racing constantly between 2 things wanting to do the same, at the same moment, on the same content.

That is why I cannot say, yes do it and we will ensure that this keeps working because it is not the officially intended way, but also, there is no reason for us to go and break this on purpose.
And as you see, we do our best to solve it or at least work around it, and that, we will also proceed to do in future.

Hence you are relatively safe using it, however, must be aware that you are using a "not official" method.
The Official Method until now is to insert Toolset Things into Elementor, using the Widgets.

We might, however, consider this as a fully inbuilt feature in future, of course. This depends on a lot of things, but you can make your voice heard here AND at Elementor, mentioning how much you wish for more cooperation and integration.

This will move both side's developers towards the right directions.

I will take care of letting our Developers know about this need to design Views with Elementor.

As for Toolset Forms, here I see less chance and filed a request so you can upvote it (and others) since this is absolutely impossible right now and requires a totally new integration method.
https://toolset.com/feature-request/style-toolset-forms-with-elementor/
https://toolset.com/feature-request/?wpv_post_search=elementor&wpv_view_count=686737&wpv_sort_orderby=post_date&wpv_sort_orderby_as=string