Hide related products on product page and use only You may also like… products

[kele]

Hey,

I want to hide the “Related Products” from the Single Product Page and only use the “You may also like…” carousel. I know “You may also like…” can be controlled by up sells/cross sells.

Currently we have both related products & you may also like carousels on product pages. Please see example: http://keleclothing.com/shop/sweater-sol-blue

I already tried adding the following custom CSS codes, but none of them worked…:

.single-product .product-carousel.spb_content_element {
display: none;
}

This code hides everything, but I want to keep the you may also like field.

.single-product .page-content .related.products {
margin-top: 50px;
display: none;
}

This code did not change anything…

Could you please help me with this?

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.single-product .product-carousel:last-child{
display:none !important;
}

Thanks
Mohammad

[kele]

Hey Mohammad,

Thanks so much, it worked 🙂

[Mohammad – SUPPORT]

Hi,
You most welcome and glad to help you.
Thanks
Mohammad

[iamlard]

Hi,

I just updated to Neighbourhood 3.2.5 and, before the update, I was running the following additional css code alongside that generated automatically by the theme. I am trying to remove the related items and show just the ‘you may also like…’ section. The ‘you may also like’ section was displaying fine before I updated so just wondered if I now need additional code (or to change some of the following) after the update.

—-

Additional coding to custom style.css

figure .overlay {
display: none;
}
.product_meta .posted_in, .product_meta .tagged_as {
display: none;
}
#header-section #header{
background:url(‘http://cloudsandcurrents.com/cms/wp-content/uploads/2015/10/Header-Background-Image-1138.png’) no-repeat center top !important;
}
.posted_in{
display:none !important;
}
#header-section .header-menu .menu > .tb-welcome {
display: none;
}
.single-product .product-carousel.spb_content_element {
display: none;
}
#product-accordion .accordion-group:first-child {
display: none;
}
.woocommerce ul.products li.product figure figcaption {
display: none;
}

——–

And additional coding at the bottom of the Functions.php

/*
* wc_remove_related_products
*
* Clear the query arguments for related products so none show.
* Add this code to your theme functions.php file.
*/
function wc_remove_related_products( $args ) {
return array();
}
add_filter(‘woocommerce_related_products_args’,’wc_remove_related_products’, 10);

——–

Many Thanks!

[David Martin – Support]

I do not see your related items, only “You may also like”?

Thanks.

[iamlard]

Hi David,

Thanks for getting back to me – Can you confirm that you’re seeing ‘You may also like’ on our product pages? Sample page address is http://cloudsandcurrents.com/product/set-of-cherry-cocktail-stirrers/

Many Thanks!

[David Martin – Support]

I do not see it there:http://cloudsandcurrents.com/product/set-of-cherry-cocktail-stirrers/

Please add your WP login details.

Thanks.