Shopify OS 2.0 Developer Custom Membership Promo Section on Product Pages

Posted 4 days ago

Worldwide

Summary

We're a luxury furniture brand on Shopify (Grow plan). Our product pages already display dual pricing (member price / regular price) via our membership app. We need a custom promotional section built into the product template that sells the membership to non-members. Small, precisely scoped job on our existing theme. Screenshots of the current product page and a design mockup of the target section are attached. Deliverables: A new Online Store 2.0 section rendered on all product pages, positioned below the payment icons and above the OVERVIEW accordion in the buy column. Layout per attached mockup: small letter-spaced eyebrow line, serif headline, one line of dynamic copy, a solid filled CTA button plus a text link. Dynamic savings calculation in Liquid. The section must compute regular price minus member price for the current product and render both the member price and the savings amount in the copy (e.g. "pay $759.50 — a saving of $325.50 on this piece"). Both prices already exist in our theme's price rendering; no new metafields or apps. Currency formatted via money filters, correct on every product with no per-product setup. Variant switching support. When a customer selects a different variant with a different price, the member price and savings figure in the section must update, hooked into the theme's existing variant change event. Theme customizer settings for: eyebrow text, headline, CTA button label, CTA link target, and text link label/target. Our team edits copy without touching code. Styling matched to our existing theme: same type treatments, letter-spacing, and border weights as our current buy column. CTA button solid/inverted relative to our outlined add-to-cart button. Fully responsive; mobile Safari must be visually checked. Removal of the existing dismissible bottom popup bar on product pages ("30% off for society members"). Technical constraints: built as an OS 2.0 section/block with schema settings, no hardcoded product IDs or prices, no app dependencies for rendering, CSS scoped to avoid theme conflicts, no measurable impact on PDP load speed. All work on a duplicated theme, reviewed on preview, published only with our approval. Milestones: (1) Section rendering on preview with correct math verified across multiple products and variants, including multi-variant items — majority of fee. (2) Responsive/cross-browser pass and publish — remainder. Requirements: 3+ years Shopify theme development, portfolio including at least one custom-built PDP section on a live store (link it — app installs and settings changes don't qualify), experience with premium/minimal aesthetic storefronts. To confirm you've read this posting, begin your proposal with the word MARBLE. Proposals without it are declined automatically. In your proposal: (a) link the live store with your custom PDP section and describe what you built, (b) briefly explain how you would calculate the per-product savings figure in Liquid, and (c) your fixed price and turnaround for this scope. We expect this to be roughly a 5-hour job. See attached example of existing page, and a mockup of what we want added but in our exact branding. Clean work leads to ongoing development — member pricing logic and cart mechanics are next on our roadmap.

  • $125.00

    Fixed-price
  • Expert
    Experience Level
  • Remote Job
  • One-time project
    Project Type
Skills and Expertise
Mandatory skills
Shopify
Web Development
Activity on this job
  • Proposals:15 to 20
  • Last viewed by client:3 days ago
  • Hires:
    1
  • Interviewing:
    1
  • Invites sent:
    0
  • Unanswered invites:
    0
About the client
Member since Oct 6, 2010
  • United States
    Los Angeles2:59 AM
  • $147K total spent
    462 hires, 62 active
  • 3,071 hours
  • Fashion & Beauty
    Small company (2-9 people)

Explore similar jobs on Upwork

Squarespace
Web Design
Graphic Design
CSS
HTML
Website Optimization
SAP Promotion Management for Retail (PMR)Hourly‐ Posted 3 weeks ago
SAP
Project Management

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