This topic has 12 replies, 3 voices, and was last updated 2 years, 8 months ago ago by Rose Tyler
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
Hello,
Try to use custom CSS code from this topic – https://www.8theme.com/topic/problem-with-products-layout-in-shop-page/
Regards
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”
Hello,
By default, there is no such option, you can try to do this using translation files – https://www.8theme.com/documentation/xstore/theme-translation/base-theme-translation/
Regards
How to achieve the same result with blog posts as well. How to alighn them uniformly
Hello,
Theme options > Blog > Blog page layout > Masonry > off, then reply back here, we will give custom CSS code.
Regards
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
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
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
Hello,
Provide us with WP Dashboard access to your site to check and help you, please.
Regards
Pl check
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
Tagged: category, misalignment, products, shop, templates, woocommerce, wordpress
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