Skip Navigation

[Resolved] I need help with different designs inside a view

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

This topic contains 1 reply, has 2 voices.

Last updated by Luo Yang 2 years, 10 months ago.

Assisted by: Luo Yang.

Author
Posts
#2444851
design.jpg

Tell us what you are trying to do?
Im am trying to design a view with the first instanse to the right and the next to the left. I can resolve this by making different views but I cannot find a way to connect them. What I mean is that they sort the same way as a single view.

A different apporach would be if I can make a single view with different styling.

Is there any documentation that you are following?
Cannot find any that fits.

Is there a similar example that we can see?
Not that I know of

What is the link to your site?
hidden link

#2445345

Hello,

It needs classic editor view, for example, you can try these:
1) Dashboard-> Toolset-> Settings-> General:
in section "Bootstrap loading", enable option: Toolset should load Bootstrap 4
In section "Editing experience", enable option: Show both the legacy and Blocks interface and let me choose which to use for each item I build

2) Dashboard-> Toolset-> Views, add a new view:
- Query posts of your post types
- In section "Loop Editor"
Display the results like this:

...
	<wpv-loop wrap="2" pad="true">
		[wpv-item index=1]
		<div class="row ">
			<div class="col-md-6">
				[wpv-post-link]
			</div>
			<div class="col-md-6">
				[wpv-post-featured-image]
			</div>
		</div>
		[wpv-item index=other]
		<div class="row ">
			<div class="col-md-6">
				[wpv-post-featured-image]
			</div>
			<div class="col-md-6">
				[wpv-post-link]
			</div>
		</div>
	</wpv-loop>
...

3) Create a page, add a view block, and choose above view(Step 2)

More help:
hidden link