Product categories carousel – mobile view

Thanks for your reply,

Now there are two issues:

(1)
I checked the code for which the code snippet given above should run,
in the file path:
/wp-content/themes/woodmart/inc/functions.php
Your function for
// Woodmart Get Owl Items Numbers

		$items['desktop'] = ( $slides_per_view > 0 ) ? $slides_per_view : 1;
		$items['tablet_landscape'] = $items['desktop'];

		if ( $items['desktop'] >= 5 ) {
			$items['tablet_landscape'] = 4;
		}

		$items['tablet'] = ( $items['tablet_landscape'] > 1 ) ? $items['tablet_landscape'] - 1 : $items['tablet_landscape'];
		$items['mobile'] = ( $items['desktop'] > 4 ) ? 2 : 1;

		if ( $post_type == 'product' ) {
			$items['mobile'] = woodmart_get_opt( 'products_columns_mobile' );
		}

		if ( $items['desktop'] == 1 ) {
			$items['mobile'] = 1;
		}

is checking for the post type if it was a product as follows:

if ( $post_type == 'product' ) {
$items['mobile'] = woodmart_get_opt( 'products_columns_mobile' );
}

this however is not getting executed in the best selling products carousel (see the attached image).
I only need to change the product category carousel which is called in your theme’s element:
https://prnt.sc/13zzidd

and not the following:
https://prnt.sc/13zzpzj

(2)
When adding this code in functions.php:

add_filter('woodmart_categories_shortcode_custom_sizes',
function() {
   return array(
      'desktop'          => 8,
      'tablet_landscape' => 6,
      'tablet'           => 4,
      'mobile'           => 4,
   );
}
);

it causes the home page to get stuck with one column per line (one product category instead of the desired 4) then when scrolling down it responds.
I think there is a delay issue with the rendering ..

please help thanks.