How to move add to cart above product description?

This topic has 8 replies, 2 voices, and was last updated 6 years, 8 months ago ago by Rose Tyler

  • Avatar: omthreetimes
    omthreetimes
    Participant
    March 12, 2018 at 14:05

    How to move add to cart above product description on single product page?

    How to center price and reviews under title on mobile and on full site as well?

    Thank you.

    Please, contact administrator
    for this information.
    7 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 12, 2018 at 14:20

    Hello,

    1. Copy content-single-product.php file from legenda/woocommerce folder to legenda-child/woocommerce folder and edit the file – http://prntscr.com/iq3scy http://prntscr.com/iq3sih
    2. Please use this code:

    .single-product-page .product-info .price, .single-product-page .product-info .short-description {
        float:  none;
        text-align:  center;
        display:  block;
    }
    .single-product-page .product-info .short-description h6 {
        text-align:  center !important;
    }

    Regards

    Avatar: omthreetimes
    omthreetimes
    Participant
    March 13, 2018 at 13:21

    Thank you, Rose! You have been the lifesaver.

    How to center the review stars too?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 13, 2018 at 13:27

    You’re welcome!

    .woocommerce-product-rating {
        text-align:  center;
    }
    .single-product-page .product-info .star-rating {
        float: none;
    }

    Regards

    Avatar: omthreetimes
    omthreetimes
    Participant
    March 13, 2018 at 14:11

    Thank you so much! I do have final request. I tried it to do myself but could not.
    How to center the the “add to cart

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 13, 2018 at 14:22

    Please change this code http://prntscr.com/iqln0i
    to

    .woocommerce-product-rating, .single-product-page .product-info form.cart {
        text-align:  center;
    }
    .single-product-page .product-info .star-rating, .single-product-page .product-info .button {
        float: none;
    }

    Regards

    Avatar: omthreetimes
    omthreetimes
    Participant
    March 13, 2018 at 14:33

    Thank you!

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 13, 2018 at 14:40

    You’re welcome!

    Regards

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

The issue related to '‘How to move add to cart above product description?’' has been successfully resolved, and the topic is now closed for further responses

8theme customization service

Helpful Topics

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