Slider for Upsell and Cross sell Products

[bibhashkarn]

Hello,

We are currently developing a WooCommerce Single Product Template and would like to display Upsell and Cross-sell products in a slider format.

Could you please guide us on how to implement this? Any examples or best practices would be highly appreciated.

Thank you for your support.

[christian]

Hey @bibhashkarn,

Below are the steps you can take to achieve or have Upsell and Cross sell Products in your Single Product Layout.

1. Create/Edit your Single Product template
2. Add a Slider element where you want the upsells/cross-sells
3. In Slider Content Wrapper:

• Enable Looper Provider: WC Upsells or WC Cross Sells

4. Set the Slide element as the consumer and add slide content:

• Product Image
• Product Title
• Product Price
• Add to Cart button

Hope that helps.