how to display more than 3 products in slider

  • Resolved Julien Rondeau

    (@jufreaks)


    7 years, 2 months ago

    hy there,

    My product list are displayed in 4 columns.
    when I enable the slider for the related product I only have 3 products grouped each time it slides…is there a way to have 4 products at each slide?

    thanks in advance

Viewing 1 replies (of 1 total)
  • Plugin Author Vagelis

    (@eboxnet)

    Hello, thanks for using Woo Related Products and sorry for the late reply.
    Use the function below to alter slider columns (you can alter the function per your needs ofc)

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

    Next versions will include an option to set columns for Static display and slider.Until then use the above function.

    Let me know if you need anything else,
    Thank you.

Viewing 1 replies (of 1 total)
  • The topic ‘how to display more than 3 products in slider’ is closed to new replies.