ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Neighborhood
• January 3, 2016 at 1:06 pm #237953
  kele

  Member

  Post count: 13

  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?

  January 4, 2016 at 6:11 am #238001
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please use this custom css code:-

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

  Thanks
  Mohammad

  January 4, 2016 at 11:33 am #238070
  kele

  Member

  Post count: 13

  Hey Mohammad,

  Thanks so much, it worked 🙂

  January 4, 2016 at 11:59 am #238078
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

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

  March 16, 2016 at 12:35 pm #255786
  iamlard

  Member

  Post count: 45

  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!

  March 17, 2016 at 12:51 pm #256063
  David Martin – Support

  Moderator

  Post count: 20834

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

  Thanks.

  March 17, 2016 at 2:25 pm #256090
  iamlard

  Member

  Post count: 45

  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!

  March 18, 2016 at 3:51 pm #256387
  David Martin – Support

  Moderator

  Post count: 20834

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

  Please add your WP login details.

  Thanks.

• Back to forum

  Posted in: Neighborhood