Normally with the TD composer we are able to design different layouts for different view devices. With the Woo Loop component from the TD composer we cannot.
So for example on desktop devices from a woocommerce single product page:

then when viewing the design on another device:

you see the layout is off. So normally we are able to change the “Limit product number” which we did in the example below but

it also changes this for all device views which messes up the layout designs in all other device views. Please help!!
Whether if we are using this WOO LOOP component for “related products” on a woocommerce single product cloud template or on any other page this option should be available for all device views because of the layout changes that take place when viewing on different devices. Please advise for a temporary workaround.
Thank you!
Hi what-the,
The “Limit post number:” is a general option on all blocks not only on woo elements, therefore if you change it on a view port will change on all view ports -> https://i.imgur.com/QYoVErG.png in the same way is on woo products. But what you can do is to use the mobile page -> https://prnt.sc/18ptos6 that can be adjusted per mobile devices -> https://tagdiv.com/newspaper-10-3-7-update-brings-customizable-and-fast-mobile-pages/
Thank you!
Then we must have an issue with the tagdiv composer when changing viewports. So in another words we CANNOT set different numbers for different viewports. The desktop cannot have it’s own unique number as well as a tablet viewport, etc. Of course this is for design purposes. We want to set “Limit post number” for desktops viewports with 6 items and tablets viewports with 5 items. I thought we were able to do this in the past?