I would like to show size variants (and what sizes are sold out) on collection pages, featured collections in my store. For example if a customer viewed to “TOPS” or “NEW ARRIVALS” they could easily see what sizes are offered and what sizes are available/sold out without having to click into view each item. According to the app developers I can only show size variants on these pages if I enable color swatches on and hover with the mouse over the color swatches (then the sizes show up also?). I’m not interested in adding color swatches and most customers are mobile so will not have a mouse to hover.
It sounds like the app developers you’ve spoken with have suggested that the only way to show size variants on collection pages is by enabling color swatches and hovering over them with a mouse. However, there are a few other options you can consider:
Use a different app: There are many apps available on the Shopify App Store that allow you to display size variants on collection pages without having to use color swatches. You can try searching for “size swatches” or “size variants” to find some options.
Use a custom solution: You can hire a Shopify developer to create a custom solution that displays size variants on collection pages without using color swatches. This can be a bit more expensive, but it can also allow you to have more control over the final design and functionality.
Use a third party plugin: Look for a third party plugin that can be added to your Shopify store and allows you to show size variants on the collection pages.
Show the sizes and stock on the product card: You can show the available sizes and stock status on the product card on the collection page itself so that customer can quickly see what is available without having to open the product page.
Show the stock status next to the size on the product page: you can show the stock status next to the size options on the product page, so the customer can see which sizes are sold out.
In any case, it is important to note that the best solution will depend on the specific needs of your store and your customers.
We are OneExperts from OneCommerce and we’re here to support you.
Apart from your app developers suggestion, you may want to try edit the code if you comfortable with it and you can follow these steps:
Go to your Shopify store’s panel → Themes → Edit Code
Go to “Section” folder → Find product-grid-item.liquid
add a new line of code that shows the size variants below the codes that controls how product information is displayed on the collection page like this:
