Custom website to Shopify

Job ID: 40353705

Budget: $250 – $750 USD

I already have the website fully designed and sitting in clean, responsive HTML. Now I need that exact look and flow reproduced inside Shopify so it works as a real, editable product-template using Liquid, SCSS/CSS and JavaScript.

You’ll be working from the provided HTML/CSS/JS package plus any reference images you find helpful. The expectation is a pixel-perfect match on desktop and mobile, hooked into Shopify’s native product data (price, variants, images, etc.) so the merchant can manage the content through the admin exactly as with any other product.

Core goals
• Build a new Shopify product-template file that mirrors the supplied HTML.
• Keep everything editable in the theme customizer where possible.
• Follow Shopify theme-app-extension best practices so future updates are painless.
• Ensure quick load times and clean, semantic code.

Deliverables
1. Finished .liquid template + assets dropped into a Git branch or ZIP ready to merge.
2. Any custom sections/snippets required for the layout.
3. Brief hand-off notes explaining where to edit copy, images and styles.

Scope of Work:

Convert existing HTML design into Shopify (Liquid)
Build as reusable Shopify sections (not hardcoded)
Ensure full responsiveness (mobile-first)
Integrate with Shopify product system (variants, cart, etc.)
Implement the following features:
Product gallery with thumbnails
Personalization input (text field)
Language toggle (Arabic / English input)
Live preview of entered name
Color swatches
Add-ons (gift wrap, message card, etc.)
Sticky add-to-cart bar (mobile)
UGC video section (with modal/lightbox)
Image spec section (grid with hover effects)

Please share a couple of Shopify product pages you’ve hand-coded from custom designs and note your usual turnaround for a single template like this.