Return to previous page

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.
    #187920 Copied Theme version: latest WooCommerce version: 3.3.3
    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

    #187924 Copied
    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?

    #188055 Copied
    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

    #188057 Copied
    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

    #188068 Copied
    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

    #188070 Copied
    Avatar: omthreetimes
    omthreetimes
    Participant
    March 13, 2018 at 14:33

    Thank you!

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

    You’re welcome!

    Regards

    #188076 Copied
  • 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

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Mango – Responsive eCommerce PSD Template
lazy-placeholder
Sneakers Store – WordPress WooCommerce Theme
lazy-placeholder
Organic Cosmetics Store – WordPress WooCommerce Theme
lazy-placeholder
Underwear Store – WordPress WooCommerce Theme
lazy-placeholder
Kids Store – WooCommerce Theme
lazy-placeholder
Electron Store 01 – WordPress WooCommerce Theme
lazy-placeholder
Classic Fashion Store – WordPress WooCommerce Theme
lazy-placeholder
Baby Shop – WordPress WooCommerce Theme
lazy-placeholder
Skate – WooCommerce Theme
lazy-placeholder
Organic Store – WordPress WooCommerce Theme

See All Templates

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