Skip Navigation

[Resolved] Way to display custom item number in view on mobile

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

Problem:

The issue here is that the user wanted to display a different number of products for Desktop and mobile users using the same view.

Solution:
Actually you will need to have the 2 views and use the css media query in order to switch between the two.

So on desktop the mobile view will be hidden and vice versa.

This support ticket is created 5 years, 5 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 – 12:00 9:00 – 12:00 9:00 – 12:00 9:00 – 12:00 9:00 – 12:00 -
- 13:00 – 18:00 13:00 – 18:00 13:00 – 18:00 14:00 – 18:00 13:00 – 18:00 -

Supporter timezone: America/Jamaica (GMT-05:00)

Tagged: 

This topic contains 4 replies, has 2 voices.

Last updated by martinH-10 5 years, 5 months ago.

Assisted by: Shane.

Author
Posts
#1293753

Hello, I have a question. I have a slider view showing 5 lecturers per page.

I am looking for easy way to display Only 1 lecturer per page on mobile device.

Is it possible? I found a way that needs two views (one mobile/one desktop) but I think it is slowing down my page a lot. I am using bootstraps media query to determine which view should be displayed. Also, it wastes my time everytime I need some customization - I must edit both views.

And thats not all, I have like 20 views like this, so one small edit is CopyPasting for about hour to edit them all.

Thank you for advice.

#1293935

Shane
Supporter

Languages: English (English )

Timezone: America/Jamaica (GMT-05:00)

Hi Martin,

Actually you will need to have the 2 views and use the media query in order to switch between the two.

There actually isn't another way to do it.

If your site is slowing down, maybe you can use some caching plugin to help with the speed?

Thanks,
Shane

#1299275

Hi, what about Two loops in one view, which will be conditionaly running?

I mean Conditional If device = mobile use Loop 1 else use Loop 2... Is it possible?

#1299665

Shane
Supporter

Languages: English (English )

Timezone: America/Jamaica (GMT-05:00)

Hi Martin,

No thats not possible to have 2 separate loops in the single view.

It has to be 2 separate views. One for mobile and one for desktop.

Thanks
Shane

#1300399

My issue is resolved now. Thank you!