[Resolved] Slider showing Multiple Posts, and Breadcrumbs

[Author]

Posts

[AtefR7377]

Hi,
I have 2 questions, please:

1- I am trying to create a website with similar design to one of your showcase websites:
hidden link

The homepage has multiple post sliders. My question is: can this result be achieved with WP toolset alone, or needs custom coding? I checked the documentation for the sliders and the youtube video you created, but all deal with single post per slide, and when I increased the number in the slider controllers i couldn't achieve the same result as on that website.

2- In all the views fields (e.g. the filter, the loop.etc) you have placed a breadcrumb button. when I click on it, i get a popup with a button telling me to get the Bootstrap code.
the bootstrap code is not automatic, it is just a styled list.
I read multiple old threads on the forum that suggests that WP Toolset does not have a built in function for breadcrumbs.
so my questions is: what is the use of this button? how can I use it?
surely it is not put there as just a link to the bootstrap documentation!

I tried to find something in the documentation to cover this, but did not find.

Thanks in advance.

[Beda]

I do not understand what you mean by "but all deal with a single post per slide, and when I increased the number in the slider controllers I couldn't achieve the same result as on that website."

That website does probably the exact same.
Put posts in a slider and allow people to paginate that.
Then it links to every single post.

This can be achieved with Toolset, it's elaborated here:
https://toolset.com/documentation/user-guides/views-pagination/
https://toolset.com/documentation/user-guides/creating-sliders-with-types-and-views/
https://toolset.com/documentation/user-guides/displaying-sliders-in-different-parts-of-the-site/

However, the site you linked to was not created with a Toolset View.
But you can do the same, with the Plugin.

You will create a few posts and each appears in that slider.
The Slider is created by Views when you query that post type and add a pagination.

If you want to slide through something like repeating fields then this requires Custom Code.
Or, you can use the new Many To Many Relationship, coming with the Current RC Releases which you can find in the download area of your Toolset account.
But, those should be used on staging sites yet only

[AtefR7377]

Hi Beda,

The sentence you did not understand means that all the examples you have (in the documentation and on your youtube channel) are examples showing a slider that displays one post per slide.

I am asking how to display more than one post per slide. there is an option to do so in the view, but when I increased the number to 5, the view was distorted, it didn't show proper output.

As for the website I referred to, I got it form your showcase! so if it is not done using Toolset, why is it on your showcase? the showcase page says that it is even done with the Toolset starter theme:

https://toolset.com/showcase/?wpv-site-category=e-commerce&wpv_view_count=573571&wpv-site-theme=toolset-starter

However, today I inspected the sliders using the browser console and found out that this output was done using a library called owl carousel.

hidden link

Would you have any guidance on how to integrate this with Toolset?
From the demos they have on the website above, it works with a set of div tags or spans
so the qyestion is: how to output the Toolset view results to suit?

-------------
Also, any comments on the breadcrumbs topic I raised in my original post?

thanks in advance.

[AtefR7377]

Here is what I end up with when I increase the number of items per page to 5.
hidden link

they show vertically.

the loop wizard is left unformatted as the views show if by defualt,

then for the slide itself i have:

[wpv-post-title]<br>
[wpv-post-featured-image]<br>

if i dont put a line break, i end up with a mess of images and titles.

thanks.

[Christian Cox]

Hi, if you want to put 5 results per page, you must add some HTML markup and CSS to your Content Template so that it creates 5 equal width columns per page of results. Something like this:

<wpv-loop>
<div style="width:20%;display:inline-block;margin:0;padding:0;">
  <div style="border:1px solid #666;background:#efefef; margin-right:1px;">
    Insert your content here.
  </div>
</div>
</wpv-loop>

Each item in the page will be 20% wide, resulting in 5 equal width columns.