Return to previous page

Product in shop/category page display in even ?

This topic has 4 replies, 2 voices, and was last updated 1 years, 4 months ago ago by Tony Rodriguez

qtwrk

Participant

December 19, 2022 at 23:52

Hi,

when product comes with different length of name (like one for 2 lines one has 3 lines) it displays unevenly

is it possible to make ti display evenly ? fill the white space or blank line for shorter-name-product to match long-name-product ?

I know there is an option to set how many lines to display , but some product in some language has to be some length in order to properly deliver the meaning …

best regards,

#341868 Copied Theme version: 8.3.8

3 Answers
Tony Rodriguez

Support staff

December 20, 2022 at 06:04
Hello, @qtwrk,

In order to solve your issue simply go to the Dashboard >> XStore >> Theme Options >> Theme Custom CSS >> Global and then paste the below code at the bottom of the CSS box there.
```
.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;
}
```
Then save settings and check back to your site after clearing the browser cache.

The result will appear like this: https://postimg.cc/0zvgsL8n

Regards 8Temes Team.
#341884 Copied
qtwrk

Participant

December 20, 2022 at 06:07

thanks, it will be handy if you can add an option for this

#341885 Copied

Tony Rodriguez

Support staff

December 20, 2022 at 07:17

Hello, @qtwrk,

Thanks for your suggestion, You can post your request here – https://www.8theme.com/taskboard/ , so our dev team read it. If it takes votes from other customers, our dev team will try to add it in one of the next updates.

Thanks for contacting us.
Have a nice day 🙂

Topic Closed.
Regards 8Themes Team.

#341891 Copied
Tagged: category, display, even, product, shop, themes, woocommerce, wordpress
Viewing 4 results - 1 through 4 (of 4 total)

The issue related to '‘product in shop/category page display in even ?’' has been successfully resolved, and the topic is now closed for further responses

Product in shop/category page display in even ?

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection