Home Forums Space themes support forum display upsell in the sidebar with 2 columns

display upsell in the sidebar with 2 columns

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #421212

    Jean-Michel
    Participant

    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.
    #421521

    Luke Nielsen
    Keymaster

    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

    #421527

    Jean-Michel
    Participant

    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:-)

    #421860

    Luke Nielsen
    Keymaster

    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

    #421862

    Jean-Michel
    Participant

    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/

    #421864

    Luke Nielsen
    Keymaster

    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

    #421869

    Jean-Michel
    Participant

    You are the best 😎
    Many thanks

    #421870

    Luke Nielsen
    Keymaster

    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

Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘display upsell in the sidebar with 2 columns’ is closed to new replies.