Return to previous page

Hi. How change product excerpt position like example?

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

Kestutis

Participant

February 15, 2023 at 13:23

Hi. How to change position product excerpt like example: https://prnt.sc/DYaZmI7tl9vI
This is by default : https://prnt.sc/9KQ-v9oQ01T8

#347022 Copied Theme version: 9.0.4 WooCommerce version: 7.4.0

1 Answer
Rose Tyler

Support staff

February 15, 2023 at 15:21
Hello, Kestutis,

Custom CSS code can be used, for example:
```
.product-details {
    display: flex;
    flex-direction: column;
}
.product-details .product-title {
    order: 1;
}
.product-details .star-rating {
    order: 3;
}
.default-add-to-cart-btn {
    order: 5;
}
.product-details .price {
    order: 4;
}
.product-details .product-excerpt {
    order: 2;
}
```
place the code into Theme Settings > Theme custom CSS > Global.

Kind Regards,
8theme team
#347046 Copied
Tagged: change, excerpt, position, product, themes, woocommerce, wordpress
Viewing 2 results - 1 through 2 (of 2 total)

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

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder

Flowers Store – WordPress WooCommerce Theme

lazy-placeholder

Books Store – WordPress WooCommerce Theme

lazy-placeholder

Application – WooCommerce Theme

lazy-placeholder

Underwear – WooCommerce Theme

lazy-placeholder

Medical 02 – WordPress WooCommerce Theme

lazy-placeholder

Medical – WordPress WooCommerce Theme

lazy-placeholder

Restaurant – WordPress WooCommerce Theme

lazy-placeholder

Baby Shop – WordPress WooCommerce Theme

lazy-placeholder

Furniture Store – WooCommerce Theme

lazy-placeholder

Classic Fashion 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.