Shopify Sense Theme – Custom Mobile First Variant Card Picker
Worldwide
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/weekHourly
- < 1 monthDuration
- ExpertExperience Level
$30.00
-
$50.00
Hourly- Remote Job
- One-time projectProject Type
Skills and Expertise
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
- DEUBerlin4:57 AM
- $2.5K total spent4 hires, 1 active
- 115 hours
- Fashion & BeautySmall company (2-9 people)
Explore similar jobs on Upwork
How it works
Create your free profileHighlight your skills and experience, show your portfolio, and set your ideal pay rate.
Work the way you wantApply for jobs, create easy-to-by projects, or access exclusive opportunities that come to you.
Get paid securelyFrom contract to payment, we help you work safely and get paid securely.
About Upwork
- 4.9/5(Average rating of clients by professionals)
- G2 2021#1 freelance platform
- 49,000+Signed contract every week
- $2.3BFreelancers 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