Shopify Sense Theme – Custom Mobile First Variant Card Picker

Posted 2 months ago

Worldwide

Summary

I’m looking for an experienced Shopify developer to replace my current app-based variant swatches with a custom, mobile-first variant card picker in the Shopify Sense theme. Reference: https://diamondsmileteeth.com/products/home-bleaching-kit I want to rebuild a very similar variant card selector, especially optimized for mobile. The cards should show: - custom variant image - variant/bundle title - optional badge, e.g. “Most popular” - optional short description / contents - compare-at price / strike-through price - current price - selected state - sold-out/unavailable state Important: The card images should not automatically use the Shopify variant image. I want to upload a separate image per variant in Shopify, ideally via variant metafields. Suggested metafields: - variant card image - custom card title - short description / contents - badge text Fallback logic: title = variant name if metafield is empty image = variant image or product image if custom card image is empty badge/description hidden if empty Technical requirements: - Work in a duplicated theme copy first. - Live theme and current swatch app must stay untouched during development. - In the theme copy, the current app-based swatches should be disabled/hidden. - The custom picker must work with Shopify’s native variant logic. - Selecting a card must update the correct variant, price, compare-at price, availability, add-to-cart state and variant URL/ID. - Mobile layout is the highest priority. - Cards should use 100% of the available container width on mobile. - Clean Liquid/CSS/JS implementation. - No extra app. - Must be compatible with Shopify Sense theme. Before hiring, please briefly explain: - How you would implement this technically - Which theme files/snippets you would likely edit - How you would handle variant metafields - How you would avoid conflicts with the existing swatch app - Estimated hours and timeline - Whether you personally do the work or delegate it to a team member Please apply only if you have strong experience with Shopify theme customization, Liquid, JavaScript, responsive PDP development and variant logic.

  • Less than 30 hrs/week
    Hourly
  • < 1 month
    Duration
  • Expert
    Experience Level
  • $30.00

    -

    $50.00

    Hourly
  • Remote Job
  • One-time project
    Project Type
Skills and Expertise
Mandatory skills
Liquid
Responsive Design
Activity on this job
  • Proposals:20 to 50
  • Last viewed by client:2 weeks ago
  • Hires:
    1
  • Interviewing:
    1
  • Invites sent:
    2
  • Unanswered invites:
    0
About the client
Member since Jul 16, 2025
  • DEU
    Berlin4:57 AM
  • $2.5K total spent
    4 hires, 1 active
  • 115 hours
  • Fashion & Beauty
    Small company (2-9 people)

Explore similar jobs on Upwork

Ecommerce exicutiveFixed-price‐ Posted 3 weeks ago
Amazon Seller Central
Shopify
Shopify Lead Magnet IntegrationFixed-price‐ Posted 3 weeks ago
Shopify
HTML
Shopify Templates
JavaScript

How it works

  • Post a job icon
    Create your free profile
    Highlight your skills and experience, show your portfolio, and set your ideal pay rate.
  • Talent comes to you icon
    Work the way you want
    Apply for jobs, create easy-to-by projects, or access exclusive opportunities that come to you.
  • Payment simplified icon
    Get paid securely
    From contract to payment, we help you work safely and get paid securely.
Want to get started? Create a profile

About Upwork

  • Rating is 4.9 out of 5.
    4.9/5
    (Average rating of clients by professionals)
  • G2 2021
    #1 freelance platform
  • 49,000+
    Signed contract every week
  • $2.3B
    Freelancers earned on Upwork in 2020

Find the best freelance jobs

Growing your career is as easy as creating a free profile and finding work like this that fits your skills.

Trusted by

  • Microsoft Logo
  • Airbnb Logo
  • Bissell Logo
  • GoDaddy Logo