About The Add To Cart Setup Of My Website

This topic has 4 replies, 2 voices, and was last updated 2 years, 6 months ago ago by Olga Barlow

  • Avatar: wayy634
    wayy634
    Participant
    November 29, 2021 at 11:12

    Hi there,

    I noticed that the setting for the “ADD TO CART” button is applied to all the pages. However, for some of the pages like the “PROMOTION” page or “EVENT” page, for those independent pages (or page), I want the “ADD TO CART” button to show in a different style. And how can I make that available?

    Thanks in advance and I will be more appreciated if you show me by video recording.

    Please, contact administrator
    for this information.
    3 Answers
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    November 29, 2021 at 15:23

    Hello,

    Could you, please, provide us with links to these pages and tell me what styles do you want for the add to cart button there?

    Regards

    Avatar: wayy634
    wayy634
    Participant
    November 30, 2021 at 04:36

    Hi buddy,

    Thanks for your quick response.

    (PLEASE NOTE: All the changes of the “ADD TO CART” button I mentioned are only applied to the CATEGORY page. And the single product page is not included)

    1. And right now I want ALL the borders of the “ADD TO CART” button on all pages to look elliptical rather than rectangular. Just like this style:

    https://gyazo.com/da4fbe1996f34de4ea2d5bf761140595

    2. And the background color of the “ADD TO CART” is grey and CMYK is #F2F2F2 and now I want that to show in white, If available, could you add a cute icon on the top of the right “ADD TO CART” section on one specific path like https://www.diymag4u.com/magnets-black-friday-sale/. Just like this: https://gyazo.com/abd7e3b0e6352611e574f18bdad79b5e

    3. Last but not least, about the size of “ADD TO CART” on the category page, can I stretch it a little, not too much. Maybe just 10 px would be enough.

    Could you help me with that out by video recording? Thanks in advance.

    Yours

    Zhenjiang

    Please contact administrator
    for this information.
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    November 30, 2021 at 15:10

    Hello,

    1) Use Theme Options > Styling > LIGHT BUTTONS settings to change the add to cart styles on the category pages

    2) Use Custom CSS section to add your custom code https://prnt.sc/213p9xw

    3) Add below code to Theme Options > Custom CSS and change right/left padding according to your needs

    .content-product .button {
        padding: 0.91rem 3rem;
    }

    Regards

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

You must be logged in to reply to this topic.Log in/Sign up

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