{"id":1040,"date":"2020-01-17T09:14:00","date_gmt":"2020-01-17T08:14:00","guid":{"rendered":"https:\/\/www.welaunch.io\/en\/?p=1040"},"modified":"2020-06-20T12:28:28","modified_gmt":"2020-06-20T10:28:28","slug":"show-woocommerce-single-variations","status":"publish","type":"post","link":"https:\/\/www.welaunch.io\/en\/2020\/01\/show-woocommerce-single-variations\/","title":{"rendered":"How to show WooCommerce Single Variations in your Shop"},"content":{"rendered":"
WooCommerce allows store owners to create variable products like a T-Shirt with different Colors by default. But what if you want to show all color variations of your T-Shirt directly in your shop & category pages as single products? We show you how and why you should show single variations directly. But let us start first with a small explanation.<\/p>\n
A variable product can be anything from a t-shirt to a set of AirPods. Items might be largely identical. However they can differ in color and size. In the right image you can see a WooCommerce variable product<\/a> example. It is a shoe where you can select the color of the shoe: black or brown. The color variations are then the variations of the product. They can include your own picture, SKU and price.If customers now browse for example the category shoes they will not see the variations directly. Your users only see the main product name “variable shoe” and after they click on it they can select different options.<\/p>\n Amazon, eBay and all other large online shops show variations as single products as of today. Why? Well there are several reasons:<\/p>\n Showing your variations directly as single products is not that easy to be done. A variation needs to be assigned to product categories, tags, attributes first. Otherwise they will never appear in your category pages for example. But then you might also want to show the attributes of your variation product in the shop loop. So not only “Variable Shoe”, but “Variable Black Shoe”.<\/p>\nWhy you should show variations in your shop loop<\/h2>\n
\n
How to show variations as single products<\/h2>\n