display upsell in the sidebar with 2 columns

Hi
I would like to display upsell in the sidebar with 2 columns. I was able to do that with Elementor, but the upsells are also displayed under the product with 3 columns. Under the product I want related products with 4 columns. If I change that in the theme settings, the upsells are also with 4 columns. How can I change this independently?

– Related Products with 4 columns
– Disable upsell under the product
– Upsell in the Siedebar with 2 Colums

Many thanks for your help

Attachments:

You must be logged in to view attached files.

Hello,

Could you please send me a URL link to the product that has the Upsell functionality, also please provide access to the admin dashboard so I can check the settings on your website.

I await your response.

Kind Regards

Soon I will add upsell to all products.
Here’s an example:

https://www.jamb-allyouneed.ch/produkt/schlitten-mit-winterfusssack-rueckenlehne-braun/

The upsells are displayed here in the sidebar, but with 4 columns. I only want 2 columns. And no upsell should be displayed under the product. Related 4 columns. I hope this is somehow possible 🙂

Please do not switch on another theme!

Thanks:-)

Hello,

Sorry for the delay.

The below code will disable the “Upsells” below the product. Enter it into the “Global Custom CSS” area in Theme Settings -> Custom CSS.

.single-product .xts-single-product .upsells {
    display: none;
}

And this one is for making the “Upsells” in 2 columns in the sidebar. Enter it into the “Custom CSS for desktop” area.

.single-product .xts-sidebar .upsells .xts-row-lg-4>.xts-col {
    flex-basis: 50%;
    max-width: 50%;
    width: 50%;
}

Kind Regards

Hello,
Thanks:-)
But this code doesn’t work:

.single-product .xts-sidebar .upsells .xts-row-lg-4>.xts-col {
    flex-basis: 50%;
    max-width: 50%;
    width: 50%;
}

See, there are still 4 columns:
https://www.jamb-allyouneed.ch/produkt/schlitten-mit-winterfusssack-rueckenlehne-braun/

It is because you forgot to copy the dot .

https://prnt.sc/q9QB8fRu9IA4

I have fixed it and now check the page again.

Kind Regards

You are the best 😎
Many thanks

You are welcome!

Always remember that you can reach out to us with any questions you may have.

We wish you a splendid day!

Kind Regards

[Author]

Posts