Multiple slides per page flexed in column

[MP_Quadro]

Hi,
I created a custom post based slider. I need to show three elements per page but I don’t know if it’s possible make them look in column. The navigation it’s ok.

I’m retrieving posts in a looper provider custom passing the post id like

The slider settings

That’s how it looks now

I need it like

Three rows per page. Is this possible?

Thank you

[ruenel]

Hello @MP_Quadro,

Thanks for writing in!

You can display 3 rows inside the slide of your slider. You just have to layout this way:

This means that your Looper Provider is the Slide element and then the Looper Consumer is the Row element.

Hope this makes sense.

[MP_Quadro]

Hi @ruenel,
Thank you for your response. Tried as you suggested and that’s the result:

The rows are not paginated in slides as you can see in the dom too

The products are six in this case, I need them divided in slides by three, that means 2 slides. If they were seven then 3 slides and so on.

Doing like this the last two rows are empty and all the products are looped in the first one.

[tristup]

Hi @MP_Quadro,

It will be very difficult to recognize the reason behind it without investigating the setting you have made. I would suggest you please provide login credentials for your site in a secure note to examine it further, including:

– WordPress Site URL & Login URL
– WordPress Admin username/password
– Specific page where you are having this issue

To create a secure note, click the key icon underneath any of your posts.

Thanks

[MP_Quadro]

Hi @tristup,
Sure here they are.

Thank you

[tristup]

Hi @MP_Quadro,

I have checked the specified Global Block through Page Builder and the page in the frontend but didn’t find the issue you described here. If you are still having this issue, please provide any video that helps us to recognize the problem.

Thanks

[MP_Quadro]

Hi @tristup,
Here’s the video. You can see in the first part the first slide with the three products, correctly paginated. I just need those three products to be in column, maintaining the pagination. I this case two slides, as the products are six. Three per slide. Video url in the secure notes.

[tristup]

Hi @MP_Quadro,

Thanks for the video, but unfortunately it does not explain your issue. It would be good if you can explain it a bit more so we can recognize the problem.

Thanks

[MP_Quadro]

Hi @tristup,
It is not really an issue. I’m not able to show those three products in three different rows.

I have a slider with three products per page, this one (you see the pagination on the bottom):

I just need one product per row, not all of them in one row as in the first picture.

More like this, but in the slider:

Hope it is more clear now.

Thank you

[ruenel]

Hello @MP_Quadro,

You need to enable the Row 1 element in your Slide as the Looper Provider and set it to display 3 items only.

Kindly let us know if this would work out for you.

[MP_Quadro]

Hi @ruenel,
Maybe I can’t explain myself well. The result of your test it’s not what I need.

This is what I need the products to be. But as you can see the slide is just one (0 in the post pagination) because I limited the posts to 3 and so the rows because they are looped. The products in total are six. I need a new slide every three products, so as they are six the slides must be two. Is that clear now?

Thank you

[ruenel]

Hello @MP_Quadro,

You can duplicate the Slide and then run the same Looper Provider with the additional Offset setting.

Hope this makes sense.

[MP_Quadro]

Hi @ruenel,
Yes that’s working thank you. Another fast question, is there a way to make the slide navigation counter starts from 1 instead from 0, without using js, just from the nav slider settings?

Thank you

[marc_a]

Hi @MP_Quadro,

There’s no option to start the slide navigation counter to 1. It would require JS customization and customization is outside the scope of our theme support. You may seek 3rd party developers to help you with your problems or you can avail One where we can answer questions outside of the features of our theme.

Thank you for understanding.

[MP_Quadro]

Hi @marc_a,
No it’s ok I’m on it, was asking if there were some element options.

Thank you

[prakash_s]

You are most welcome @MP_Quadro

[MP_Quadro]

Hi @prakash_s,
I have another issue regarding the products slider of this topic. The product are showed correctly for each slider with the offset. Every product has a link to its page and this link is set in an ACF field named “link_prodotto”. You can find the “Impianti” products in the custom post “Prodotti”. Now for the first slide all the links are working correctly, but for the second and the third they are not, they lead to the same “Prodotti” page.

You can see the url in the bottom left part of the images, for the first slide it is correct, for the second one it is not.

[MP_Quadro]

Hi @prakash_s,
Found the issue, I just needed to insert again this string {{dc:looper:field key=“link_prodotto”}} in the url link and save.

Thank you

[marc_a]

Hi @MP_Quadro,

We’re glad that you’re able to figure it out! If you have any other concerns or clarifications regarding our theme features, feel free to open up a new thread.

Thank you.