Return to previous page

WooCommerce – All products on shop and category page are looking in misalignment

This topic has 12 replies, 3 voices, and was last updated 2 years ago ago by Rose Tyler

DS

Participant

April 1, 2022 at 08:50

Hi,

There is a two-line option in your theme options and if the product has one line title then your theme adds space at 2nd line automatically. Exactly like that, I am looking for a fixed image height, and if the image is short add blank space so that all products will look in alignment
https://snipboard.io/Dvx9ML.jpg

#321062 Copied Theme version: 8

11 Answers

Rose Tyler

Support staff

April 1, 2022 at 15:17

Hello,

Try to use custom CSS code from this topic – https://www.8theme.com/topic/problem-with-products-layout-in-shop-page/

Regards

#321086 Copied

DS

Participant

April 1, 2022 at 18:03

It worked, thanks a lot. There is one more issue with out-of-stock products.
https://snipboard.io/ejYMuX.jpg

If the product is not in stock then there is a button called “read more” how to replace text with “OUT OF STOCK”

#321142 Copied

Rose Tyler

Support staff

April 2, 2022 at 07:07

Hello,

By default, there is no such option, you can try to do this using translation files – https://xstore.helpscoutdocs.com/article/30-base-theme-translation

Regards

#321162 Copied

DS

Participant

April 2, 2022 at 11:04

How to achieve the same result with blog posts as well. How to alighn them uniformly

#321174 Copied

Rose Tyler

Support staff

April 2, 2022 at 12:08

Hello,

Theme options > Blog > Blog page layout > Masonry > off, then reply back here, we will give custom CSS code.

Regards

#321177 Copied

DS

Participant

April 2, 2022 at 12:28

1. Regarding the blog, setting updated please provide CSS asap.

2. Found one error, there are 8 products in the cart but the scroll shows just three -> https://snipboard.io/FtzgkA.jpg

#321179 Copied
Rose Tyler

Support staff

April 2, 2022 at 13:27
Hello,

1/
```
.et_blog-ajax {
    display: flex;
    flex-wrap: wrap;
}
.et_blog-ajax .post {
    display: flex;
}
.et_blog-ajax .post > div {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
}
```
2/ Header builder > Cart > Number Of Products In Mini-Cart

Regards
#321182 Copied
DS

Participant

April 2, 2022 at 14:19

1 – It made the blog category page perfect but the Home page post section is not aligned https://snipboard.io/RdFG41.jpg
** Another point is alignment is not correct https://snipboard.io/EMW1Vt.jpg
– Image should be in one line (you can crop images overflow)
– All titles should be in one line
– All buttons should be in one line

2. set to the 20 but still showing only 3 products

#321186 Copied

Olga Barlow

Support staff

April 2, 2022 at 20:51

Hello,

Provide us with WP Dashboard access to your site to check and help you, please.

Regards

#321200 Copied

DS

Participant

April 4, 2022 at 05:31

Pl check

Please contact administrator
for this information.

#321255 Copied

Rose Tyler

Support staff

April 4, 2022 at 08:14

Hello,

Check Home page now.
It is recommended to use a graphics editor and prepare product or post images (make them the same size) before uploading images to your media gallery.
Blog carousel element > General > Posts limit

Regards

#321272 Copied
Tagged: category, misalignment, products, shop, templates, woocommerce, wordpress
Viewing 12 results - 1 through 12 (of 12 total)

The issue related to '‘WooCommerce – All products on shop and category page are looking in misalignment’' has been successfully resolved, and the topic is now closed for further responses

WooCommerce – All products on shop and category page are looking in misalignment

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection