plugin “Woo Related Products ”

Hello Fletcher.

You can fix your add to cart buttons alignment by using the CSS below

.woo-related-products-container h2.woocommerce-loop-product__title {
    min-height: 45px;
    margin-bottom: 5px!important;
}

.woo-related-products-container span.price {
    min-height: 60px!important;
    margin-bottom: -10px!important;
}

As for the slider columns, i am afraid you will have to wait a couple weeks for the next update will have an option to set the number of columns for the slider.
(you could edit/override the plugin’s js atm but it would be better if you just wait)

Let me know if you need anything else,
thanks for using Woo Related Products.

Hello again i came up with a solution for the slider, you can use the function below in your functions.php to alter slider’s columns from 3 to 4 (you can adjust 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' );

If you are not familiar with file editing you should way for next plugin update!Do not edit your theme’s functions file if you are not confident you can do it.

• This reply was modified 7 years ago by Vagelis.