Skip Navigation

[Resolved] Display Toolset view across 3 columns in Elementor homepage

This support ticket is created 4 years, 10 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
- 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 -
- 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 -

Supporter timezone: Asia/Karachi (GMT+05:00)

This topic contains 4 replies, has 2 voices.

Last updated by neumS 4 years, 10 months ago.

Assisted by: Waqar.

Author
Posts
#1564713

I building a real estate site out using Toolset for the first time and loving it so far. I'm using an Astra theme that has a homepage that I built using the Elementor page builder. Everything is complete but I need to place a dynamic grid of featured homes on the homepage and I couldn't find a way to do that with Elementor.

I've searched through the docs and tried a few approaches but can't seem to get it to work. I'm building the site in localhost so there is nothing to look at but I can send screenshots as needed etc.

I'm a developer with good HTML and CSS skills, I'm just not sure how to approach this. Should I turn on the non-block view editor and just build my view in that using Bootstrap. Something like this -> https://toolset.com/forums/topic/elementor-shortcode-inside-view-display-in-two-columns-section-amazing/

Seems overkill to load Bootstrap only for a single grid item. Is there a best way to approach this?

#1565117

Hi,

Thank you for contacting us and glad that you're finding Toolset useful.

By default, Toolset depends on the Bootstrap library to show the view's output/items in the grid layout.

If you're not loading this library on your website, then an alternative can be to use some custom CSS styles to control grid output, independently.
(in classic views editor)

You'll find a number of examples and tutorials online for this, such as:
hidden link

Having CSS styles like this on the website will prove useful for showing other elements in grid/columns layout, moving forward as well.

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

regards,
Waqar

#1565977

Just to make sure I understand... classic views editor is what I will be using when I click "Stop using Block Editor for this Content Template". Or is it ok to still use the block editor for the content template, which I will then place inside my Elementor page using HTML code?

#1566175

I got this sorted. What I really needed was this documentation on using the index within the loop. https://toolset.com/documentation/user-guides/views/digging-into-view-outputs/

And to know I wouldn't be using the content template at all. Now I understand.

#1566199

My issue is resolved now. Thank you!