Home › Forums › WoodMart support forum › Mobile version

Mobile version

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • October 4, 2018 at 10:16 am #80849

    Aurelien
    Participant

    Hi,

    I need your help to solve some problems :

    1. I would like to edit the number of slides per view of a “banners carousel” on mobile. Until now, only one was displayed and it was perfect, but now (maybe because of the recent update?) two are displayed.

    2. About the shop page on mobile, is it possible to display product description instead of image? Because images are less important than text on my website (i sell services instead of products).

    3. How can i remove the sort icon on shop page (one arrow on laptop and two arrows on mobile)? I already remove the sort options but the icon still display.

    Thank you!

    Regards

    October 4, 2018 at 11:29 am #80862

    Elise Noromit
    Member

    Hello,

    1. Banner Carousel: Depending on view width there is one slide shown on mobile https://gyazo.com/9c423df95ca240257d3786206e5a45b5

    2. Navigate to the Theme settings > shop > Product Styles > Show summery design will display a very short description. There is no option to replace the image with the description on the shop page

    3. You have only one product. Please provide your shop URL to check.

    Best Regards

    October 4, 2018 at 12:29 pm #80867

    Aurelien
    Participant

    Thank you for this quick answer.

    1. That’s why I’m confused, see IMG_1 (screenshot from an Iphone 6s). It was perfect a week ago.

    2. I can’t see this option (see IMG_2).

    3. See IMG_3 and IMG_4. I would like to remove these icons.

    Thanks.

    Attachments:
    You must be logged in to view attached files.
    October 4, 2018 at 1:12 pm #80885

    Artem Temos
    Keymaster

    1. Try to add the following PHP code snippet to the child theme functions.php

    function woodmart_get_owl_items_numbers( $slides_per_view, $post_type = false ) {
	$items = array();

	$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['tablet'] > 2 ) ? $items['tablet'] - 1 : 1;

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

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

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

	return $items;
}

    2. Please, send us your admin access.

    3. Use the following CSS code

    .woodmart-shop-tools {
	display: none;
}
    October 4, 2018 at 1:39 pm #80892

    Aurelien
    Participant

    1. Unfortunately, it doesn’t work.

    2. See in private content.

    3. This code works on desktop but the arrows are still there on mobile.

    October 4, 2018 at 2:00 pm #80899

    Artem Temos
    Keymaster

    1. Sorry, try this

    function woodmart_get_owl_items_numbers( $slides_per_view, $post_type = false ) {
	$items = array();

	$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['tablet'] > 2 ) ? $items['tablet'] - 1 : 1;

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

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

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

	return $items;
}

    2. It is because you are using list mode. You can display product description there with the following CSS code

    div.product-list-item .woocommerce-product-details__short-description {
    display: block;
}

    3. Add this part also

    .woocommerce-ordering {
	display: none!important;
}
    October 4, 2018 at 2:11 pm #80903

    Aurelien
    Participant

    1. Perfect, thank you!

    2. Can I use this code with list mode? Because it doesn’t work.

    3. It works now, thanks!

    October 4, 2018 at 2:22 pm #80909

    Artem Temos
    Keymaster

    2. Yes, it works with list mode as well.

    October 4, 2018 at 2:34 pm #80917

    Aurelien
    Participant

    2. Oh I made a mistake, it works!

    Thank you again for your help, you are amazing!

    Best Regards

    October 4, 2018 at 2:53 pm #80929

    Artem Temos
    Keymaster

    Great, you are welcome.

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)