Return to previous page

Products on the shop page in one line ? - by Pit

This topic has 3 replies, 2 voices, and was last updated 11 months ago ago by Pit

Pit

Participant

May 29, 2023 at 10:31

Hello,
Is it possible to have all the products on the shop page in one line. The point is that the description should contain only 2 lines.
I send photo

Please, contact administrator
for this information.

#357954 Copied Theme version: 9.1.6 WooCommerce version: 7.4.1

2 Answers
Rose Tyler

Support staff

May 29, 2023 at 10:53
Hello Pit,

Thank you for contacting us and for using XStore.

You can set “Title Limitation Type” – Lines (2) via Theme Options > WooCommerce > Shop > Products Design
Or
Add the next code in Theme Options > Theme custom CSS:
```
.main-products-loop .product, .products-loop .product, .carousel-area .product-slide .product {
    display: flex;
    justify-content: center;
}
.products-loop .ajax-content, .products-loop {
    display: flex;
    flex-wrap: wrap;
    flex: 1;
}
.content-product {
    flex-direction: column;
    justify-content: space-between;
    display: flex;
    flex: 1;
}
.content-product .quantity-wrapper {
    margin-right: auto;
    margin-left: auto;
}
.swiper-container {
    display: flex;
    align-items: stretch;
}
.product-slide .product {
    display: flex;
    height: 100%;
}
.swiper-wrapper {
    height: auto;
}
.content-product .product-image-wrapper {
    margin-bottom: 10px;
}
```
If you have any additional questions or concerns, please do not hesitate to reach out to us. Our support team is always available to assist you.

Kind Regards,
8theme team
#357956 Copied
Pit

Participant

May 29, 2023 at 11:47

Thank you very much Rose for help.
Kindest regards

#357959 Copied
Tagged: products, shop, themes, woocommerce, wordpress
Viewing 3 results - 1 through 3 (of 3 total)