Home Forums WoodMart – Premium Template CAROUSEL SINGLE PRODUCT TABLET

CAROUSEL SINGLE PRODUCT TABLET

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #394187

    Anne
    Participant

    Hello,
    Is there a way to not have the carousel on single product pages on tablet please?
    I set 2 images next to short description and would like to show them both displayed on tablet as on desktop.
    Thank you

    #394441

    Elise Noromit
    Keymaster

    Hello,

    You can configure the grid in the Theme Settings > Single Product > Images by means of the Theme preset for mobile: https://xtemos.com/docs-topic/theme-settings-presets/

    If you have any questions please feel free to contact us.

    Best Regards

    #394528

    Anne
    Participant

    Thank you, I set a preset “custom” equals “Is mobile device”, then went on single products, images, I don’t know what to uncheck then please?
    The “thumbnails position” is already on the good position (column 1) by inherit. On tablet it is still with carousel.

    #394696

    Elise Noromit
    Keymaster

    Hello,

    Please add this code to the Theme Settings > Custom JS > On document ready:

    jQuery(document).on('mouseenter', '.product-image-thumbnail:not(.active-thumb)', function(){
    	var $thumbsOwl = jQuery('.images .thumbnails');
    	var $mainOwl = jQuery('.woocommerce-product-gallery__wrapper');
    	var i = jQuery(this).parent().index();
    	$thumbsOwl.trigger('to.owl.carousel', i);
    	$mainOwl.trigger('to.owl.carousel', i);
    });

    Best Regards

    #394763

    Anne
    Participant

    Thank you it has well disabled the carousel but it has not displayed the second image below the main image as on desktop.

    #394875

    Anne
    Participant

    Sorry, I have checked again and it seems that it doesn’t work.

    #395131

    Elise Noromit
    Keymaster

    Hello,

    I am terribly sorry, I have sent this code by mistake.

    Please remove the code and provide the product page URL with the images and provide the screen of how you want to place the images on the tablet.

    Please remove the provided code.

    Best Regards

    #395275

    Anne
    Participant

    Hello,
    Yes the code is not good, it has only put my description area in tabs accordion closed.

    About the product page, it includes all my product pages. My wish would be to make (only on tablet, not mobile) the same layout than on desktop.
    (1 main image + 1 additionnal image below, in 1 column). Please see screenshot.
    Thanks

    Attachments:
    You must be logged in to view attached files.
    #395598

    Elise Noromit
    Keymaster

    Hello,

    Please add this code to the Theme Setting > Custom JS > On document ready.

    if (jQuery(window).width() >= 768) {
    	setTimeout(function () {
    		   jQuery('.woocommerce-product-gallery__wrapper.owl-carousel').trigger('destroy.owl.carousel').addClass('owl-loaded');
    			}, 500);
    }

    Best Regards

    #395714

    Anne
    Participant

    It works perfectly thank you very much.

    #395849

    Elise Noromit
    Keymaster

    You are welcome! We are here to help.

    Wish you a wonderful day!

Viewing 11 posts - 1 through 11 (of 11 total)

The topic ‘CAROUSEL SINGLE PRODUCT TABLET’ is closed to new replies.