Related Products

markobb · October 2015

HI,

Right now by default related products are set to 4. How to set them at 3 products?

And if you know about wishlist button. How to make it bigger?

Albert · October 2015

Hi,

please send us url to page where you want to change number of related products and increase button and we'll have a look on it.

Thanks!

markobb · October 2015

Here you can see

http://vizionhosting.co.uk/product/product-2/

There are 4 related products and I only need 3 of them.

And to make wishlist button bigger if possible.

Albert · October 2015

To set 3 related products instead of 4, you can use below css:

.woocommerce ul.products li.product:nth-child(4n+1) { display: none !important; }

But if this won't help, then unfortunately we do not have any other solution. But to increase wishlist button size, please use below css:

.wishlist_table .add_to_cart, a.add_to_wishlist.button.alt {
    padding: 10px !important;
}

markobb · October 2015

Added the code.

Now it is 3 products but now aligned all 3 in order

http://vizionhosting.co.uk/product/product-2/

you see how one is in another column?

Albert · October 2015

Yes, we see. But as we wrote above, except this code there is nothing else what you can do. So if this code does not work as you want, then unfortunately it is impossible.

markobb · October 2015

I found solution

Add this code to functions.php

function woo_related_products_limit() {
global $product;

$args['posts_per_page'] = 6;
return $args;
}
add_filter( 'woocommerce_output_related_products_args', 'jk_related_products_args' );
function jk_related_products_args( $args ) {
$args['posts_per_page'] = 3; // 3 related products
$args['columns'] = 1; // arranged in 1 column
return $args;
}

Albert · October 2015

Good to see that you know coding. Because if you know how to change it in files, then there should be no limits for you.

Related Products

Comments