Return to previous page

How can I rearrange informations on single product page?

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

lorchshop

Participant

April 5, 2018 at 14:54

Hi there,

how can I rearrange the positions of the different informations on this page? I need the tax and shipping information under the pricing.

#190416 Copied

8 Answers

lorchshop

Participant

April 5, 2018 at 14:56

#190417 Copied

Rose Tyler

Support staff

April 5, 2018 at 15:01

Hello,

By default, there is no such possibility, but this possible to do via css customization or additional customization in files. Please describe in details the desired result, we will try to help you.

Regards

#190418 Copied

lorchshop

Participant

April 6, 2018 at 09:52

Thank you. I tried to draw it on this picture.

example

#190480 Copied

Rose Tyler

Support staff

April 6, 2018 at 10:29

Hello,

Please add this code in Theme Options > Styling > Custom css:

.product-information .fixed-content {
    display:  -webkit-box;
    display:  -webkit-flex;
    display:  -ms-flexbox;
    display:  flex;
    -webkit-box-orient:  vertical;
    -webkit-box-direction:  normal;
    -webkit-flex-direction:  column;
        -ms-flex-direction:  column;
            flex-direction:  column;
}
.product-information .cart, 
.product-information  .product-share,
.product-information .legal-price-info {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
}
.product-information .legal-price-info {
    margin-bottom:  20px;
}
.product-information .product_meta {
    margin-bottom:  0;
}

Regards

#190486 Copied

lorchshop

Participant

April 6, 2018 at 10:40

Thank you. I added the code to custom CSS. This is how it looks now:

Is it possible to get “Artikelnummer” next to “Brand” ?

And in the backend i get error notifications:

#190487 Copied

Rose Tyler

Support staff

April 6, 2018 at 11:00

Please change the previous code to this one:

.product-information .fixed-content {
    display:  -webkit-box;
    display:  -webkit-flex;
    display:  -ms-flexbox;
    display:  flex;
    -webkit-box-orient:  vertical;
    -webkit-box-direction:  normal;
    -webkit-flex-direction:  column;
        -ms-flex-direction:  column;
            flex-direction:  column;
}
.product-information .product_meta, .product-information .product_title, .product-information .products-page-cats, .product-information .woocommerce-product-rating, .product-information .product_brand {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1;
}
.product-information .cart,
.product-information .legal-price-info {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
}
.product-information .product_meta {
    margin-bottom:  0;
}
.product-information .price {
    margin-bottom: 0.3em;
}

You can ignore the notification, this is uncritical notice.

Regards

#190491 Copied

lorchshop

Participant

April 6, 2018 at 11:44

thank you, it worked for me 🙂

#190496 Copied

Rose Tyler

Support staff

April 6, 2018 at 12:03

You’re welcome!

Regards

#190502 Copied

Viewing 9 results - 1 through 9 (of 9 total)

The issue related to '‘How can I rearrange informations on single product page?’' has been successfully resolved, and the topic is now closed for further responses

How can I rearrange informations on single product page?

Explore our best WordPress WooCommerce Themes collection