Return to previous page

Shop page layout on mobile is not stacking elements

This topic has 2 replies, 2 voices, and was last updated 2 years, 3 months ago ago by Awais Ahmed

Rohit_

Participant

September 9, 2022 at 06:32

Hi,
I was trying to setup the Shop page of my site and found that the options (number of columns, items per page) are working well for desktop but I couldn’t find options to have different columns for mobile. Like 2 columns for desktop and 1 column for mobile. Where can I find device-targeted options? Also, I selected to show “All” products on the Shop page but on mobile, it is showing pagination. I don’t want that. I want to have an infinite-scrolling like thing or at least show all products on mobile.

Please, contact administrator
for this information.

#333582 Copied Theme version: 8.3.1 WooCommerce version: 6.8.2

1 Answer

Awais Ahmed

Participant

September 9, 2022 at 08:47

Hello, @Rohit_,

1. Actually, Yes you are right about this. There is no option in the theme to set the specific columns of products on the shop page for mobile and desktop. But if you want to show the 1 column of products on shop only on mobile you can use the below CSS code in the XSTORE >> Theme Options >> Theme Custom CSS >> Global.

@media(max-width:991px){.shop-full-width .products-grid .product{width:100% !important;}}

Then save settings and check back to your site after clearing the browser cache result will appear like this: https://postimg.cc/rK9RMZjw

2. I have checked your site shop page on my personal mobile and found that if I visit the shop page with the non-AMP version the shop page shows all products there is no pagination but the pagination appears if I check the site with the AMP version. By default there is no option in the AMP plugin settings to disable this if you are ok with it you can use the plugins otherwise disable the plugin and check back to your site shop page on mobile after clearing the browser cache. I hope you understand.
Check this video for a better reference: https://streamable.com/t8g8oy

Regards 8Themes Team.

#333602 Copied
Tagged: elements, layout, mobile, page, shop, stacking, templates, woocommerce, wordpress
Viewing 2 results - 1 through 2 (of 2 total)