Home Forums Basel support forum Change owl carousel number of slides shown on mobile

Change owl carousel number of slides shown on mobile

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #227590

    tim.davis
    Participant

    Hi,

    Right now on our website, we have a category carousel slide on the homepage. It looks great on desktop, however, on mobile it automatically shows 2 items. Is it possible to make it only show 1?

    Thanks,
    Tim

    #227599

    Hello,

    You can change this in the Theme Settings > Shop. Please find Products columns on the mobile option it is effective for Product categories.

    Best Regards

    #227617

    tim.davis
    Participant

    Hi, thanks for the reply.

    Unfortunately, that fix won’t work as we quite like having 2 columns of products. Is there a way to just change the categories in a carousel?

    Thanks,
    Tim

    #227689

    Artem Temos
    Keymaster

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

    function basel_get_owl_items_numbers( $slides_per_view, $post_type = false, $custom_sizes = false ) {
    	$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'] = 1;
    
    	if ( $post_type == 'product' ) {
    		$items['mobile'] = basel_get_opt( 'products_columns_mobile' );
    	}
    
    	if ( $custom_sizes ) {
    		return $custom_sizes;
    	}
    
    	return $items;
    }
Viewing 4 posts - 1 through 4 (of 4 total)