Product grid on mobile

hey guys

whats the trick to show two products on mobile when product grid is used so I want it to show like on pic 1 and not pic 2

THX

Attachments:

You must be logged in to view attached files.

Hi,

Could you re-upload your second image with the desired responsive layout of the product carousel? Also, please provide the link to your page with product carousel, so we can check its settings.

Regards

Hey

sorry, the desired layout is number one picture above from the toys demo. The second pic is not of importance just show how it is now on:

Hello,

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;
		if ( $items['desktop'] == 6 ) $items['desktop_small'] = 4;
		$items['tablet'] = ( $items['desktop_small'] > 1 ) ? $items['desktop_small'] : 1;
		$items['mobile'] = ( $items['tablet'] > 2 ) ? $items['tablet'] - 2 : 1;

		if( $items['mobile'] > 2 ) {
			$items['mobile'] = 2;
		}

		$items['mobile'] = 2;

		return $items;
	}

Kind Regards
XTemos Studio

HI Eric

it already worked when I imported the product grid and demo toys out of the box. Unfortunately I deleted the columns.

I am also not able to import the product grid anymore because I already imported it and deleted it. ;-(

So there has to be a setting that shows those two products on mobile.

Whats the seting on the toys demo?

By default, the demo toys version has a 5 products per view for the carousel. If you want 2 columns on mobile you need to set 5 product on the desktop.
https://prnt.sc/jcnuxz

Kind Regards

Hey Eric

thank you very much that was it. Weird that is showing 2 on mobile when 5 selected 😉

Would be great if you add this as a setting.

Have a great day!

You are welcome! We will consider it as a feature request and will add it in one of our future updates.

Kind Regards

Hey there

I want to edit my former posts because I have links pointing to my page wchich I would like to delete. However I cant find where I can edit old posts (see img attached)

Really weird maybe I have two accounts?

Attachments:

You must be logged in to view attached files.

Hi,

OK, we removed this link.

Hey there

thank you that is awesome. Could oyu also remove the links to my site here:

https://xtemos.com/forums/reply/64504/
https://xtemos.com/forums/topic/always-visible-filter-on-mobile/

https://xtemos.com/forums/reply/55637/
https://xtemos.com/forums/topic/product-grid-on-mobile/

https://xtemos.com/forums/reply/64504/

https://xtemos.com/forums/topic/sticky-product-just-on-one-page/

Thank you very much and have a great weekend!

Hello,

The links have been deleted.

Best Regards

[Author]

Posts