plugin “Woo Related Products ”

  • Resolved jodeyf

    (@jodeyf)


    8 years, 6 months ago

    I could do with a hand with this one. plugin “Woo Related Products ”

    Just cant get the add to cart buttons lined up corectly.

    Sure it must be simple?

    checkout link and see bottom of page

    https://www.fcmarine.co.uk/product/loud-hailer-model-lh-3000/

    also would like to pad each product displayed and increase amount of items from 3 to 4.

    Any ideas?

    Kind regards

    Fletcher

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Contributor Vagelis

    (@eboxnet)

    8 years, 6 months ago

    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.

    Plugin Contributor Vagelis

    (@eboxnet)

    8 years, 6 months ago

    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 8 years, 6 months ago by Vagelis.
Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘plugin “Woo Related Products ”’ is closed to new replies.