Responsive product mobile view

Hello,

I want to show only one product in Mobile view on Home Page carousel slider and Shop Page product list. Please check attached screenshot.

Any help will be appreciated.

Thanks in advanced.

Attachments:

You must be logged in to view attached files.

Hi,

You can change this option in Theme Settings -> Shop -> Products grid.

Regards

Hello,

Ok, it is done on shop page but what about the home page carousel slider. There also I want to show 1 product on mobile view.

Thanks

Try to add the following PHP code snippet to the child theme functions.php file to do this

function woodmart_get_owl_items_numbers( $slides_per_view ) {
	$items = array();
	$items['desktop'] = ( $slides_per_view > 0 ) ? $slides_per_view : 1;
	$items['desktop_small'] = ( $items['desktop'] > 1 ) ? $items['desktop'] - 1 : 1;
	$items['tablet'] = ( $items['desktop_small'] > 1 ) ? $items['desktop_small'] : 1;
	$items['mobile'] = 1;

	return $items;
}

Hello,

It is Done. Thank you.

Regards

[Author]

Posts