How To Show Size Variants On Collection Page In Focal Theme

Store Design
, , ,

Topic summary

A Shopify store owner using the Focal theme wants to display size variants and their availability (in stock/sold out) directly on collection pages, without requiring customers to click into individual product pages.

Current Limitation:

  • The store currently only shows color variants on collection pages
  • Size variant display requires custom implementation

Proposed Solutions:

  1. Custom coding to add this functionality
  2. Third-party Shopify apps (one specific app was recommended that displays size swatches on collection/home pages)
  3. Switching to a theme with built-in size variant display

Current Status:

  • The store owner requested help implementing the custom code solution
  • A community member offered to provide the code but needs access to theme files
  • They agreed to continue the conversation privately via direct message, WhatsApp, or email to share collaborator code and implement the changes
Summarized with AI on November 10. AI used: claude-sonnet-4-5-20250929.
1

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 “KURTIS” 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 color variants on these pages. I’m not interested in adding color swatches.

LINK TO MY STORE: https://thechikanlabel.com/

Thanks in Advance

2

Hi @Thechikanlabel You can show it, but just with the help of custom coding, or you can use 3rd party app that can provide you this functionality or you need to change your theme and find the theme that will provide you this option by default.

If you will unable to implement the same then I’m happy to do this for you, let me know. I can implement the code changes so that this will work well for you.

Hopefully it will help you. If yes then Please don’t forget hit Like and Mark it as solution!

Best Regards

Sahil

1 Like
3

Hello @Thechikanlabel ,

I understand you are looking to display the product size availability with the product image in Home Page & Collection Page.

You can implement this change using Shopify App.

Please take a look at the below mentioned Shopify App, it provides a feature to display the size option available for the respective product. https://prnt.sc/FQavv8C9P-ix

I hope the app helps you.

Please let me know if you have any query.

Thank you.

4

Yes please implement or you can share the code if you want

5

Hi @Thechikanlabel I need to look into the theme files to provide you the exact code that will work well on your store, if needed I can provide you the base code and you will edit it according to your theme files.

Best Regards

Sahil

6

Can I share you a collaborator code?

7

Hi @Thechikanlabel Yes that will be great, but don’t share it publicly, can you please share it on whatsapp or email or private message in shopify, whichever is suitable for you.

Best Regards

Sahil

8

Hi @sahilsharma9515 i have directly sent you a message kindly check