Button Buy Now and Add to cart position - by Maddlena

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

  • Avatar: Maddlena
    Maddlena
    Participant
    October 4, 2021 at 08:48

    Hi, how can I change the design of the product, namely the Buy Now and Add to Cart buttons, so that they are all positioned in a only row.

    Screen: https://ibb.co/KmBw529

    9 Answers
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    October 4, 2021 at 16:35

    Hello,

    Could you, please, provide us with link to your single product page? We’ll check and give you custom code to align that.

    Regards

    Avatar: Maddlena
    Maddlena
    Participant
    October 5, 2021 at 10:07
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    October 5, 2021 at 18:32

    Hello,

    Edit the single product add to cart button min-width to 170px. After that go to Theme Options > Custom CSS

    div.quantity ~ .et-or-wrapper {
        display: none;
    }
    .et_product-block .et-single-buy-now.single_add_to_cart_button.button, .product-content .et-single-buy-now.single_add_to_cart_button.button {
        flex: 0;
    }
    .single-product-builder .single_add_to_cart_button.button {
        margin-right: 15px;
    }

    Regards

    Avatar: Maddlena
    Maddlena
    Participant
    October 6, 2021 at 15:51

    Thank you!
    1. How can I make the buttons the same size? https://ibb.co/zsFLzdP
    2. How can I optimize buttons on mobile? https://ibb.co/Qvf15kT

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    October 7, 2021 at 11:21

    Hello,

    Provide us with temporary WP Dashboard access to your site, please. It will help to implement this faster.

    Regards

    Avatar: Maddlena
    Maddlena
    Participant
    October 7, 2021 at 11:36

    Thank you,

    PLEASE TELL ME, I CAN SET THESE ITEMS ( https://ibb.co/80g4QCf – page https://site.amadeuste.com/product-category/lenjerie-de-pat/ ) ON ANOTHER PAGE, (https://ibb.co/B4y8WjX – on this page https://site.amadeuste.com/lenjerie-de-pat/) MAY BE A CODE OR A WAY

    Thank you very much!

    Please contact administrator
    for this information.
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    October 8, 2021 at 13:34

    Hello,

    Check the single product buttons now, please.
    Grid/list switcher displays only on the WooCommerce archive pages (shop page, product categories, product tags, product brands pages). https://site.amadeuste.com/lenjerie-de-pat/ is a simple page and there is no option to display switcher there, unfortunately.

    Regards

    Avatar: Maddlena
    Maddlena
    Participant
    October 12, 2021 at 10:46

    Hi, these buttons are not working properly. It is switched only once, but it brakes very hard. And when I choose the first button again, it doesn’t react at all.

    https://ibb.co/tHG5wS1

    I want to erase the sort by and show.

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    October 13, 2021 at 09:50

    Hello,

    1) I added below code to Theme Options > Custom CSS to hide mentioned selects

    .filter-wrap .products-per-page, .filter-wrap .woocommerce-ordering {
        display: none;
    }

    2) What do you mean that buttons do not work properly? It switches between layouts https://gyazo.com/1bab5a0067d9a33ad3c6050debe1a98a So, could you, please, provide us with the screenshot for better understanding.
    If you want to set grid only you can do this in Theme Options > WooCommerce > Shop > Shop page layout > Products View Mode.

    Regards

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

The issue related to '‘Button Buy Now and Add to cart position’' has been successfully resolved, and the topic is now closed for further responses

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