• Resolved tajmohamed30

    (@tajmohamed30)


    Need to display 4 products in desktop and 2 products on mobile.

    I am creating separate threads to avoid confusing posting many requests under one thread. please correct me if am wrong

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author Vagelis

    (@eboxnet)

    Hello, yes that is correct but you are making too many requests.
    Anyway you can use the function below to adjust the slider’s output:

    function v_woo_related_slider() { 
      if (is_product()) {?>
    	<script>
    	jQuery(document).ready(function($) {
    	$("#woorelatedproducts").data('owlCarousel').destroy();
      	var owl = $("#woorelatedproducts");
    	  owl.owlCarousel({
    	      items : 6,
    	      itemsDesktop : [1000,3],
    	      itemsDesktopSmall : [900,3],
    	      itemsTablet: [600,2],
    	      autoPlay: 3500,
    	      itemsMobile : false,
    	  });
    	  });
    	</script> <?php 
    	}
    }
    add_action( 'wp_footer', 'v_woo_related_slider' );

    If you are referring to the static output you can alter that with CSS rules.

    Thread Starter tajmohamed30

    (@tajmohamed30)

    Sorry I posted many threads but it might help for upcoming users

    and thank you for the snippet will test and come back to you

    Thread Starter tajmohamed30

    (@tajmohamed30)

    solved and really I appreciate your work

    given five-star rating

    thanks for your continued support and help ??

    Plugin Author Vagelis

    (@eboxnet)

    Glad to know, thank you.

    Thread Starter tajmohamed30

    (@tajmohamed30)

    do we have space between related products in the carousel option

    Plugin Author Vagelis

    (@eboxnet)

    You could use something like:

    .owl-carousel .owl-item {
        margin-right: 20px;
    }
    Thread Starter tajmohamed30

    (@tajmohamed30)

    great, worked like a charm!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Responsive display of related products’ is closed to new replies.