How to change upsell product quantity

  • Hello, i am trying to change how many upsell products can be viewed under the “you may also like” on the single product page. right now its set to three on desktop and one on mobile. i would like to show 4 on desktop in one row and 2 in one row on mobile but im not sure how to do that. or make it a carousel that goes tight or left rather than stack products on top of another.
    any help is appreciated
    thanks

    • This topic was modified 5 years, 1 month ago by Justin007h.
Viewing 1 replies (of 1 total)

  • Sounds like you’re referring to the up-sell portion of WooCommerce. I believe you can add more products to show when editing a single product in the admin dashboard. Scroll down to the Product Data section when editing a single product, then click on the Linked Products tab.

    From there, you should be able to add in more products to display for that particular product. Then, you’ll need to add the following into Appearance->Customize->Additional CSS

    @media screen and (min-width: 768px) {
  .single .site-main ul.products.columns-3 li.product {
    width: 18% !important;
  }
  .single ul.products li.product.first {
    clear: initial !important;
  }
  .single ul.products li.product.last {
    clear: unset !important;
  }
}

@media screen and (max-width: 767px) {
  .single .site-main ul.products.columns-3 li.product {
    float: left;
    margin-right: 10px;
    width: 46%;
  }
}

    Which from my limited testing should get the columns matching per your request.

Viewing 1 replies (of 1 total)
  • The topic ‘How to change upsell product quantity’ is closed to new replies.