Request a quoteQuote
Shopify collection page task

How to Add Size Options on Shopify: Answer the Size Question Right on the Card

Not sure how to add size options on Shopify so they appear on every card? We build the size row in a duplicate theme, fix the order and sold-out marks and test on real phones. From $59, fixed price.

  • Sizes listed under each card
  • Sold-out sizes struck through
  • Sizes in the right order
  • Optional tap to add
Shopify collection page where each product card shows a row of size buttons with one size crossed out
From$59
Delivery1 to 4 working days
Revisions2 rounds
Our track record

450+ Shopify Stores Launched Since 2015. Now Let Us Handle Your Size Options on Cards.

More than 450 Shopify stores launched since 2015 and a 4.9+ average from verified clients sit behind this task. Your size options on cards is small in scope and handled with the same planning and testing as our biggest builds.

450+

Shopify stores designed and launched

4.9+

Average rating from verified clients

2015

Building Shopify stores since

Secure checkout

Pay through a protected checkout and keep a full order record.

Two revision rounds

Included in every package, so the result matches what you pictured.

Backup before changes

We work on a duplicate of your theme, never on your live store.

Problem and result

How to Add Size Options on Shopify: Let Shoppers Check Their Size at a Glance

For clothing, shoes and anything sized, the first question is whether it comes in my size. A card that answers it saves shoppers from opening product after product, and one that struck out the gone sizes saves them from falling for something they cannot buy.

Size options on collection cardsSize options on collection cards. Before: no sign of sizes. After: sizes on every card. 1. Sizes under each card. 2. Sold-out sizes struck. 3. Right order, S to XL.Size options on collection cardsBefore: no sign of sizes. After: sizes on every card.BeforeBeforeAfterAfterNorthlineMissingNorthlineSMLXL1Sizes under each card2Sold-out sizes struck3Right order, S to XL
Size options on collection cardsSize options on collection cards. Before: no sign of sizes. After: sizes on every card. 1. Sizes under each card. 2. Sold-out sizes struck. 3. Right order, S to XL.Size options on collectioncardsBefore: no sign of sizes. After: sizes onevery card.BeforeBeforeAfterAfterNorthlineMissingNorthlineSMLXL1Sizes under each card2Sold-out sizes struck3Right order, S to XL
Before

The size question forces a click

Cards show a photo and a price and nothing about sizes. Shoppers open products only to find their size is gone, or sizes appear in a muddled order like XL, S, M.

After

Sizes visible while browsing

A tidy row of sizes sits under each card in the right order. Sold-out sizes are struck through, and an optional tap adds the chosen size straight to the cart.

What is included

What Your Card Size Options Include

When you ask how to add size options on Shopify collection cards, you get the size row built from your real options and checked for order and stock.

Implementation checklist

  • A row of available sizes under each product card
  • Sizes read from your Size option and each variant's availability
  • Sold-out sizes struck through or faded
  • Sizes in a logical order such as S, M, L, XL or 6, 7, 8
  • A limit with a plus count for products with many sizes
  • An optional tap on a size to add it to the cart
  • A size chart link on the card or in the row
  • Handover note explaining how sizes are read and ordered

Sizes are listed in the order we set with you, and a product with several options such as size and length needs a rule, which we agree first. A tap-to-add size uses the real cart, and we do not create the size charts themselves.

See how it works

From a Click to Find Your Size to Sizes on the Card

Follow one visit. The shopper scans the grid, sees their size is in stock on a card and taps it to add to cart.

Size options on cardsA collection page with eight products. Filters are switched on one by one (Size M, In stock, Under $40), the grid re-flows and the counter changes from 24 products to 5 products. A sort menu opens and Price: low to high is chosen, then a quick add button appears on a product. Stages: Check sizes on cards, Gone sizes are struck, Tap a size to add. Size options on cardsyourstore.com/collections/teesFiltersSize MIn stockUnder $4024 products14 products9 products5 productsFeaturedPrice: low to highSize MIn stockUnder $40Linen Shirt$68Classic Tee$29Rib Tank$24Crew Neck$38Pocket Tee$32Long Sleeve$36Henley$42Polo Shirt$46Add sizeFeaturedPrice: low to highBest selling1Check sizes on cards2Gone sizes are struck3Tap a size to add
Size options on cardsA collection page with eight products. Filters are switched on one by one (Size M, In stock, Under $40), the grid re-flows and the counter changes from 24 products to 5 products. A sort menu opens and Price: low to high is chosen, then a quick add button appears on a product. Stages: Check sizes on cards, Gone sizes are struck, Tap a size to add. Size options on cardsyourstore.com/collections/tees24 products14 products9 products5 productsFeaturedPrice: low to highSize MSize MIn stockIn stockUnder $40Under $40Linen Shirt$68Classic Tee$29Rib Tank$24Crew Neck$38Pocket Tee$32Long Sleeve$36Henley$42Polo Shirt$46Add sizeFeaturedPrice: low to highBest selling1Check sizes on cards2Gone sizes are struck3Tap a size to add
Scope boundaries

Exactly What Is and Is Not Covered for Your Size Options on Cards

Before you order a size options on cards, here is the scope in plain terms: what is in, what is out, what we need from you and what triggers a custom quote.

Included

  • A size row on your live collection cards
  • Order rules and sold-out marks
  • Optional tap to add and size chart link
  • A handover note and two rounds of revisions

Not included

  • Creating size charts
  • Renaming size options across the catalogue
  • Size recommendation tools
  • Checkout changes that Shopify itself controls

Access we need

  • Collaborator access to your Shopify store
  • Products with a Size option
  • Your size order and chart link

Quote triggers

  • Products with size and length together
  • A size finder or recommendation tool
  • A theme that page builder apps have changed heavily

Typical turnaround

  • 1 to 3 working days for most size options on cards jobs
  • Faster options in the calculator
  • Timing confirmed before work starts

After launch

  • Two revision rounds before go-live
  • A short handover note for your size options on cards
  • Questions about Show Size Options on Collection Page answered; larger changes priced as small tasks
Compare your options

How to Add Size Options on Shopify With a Theme Option, an App or a Freelancer?

Weigh the common options for a size options on cards against each other, from a quick fix to a tested build with a handover note.

What mattersDIY or appFreelance gigGeneral agencyStore Design Expert
Sizes in the right orderRarelySometimesSometimesYes
Sold-out sizes markedSometimesOftenSometimesYes
No monthly feeYesNoYesYes
Tap to add a sizeNoOftenIf codedYes
Price known before work beginsFree but time-costlyVariesQuote onlyYes
Theme backup before any changeNoRarelyUsuallyYes
Two revision rounds includedNoVariesExtra costYes
Handover note for what changedNoRarelySometimesYes
Price calculator

Price Your Size Options on Cards

Pick a package, adjust the options for your size options on cards and set your speed. The fixed price and delivery estimate update with every click, with no hidden fees.


Choose your packageRequired

Pick the depth of size options on cards that fits your store, then adjust it with the options below.

Available sizes listed under each product card, with sold-out sizes struck through, so shoppers see their size before opening the product.

  • Sizes listed on each card
  • Sold-out sizes struck through
  • Read from your Size option
  • Desktop and mobile tested

For stores that want sizes that add to cart in one tap, a size chart link on the card and a tidy limit with a plus count.

  • Everything in Sizeup Basic
  • Tap a size to add
  • Size chart link
  • Limit with plus count
  • Works with quick add

A fully tuned size display: size order fixed so S comes before XL, numeric sizes handled and checks for products with several options.

  • Everything in Sizeup Standard
  • Size order fixed
  • Numeric sizes handled
  • Several options handled
  • Thirty-day fix window

Products with size and length together, size finder tools and themes heavily modified by page builder apps are scoped separately and quoted at a fixed price.

Should a tap add to cart?Required

Adding from the card needs more testing.

How are sizes ordered?Required

Custom orders need a rule.

How soon do you need it live?Required

Standard follows the schedule your other choices set. Pay to move up the queue and go live sooner.

Optional extrasOptional

Each one begins switched off. Turn on what you need, watch the total, switch it back off.

Request a custom quote

Products with size and length together, size finder tools and themes heavily modified by page builder apps are scoped separately and quoted at a fixed price.

Request a Quote

Changed your mind? Choose Sizeup Basic, Sizeup Standard or Sizeup Plus above to return to the instant calculator.

How it works

How We Handle Your Size Options on Cards, Step by Step

A short, fixed sequence of six steps carries the size options on cards from payment to a finished store change you have approved.

  1. 1

    Purchase

    Place your size options on cards order in a few clicks, with the total, the timing and the scope visible before payment.

  2. 2

    Access

    Send collaborator access and the details we ask for in a short form, and you stay the store owner with no password shared for the size options on cards.

  3. 3

    Build in a duplicate theme

    A separate copy of your theme holds the size options on cards while we build, which leaves the live store untouched.

  4. 4

    QA

    A checklist drives the testing of the size options on cards, so you review something that already meets the agreed criteria.

  5. 5

    Handover

    Once you sign off, the size options on cards goes live and you receive a written note on what changed and where.

  6. 6

    Support

    Once the size options on cards is live we remain on hand for questions, and further changes are scoped and priced first.

Compatibility and QA

Card Size Option Checks and Acceptance Criteria

Quality checks for the size options on cards are written down in advance, so you can see exactly what we test and when the job counts as finished, with your theme backed up the whole time.

What we test

  • OrderSizes appear in the agreed order on every card.
  • StockSold-out sizes are struck through and cannot be added.
  • TapWhere tap to add is used, the right size and quantity reach the cart.
  • DevicesEvery width from a 320 pixel phone up to a wide desktop is checked for the size options on cards on current devices.
  • BrowsersChrome, Safari, Firefox and Edge, each in its current version.
  • LayoutLong size lists do not break the card.

Acceptance criteria

  • Sizes show under each card
  • The order is the one you agreed
  • Sold-out sizes are marked
  • The size row is tidy on small phones
  • The handover note explains how sizes are read
What we need to get started

What We Need to Get Show Size Options on Collection Page Started

To begin the size options on cards you only need to pick an access route and answer the points below, and your live store stays untouched until you say go.

Collaborator access

Approve our collaborator request for the size options on cards from your Shopify admin, and you remain the owner and can revoke access the moment the work is finished.

No store yet? We build it first

If your store does not exist yet, the size options on cards is built inside our Partner account and the whole store moves to you when it is ready.

Prefer to share a login?

A staff account works for the size options on cards if you prefer one, but a collaborator request is simpler to withdraw so it is our first suggestion.

Sizes

Tell us your size names and the order you want, for example S, M, L and XL.

Size chart

Tell us whether a size chart page or image exists for us to link.

One decision maker

Someone with the final say on the size options on cards, so the two included revision rounds go as far as possible.

When you cannot decide how to give access for the size options on cards, tell us in the form that follows checkout and we will choose the simplest route with you.

Testimonials

What Store Owners Say Before You Order Show Size Options on Collection Page

Verified feedback from clients who trusted us with their Shopify stores and quick tasks alike.

Verified

The website development work was truly impressive. Their attention to detail and ability to exceed expectations made the project a success. Working with them was a breeze, thanks to quick responsiveness and a willingness to go above and beyond.

KD
Kevin D.United States
Verified

Store Design Expert was very knowledgeable about what I needed done to fix my Shopify store and how to improve the store layout. The project was completed very quickly, and I will definitely use them for support as my business grows.

ST
Samuel T.United States
Verified

Very satisfied with the work. Most importantly, Store Design Expert responded promptly to my questions and concerns. Thank you!

KB
Kyle B.United States
Verified

Outstanding work and outstanding customer service. Five stars! I will absolutely use Store Design Expert again for my next book.

KM
Katharine M.United States
Verified

Store Design Expert was great! They delivered exactly what I asked for and even offered helpful extra suggestions. Highly recommended.

PW
Paul W.United States
Verified

I request Store Design Expert every time I have a project. They are professional and give real attention to detail, which makes the work stand out.

LK
Laura K.United States
Verified

They kept communicating until the problem was fully resolved, and the result was great.

HJ
Henry J.United States
Verified

Super helpful and patient. I am new to ecommerce and Store Design Expert talked me through the whole process and even fixed my payment bridging for me!

LR
Lois R.United Kingdom
Verified

I am beyond satisfied! Store Design Expert went above and beyond on my project. Highly recommended!

MD
Michael D.United States
Related searches

Related Searches for Show Size Options on Collection Page

People describe Show Size Options on Collection Page in different ways when they search. These are the common ones.

If you searched for “show size options on collection page on shopify”, “how to add size chart in shopify” or “add size chart to shopify store”, Show Size Options on Collection Page is the work that answers it.

FAQ

How to Add Size Options on Shopify Questions

Straight answers about cost, scope, timing, apps and what we need from you for your size options on cards.

Can you show me how to add size options on Shopify on cards, and what does it cost?

Yes. Packages start at $59. The calculator adds options such as a size chart link, a size limit, a low stock hint and custom styling, and shows your exact price and delivery estimate before checkout.

How quickly can the size options on cards be finished?

The size options on cards normally takes 1 to 4 working days from the moment we are in your store, and the speed options in the calculator can bring that forward.

Is Show Size Options on Collection Page safe for my live store?

Yes. We build your size options on cards in a duplicate of your theme and publish only after testing, so your original theme stays as a backup you can return to in a minute.

What do you need from me for Show Size Options on Collection Page?

Collaborator access to your store and your size order. If your store is not live yet, the size options on cards can be built in our Partner account and moved to your ownership when it is done.

Which Show Size Options on Collection Page package should I choose?

You can choose between Sizeup Basic at $59 (1 to 2 working days), Sizeup Standard at $99 (2 to 3 working days) and Sizeup Plus at $169 (3 to 4 working days) for Show Size Options on Collection Page.

What does Sizeup Basic include for Show Size Options on Collection Page?

Available sizes listed under each product card, with sold-out sizes struck through, so shoppers see their size before opening the product. It includes: Sizes listed on each card; Sold-out sizes struck through; Read from your Size option; Desktop and mobile tested; Tap a size to add. Sizeup Basic costs $59 and takes 1 to 2 working days.

What do I choose when I order Show Size Options on Collection Page?

When you order Show Size Options on Collection Page you pick a package and then answer 3 short questions in the calculator: should a tap add to cart (Show sizes only, Tap a size to add); how are sizes ordered (Standard order, A custom order); how soon do you need it live (Standard, Sooner, Fastest).

What if my Show Size Options on Collection Page job needs more than the packages cover?

Ask for a custom quote on this page if your Show Size Options on Collection Page job goes beyond the packages: we scope it in writing and quote a fixed price first.

How do I pay for Show Size Options on Collection Page?

Payment for Show Size Options on Collection Page happens in a protected checkout, which also gives you a full order record. A 50% deposit starts orders above $2,500.

Ready when you are

How to Add Size Options on Shopify: Answer the Size Question Early

Pick your package, see the exact price and delivery estimate and get a size row that is ordered, accurate and tidy on every card and device. If you need size and length together or a size finder, request a quote and we will scope it with you.

Fixed price · Two revision rounds · Backup before changes