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.
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