Return to previous page

Problem with products Layout in shop page

This topic has 3 replies, 2 voices, and was last updated 2 years, 10 months ago ago by VAhumada

VAhumada

Participant

February 4, 2022 at 01:31

Hello,
How can I order the products on the store page so that they are ordered and aligned and all the same size.

See an example here:
https://drive.google.com/drive/folders/1zAclneM9hWkvEMZOPIp549XulFJsdW4T?usp=sharing

Please, contact administrator
for this information.

#316122 Copied Theme version: 8.1 WooCommerce version: 6.1.1

2 Answers
Rose Tyler

Support staff

February 4, 2022 at 08:12
Hello,

Theme Options > WooCommerce > Shop > Products style > https://prnt.sc/26ofphn + https://prnt.sc/26ofprm = https://prnt.sc/26ofpzi
or add the next custom CSS 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;
}
```
= https://prnt.sc/26ofqrr

Regards
#316130 Copied
VAhumada

Participant

February 4, 2022 at 16:55

excellent, it worked perfect.
Thanks!

#316219 Copied
Tagged: product layout, seo friendly, shop page, templates, woocommerce, wordpress
Viewing 3 results - 1 through 3 (of 3 total)