Size Swatch

Size Swatch

by Aframe Design

Display variant names in a swatch on the collection page

4.4 of 5 stars(26 reviews)

Show sizes on collection pages

Display sizes on your collection grid and homepage featured products section. Customize the size swatch including shape and color.

Reduce customer frustration

Help customers find the right product by showing size availability in the collection grid. Increase ease of browsing & customer satisfaction

Create buyer purchase urgency

Display a low stock message (like 'Almost gone!') with a tooltip on your product size swatch to increase buyer urgency.

About Size Swatch

Are your customers frustrated that they need to open the product page to check size availability?

Use the Size Swatch app to easily display sizes underneath your product thumbnails on your collection pages and homepage.

Customize the size swatch to suit your store branding

Based on your store and products, you can customize your swatch design:

  • Shape - round or square
  • Color - select colors for In Stock and Out of Stock sizes and colors on hover.
  • Size
  • Alignment
  • Show or hide the swatch border
  • Cross-out, strikethrough or hide out of stock product variants

Display size swatches across your store

The size swatch is added to your product thumbnail and can be displayed on both your collection page grid and homepage.

Create buyer urgency with a stock level tooltip (text pop-up) on the size swatch

When customers hover over the size swatch, a tooltip message can be displayed. This is customized for stock that is In Stock, Out of Stock and Low Stock. By adding a message such as 'Available' for in stock products, 'Sold Out' for out of stock sizes and 'Almost gone' to the low stock it helps reduce customer frustration and increase buyer purchase urgency. This tooltip feature is supported for desktop browsing.

Is this app for you?

If your products have variants and you'd like to let your customers know what you have available, then this is a great app for your store. The app is particularly useful for stores that have a variety of product sizes such as clothing, fashion, footwear, food and electronics.

If you are not sure if the app is right for you, we recommend that you install the app using the free trial and preview how the swatch will be displayed in your store. The Size Swatch app is compatible with many filter apps.

Mobile Ready

The size swatch on your product thumbnail is responsive and supports desktop, mobile and tablet devices.

Easy Installation

The Size Swatch app has been designed to work out of the box for most themes including all Shopify free themes. In case the app doesn't work for your custom store we provide free installation support.

Start your FREE 14 day trial today!

One-click installation. No coding needed! Takes less than 2 minutes to get set up with your product size swatch!

See the app in action

Explore how the app works in an example store.

View example store

Media gallery


Pricing 14-day free trial


* All charges are billed in USD.
** Recurring charges, including monthly or usage-based charges, are billed every 30 days.

4.4 of 5 stars

The overall rating reflects the current state of the app. It accounts for all app reviews but prioritizes the most recent ones.

  • 5 of 5 stars
    88% of ratings are 5 stars
  • 4 of 5 stars
    0% of ratings are 4 stars
  • 3 of 5 stars
    0% of ratings are 3 stars
  • 2 of 5 stars
    4% of ratings are 2 stars
  • 1 of 5 stars
    8% of ratings are 1 stars

Most recent reviews


Perfect, does exactly what I needed to display the sizes/colours/number of each product and whether it's in stock at a glance. Saves the customer clicks and helps the general user experience of the website.
I talked to customer service to help me resolve a problem and they were super quick, and had sorted my problem within a day and even went above and beyond adding something in that I hadn't even noticed!
Would highly recommend.

Developer reply

September 30, 2021

Thanks for the wonderful review!! 🙏🏼 We really appreciate it 😀 If there is anything else we can help with, just let us know!

Plain Jane

Just what I needed. A small change on our store but elevates the customer experience. Wrote to the support team and immediately got a response. Made a request for a change on the website and they had it down within 24 hours. Amazing job. A lot cheaper than the other apps too.

Developer reply

September 23, 2021

Hi! 👋 Thanks for the wonderful message! Our small and dedicated support team will be thrilled to hear this. We are so glad that you love our app and it is just what your store needs 😊
If you ever need any assistance, please just let us know.

Cold World Frozen Goods

This app really helped with CS inquiries and overall UX. Highly recommended. Additionally their customer service and developers are top notch for any customization. A++++++++++

Developer reply

August 20, 2021

Fantastic!! 😁 Thanks for the wonderful review!! 🙏🏼 We really appreciate it. If there is anything else we can help with, just let us know!