How to show configurable options in product listing?
If product options are not displayed on category pages, customers have to select them from the product page to add the items to the cart.
To display configurable swatches on category pages, navigate to Stores → Attributes → Product → choose the attribute → Storefront Properties tab and enable the Used in Product Listing setting.
Save the changes and flush the cache. As a result, customers will be able to select the needed product variant right in the product listing.
Kindly note that this default feature may depend on the peculiarities of your theme. If you can't make the swatches show on category pages with the setting above enabled, check your theme configurations.
Related Articles
How to make product image change after choosing a configurable option on the product listing page?
Configurable products are assembled from simple products, which represent variations of the same item. Each simple product can have its own image that differs it from other options. For example, you can upload images of different color variations of ...
Is there a way to display all the filter options even if there are no such products?
Sometimes it is necessary to show all possible filters inside the navigation bar even if there are no product matching results. Default Magento allows showing all filter options, and to apply this logic the following setting should be set to ...
How can I add more countries to the Shipping Country condition dropdown?
Many rule conditions, such as in Magento Cart Price Rules or Amasty Shipping extensions, use the default Shipping Country condition option. It offers to choose countries allowed in the general settings of Magento. To add more default countries to ...
How to set different product prices for different customer groups?
It's possible to set prices per customer groups using the default Magento tier pricing feature. To configure tier prices, navigate to Products → Edit/create a product → Price → Advanced Pricing link. Here, is the Customer Group Price configurations, ...
How to add a product attribute to rule conditions list?
Some attributes might not be available in the conditions list when you create a new rule. To add an attribute to the conditions, follow the steps below: Step 1. Navigate to Stores > Attributes > Product, choose the attribute and open the Storefront ...