Need help for coding! Swatches for variants and colours

Topic summary

A user seeks help implementing custom variant swatches for their Shopify store without relying on a paid app ($15/month). They’ve provided three reference images showing their desired design.

Requirements:

  • Color swatches: Display on both collection and product pages matching the current app’s appearance
  • Size swatches: Square-shaped buttons instead of current format
  • Size labels: Preferably standardized as S, M, L, XL, 2XL, 3XL, 4XL, 5XL

Current Status:

  • One developer (Shadab_dev) responded offering assistance, particularly if the store uses a free Shopify theme
  • Provided an example of similar work (kpsclothing.in)
  • Mentioned a one-time service fee as an alternative to monthly subscription costs
  • Discussion remains open for collaboration via direct contact
Summarized with AI on November 2. AI used: claude-sonnet-4-5-20250929.

it would be extremely appreciated if someone can help me get the code for the variants I want, I want them to look exactly how they are in my images without paying monthly for a app.

For the colours I would like them in my collection page and my product page appearing like how they already appear in my website with the app

for the sizes I would like them to be square like my images I provided

(if you can make the sizes S M L XL 2XL 3XL 4XL 5XL instead what I did would be even better thank you so much!)

I just need the coding for the swatch’s I already have from the app but I do not want to pay 15$ a month I would like them as codes

I can pretty much help with this stuff, and if you are using one of the free themes that would be just great.

I did this for one of the clients. Here’s an example: www.kpsclothing.in

Please reach out via personal links below for a convenient conversation and collaboration. Obviously I will have my service fee but will probably save you from the monthly fee.

Best

Shadab