[Resolved] Amount of Items per Page on different devices

[Author]

Posts

[davidJ-4]

Tell us what you are trying to do?

I have a View set up as carousel slider which shows 4 entries per page on desktop and tablets but I want only to show 1 entry per page on mobile devices.

I thought View would give the ability to change the amount of Items per page throught the devices icons that already exists for a few Toolset attributes but I was wrong.

How can I make the carousel slider show only 1 entry on mobile devices?

Thanks

[Luo Yang]

Hello,

There isn't such kind of built-in feature within Toolset.

Here is a workaround, you can use WordPress wp_is_mobile() function to display different view's shortcode, for example:
1) register it at Toolset > Settings > Front-end content, in section "Functions inside conditional evaluations", add the function name: wp_is_mobile

2) You could then use it like so:

[wpv-conditional if="( wp_is_mobile() eq '1' )"]
Mobile content here
[/wpv-conditional]
 
[wpv-conditional if="( wp_is_mobile() eq '0' )"]
Other content here
[/wpv-conditional]

More help:
https://toolset.com/documentation/user-guides/conditional-html-output-in-views/
https://developer.wordpress.org/reference/functions/wp_is_mobile/

[davidJ-4]

Sorry for the delay in my response. So does this mean I have to create another view in gutenberg for the mobile version?

[Luo Yang]

Yes, it needs to create different view for different device, in your case, you can create another view in gutenberg for the mobile version

[davidJ-4]

My issue is resolved now. Thank you!