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, 2 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

Bike Store – WordPress WooCommerce Theme

lazy-placeholder

Organic Store – WordPress WooCommerce Theme

lazy-placeholder

Kids Toys Store – WordPress WooCommerce Theme

lazy-placeholder

Man Store – WooCommerce Theme

lazy-placeholder

Interior – WordPress WooCommerce Theme

lazy-placeholder

Tea Store – WordPress WooCommerce Theme

lazy-placeholder

Designers – WordPress Theme

lazy-placeholder

Lifestyle Blog – WordPress WooCommerce Theme

lazy-placeholder

Designers – WordPress WooCommerce Theme

lazy-placeholder

Jewellery Niche Market – Multivendor WP 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.