Price and discount - by Carlos García Hernanz

This topic has 10 replies, 2 voices, and was last updated 5 years, 1 months ago ago by Olga Barlow

  • Avatar: Carlos_Garcia_Hernanz
    Carlos García Hernanz
    Participant
    October 19, 2020 at 09:48

    I want to show the percentage of discount in discounted products and I want the discounted price to come out ahead, I am also having a timeout problem when updating in elementor I do not know very well why

    Please, contact administrator
    for this information.
    9 Answers
    Avatar: Carlos_Garcia_Hernanz
    Carlos García Hernanz
    Participant
    October 19, 2020 at 09:50

    the reduced price ahead of the non-reduced price all this that I ask I would like it to be seen both in the product loop and in the home and the product view

    Avatar: Carlos_Garcia_Hernanz
    Carlos García Hernanz
    Participant
    October 19, 2020 at 10:53

    and finally we can always put the variation of sizes above the color or it has to be individual

    Avatar: Olga Barlow
    Olga Barlow
    Participant
    October 20, 2020 at 09:50

    Hello,

    Take my apologies for the delay in answering.

    1) I have checked your site and see the percentage discount label for your products http://prntscr.com/v2wdm9 So, what is the problem with this?

    2) I see that size is above the color http://prntscr.com/v2wi5v So, could you explain what you want to achieve in more detail?

    Regards

    Avatar: Carlos_Garcia_Hernanz
    Carlos García Hernanz
    Participant
    October 20, 2020 at 18:25

    Hello, I want the color variation to be above the size, in all. You also need the discounted price to be displayed before the above price

    Avatar: Olga Barlow
    Olga Barlow
    Participant
    October 21, 2020 at 15:27

    Hello,

    Edit the product and change the order of the attributes https://gyazo.com/ff73348c3b2e511daeb761929cff8f87
    Do you want to display the sale price in this way http://prntscr.com/v3wauc ? Add the below code to Custom CSS

    .content-product .price {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: row-reverse;
    }
    .content-product .price del {
        margin-left: 10px;
    }

    Regards

    Avatar: Carlos_Garcia_Hernanz
    Carlos García Hernanz
    Participant
    October 22, 2020 at 17:55

    okey and in product page?
    Regarding the attributes, some way to do it in batch?

    Avatar: Olga Barlow
    Olga Barlow
    Participant
    October 23, 2020 at 12:47

    Hello,

    1) Remove the negative margin in your custom code http://prntscr.com/v59f85
    2) Replace the previous code by the following

    .content-product .price, .price {
        display: flex;
        flex-direction: row-reverse;
        justify-content: flex-end;
    }
    .single-product .price {
        justify-content: flex-end;
    }
    .content-product .price {
        align-items: center;
        justify-content: center;
    }
    .price ins {
        margin-right: 10px;
    }

    Regards

    Avatar: Carlos_Garcia_Hernanz
    Carlos García Hernanz
    Participant
    October 26, 2020 at 10:34

    ohh , youre very efficient, i have problems with de update with elementor and customize, i dont know

    Avatar: Olga Barlow
    Olga Barlow
    Participant
    October 27, 2020 at 08:26

    Hello,

    What problem do you have? Could you, please, explain in more detail and provide screenshots for better understanding.

    Regards

  • Viewing 10 results - 1 through 10 (of 10 total)

The issue related to '‘Price and discount’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.