WooCommerce – how to present products in the catalogue and single product pages.

[ad_1]

How to show rectangular products – let’s say postcards – at maximum size where some are landscape and some are portrait orientation.

The standard solution is to bound all products in a square ‘box’, but that limits the size of the product as it displays within the box.

Another solution is to choose one or other orientation as ‘standard’ and let the other orientation display smaller. (see image below where a landscape orientation image is max width the width of portrait orientation images)

I would be able to segregate categories so only one orientation per product category but the standard Woo solution isn’t granular enough to solve the problem I have described.

So how to achieve a display that shows pages of portrait orientation products at full size and pages of landscape orientation products at full size?

​

https://preview.redd.it/zvrj3pkdb55c1.jpg?width=1036&format=pjpg&auto=webp&s=c593fafc4d2c3cc8f2906a91ab0767dca11b0daf

[ad_2]

 

This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer