Recommendation for creating a layout

This thread is resolved. Here is a description of the problem and solution.

Problem:

Create a custom cell in Toolset Layouts plugin.

Solution:

If you want to setup other kinds of layout cell, you can try to setup them with HTML + CSS codes in a "Visual Editor" cell, or you can create your own Layout cell with custom codes, see our document:

Relevant Documentation:

https://toolset.com/documentation/programmer-reference/layouts-cells-api/

This support ticket is created 3 years, 4 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/Hong_Kong (GMT+08:00)

This topic contains 4 replies, has 2 voices.

Last updated by Saul Baizman 3 years, 4 months ago.

Assisted by: Luo Yang.

Author

Posts

August 19, 2021 at 2:35 am #2146223

Saul Baizman

Hi there,

I'm trying to create a slider that displays several elements in visual card metaphors (like Netflix). Please refer to the attached screenshot.

I'm also using the older Layouts + Views plugins. In the screenshot, I've marked up the "zones" of the layout:

1. Section label
2. Pagination
3. Slider with content

What's the best way to translate this layout into a Layout? (I'm also concerned about the pagination code—2—having to live in the same view as the slider content—3.)

Thank you.

Saul

August 19, 2021 at 9:00 am #2146493

Luo Yang

Hello,

Toolset Layouts plugin is based on Bootstrap, and Bootstrap supports card layout, you can follow their document to setup the HTML codes:
hidden link
Bootstrap’s cards provide a flexible and extensible content container with multiple variants and options.

August 19, 2021 at 2:32 pm #2146759

Saul Baizman

Luo,

Thanks for your response. I've been using Toolset for about four years and have a pretty good understanding of it. My question was about where I should place the various bits of code. Can I construct this layout visually using the Layout function in Toolset, or do I need to construct all three parts of the layout using HTML and Bootstrap classes in the template of a view? Does that question make sense?

Saul

August 20, 2021 at 7:55 am #2147347

Luo Yang

Toolset Layouts plugin is also a visual editor, you can use it to setup your layouts visually.

But there are only few built-in layout cells, you should be able to see them all when you setup a layout.

If you want to setup other kinds of layout cell, you can try to setup them with HTML + CSS codes in a "Visual Editor" cell, or you can create your own Layout cell with custom codes, see our document:
https://toolset.com/documentation/programmer-reference/layouts-cells-api/

But Toolset Layouts plugin had moved to legacy plugins, it is in maintenance status, so it is not recommended to use it in your new project.

August 20, 2021 at 4:51 pm #2147813

Saul Baizman

My issue is resolved now. Thank you!