WooCommerce Thumbnail Columns and Ratio (1 min)

If you want to know how to config WooCommerce thumbnail columns, please read the tutorials. As we know WooCommerce is now the most popular eCommerce plugin on the web.

We only talks about a detail about the shop(archive, category) page thumbnail columns and ratio. If you want to know how to start with WooCommerce(installation, creating products, and so on)? Please read WooCommerce official DOC.

Please login your WordPress admin page, go to Appearance > Customize > WooCommerce

WooCommerce Thumbnail Columns and Ratio

WooCommerce Thumbnail Radio

Click “Product Images” tab, set product thumbnail radio. You can define the image width(size) and ratio. There are options 1:1, Custom and Uncropped options for images. If the Custom is selected, you can define the image ratio freely, like 16:9, 4:3 and so on. The option Uncropped is not commonly used. If you want to create a masonry layout, please pickup it, there is a step by step tutorials here.

WooCommerce Thumbnail Columns

Click “Product Catalog” tab, pickup a number for “Products per row”(1-6 supported):


The WooCommerce would automatically create a page named “Shop – Shop Page”, it could not be edited by WordPress default editor or a content(page) builder. It is the default page of WooCommerce. You could create a new page to customize the layout for your shop page.

Want to Hire a Professional WordPress Developer ? Please Click Here.

Was this article helpful?

Related Articles