Ce include tema Shopify custom
Inainte de orice linie de Liquid scriem design system complet in Figma: paleta culori cu HEX si HSL, tipografie cu scale modular 1.25, spacing scale 4/8/12/16/24/32/48/64, componente UI (buttons states, inputs, badges, cards), variante mobile/tablet/desktop. Tokens-urile devin variabile CSS in tema. Brand-ul tau capata coerenta vizuala pe orice landing page noua.
Home, collection, product, product.alternate (pentru bundle sau abonament), cart, search, account, blog, article, page, 404, password. Toate ca JSON templates editabile prin Online Store editor. Clientul tau poate adauga/scoate sectiuni pe orice pagina fara sa atinga codul. Schema settings expusa pentru fiecare sectiune cu label-uri in romana sau engleza.
Hero banner cu video sau imagine, image with text 2 coloane, multicolumn 3-6 carduri, slideshow, featured collection grid, featured product, rich text, FAQ accordion, testimonials carousel, logo list, image gallery masonry, contact form, newsletter signup Klaviyo, before/after slider, comparison table, sticky add-to-cart. Toate cu schema settings complet expusa.
Pentru Klaviyo signup, Judge.me reviews, Loox UGC gallery, Searchanise live search, Bold Bundles, Recharge subscription widget, Yotpo loyalty — implementam app blocks dedicate care se insereaza direct in sectiuni prin Online Store editor. Fara hack-uri Liquid sau injectii global script. Apps loaded async ca sa nu deteriorate Core Web Vitals.
CSS critical inline, restul lazy. JavaScript zero pe homepage exceptand cart drawer si analytics. Imagini WebP/AVIF cu srcset complet. Fonts cu font-display: swap si preload selectiv. Section rendering API pentru cart updates AJAX. Tinta: Lighthouse mobile 85+, LCP sub 2.5s, CLS sub 0.1, INP sub 200ms. Masurat cu PageSpeed Insights inainte de livrare.
Suport nativ Shopify Markets pentru vanzare in multiple tari cu pricing localizat, taxe corecte, traduceri Liquid. Currency selector in header, language selector daca ai content tradus. Metafields pentru traduceri produs prin Translate & Adapt sau Langify. Pregatit pentru expansiune internationala fara rewrite.
Definirea metafields produs (ingredient list, materials, dimensions, compatibility, downloadable PDF) cu UI in admin Shopify, randate in template-ul produs fara cod custom. Pentru collection metafields la fel — banner imagine, video header, USP-uri specifice colectiei. Metaobjects pentru entitati custom (testimonials, ingredient pages, recipe builder).
Theme docs in repo cu structura folder Liquid explicata, lista sectiunilor cu screenshot-uri si setari, lista metafields cu unde sunt folosite, integrari app-uri active si chei. Loom video 30 min de demo pentru echipa ta despre cum se editeaza prin Online Store editor. 30 zile suport bug-uri inclus post-launch.
Cum lucram
Workshop 2h cu echipa ta. Identificam brand-ul (guidelines vizuale, ton, valori), customer journey unic (configurator, bundle builder, B2B pricing), catalog complet (numar SKU, taxonomy colectii, metafields necesare), integrari obligatorii (apps existente, ERP, CRM). Iesim cu specificatii scrise si sitemap complet.
Wireframes Figma low-fidelity pentru 8-12 template-uri (home, collection, product, cart, account, search, blog). Design system cu tokens (culori, tipografie, spacing). Aprobi structura inainte sa intram in design vizual ca sa nu rescriem mai tarziu.
Design high-fidelity pentru toate template-urile cu states (hover, loading, error, empty), versiuni mobile (375px), tablet (768px) si desktop (1280px+). Componente reutilizabile in Figma cu variante. Doua runde de revizii incluse. Approve final inainte de dev.
Setup repo Git cu Shopify CLI 3.x, dev store cu produse test. Pornim de la Dawn ca baseline ca sa avem Online Store 2.0 corect. Construim sectiuni cu schema settings, JSON templates, app blocks pentru integrari. Demo intermediar la 50% completare ca sa ajustam directia.
Test cross-browser (Chrome, Safari, Firefox mobile + desktop), checkout cu carduri Shopify test mode, integrare apps active, Lighthouse audit mobile si desktop. Migrare pe theme live in fereastra de trafic minim. Handover cu documentatie si Loom demo. 30 zile suport bug-uri post-launch inclus.
Stack tehnic
Template engine oficial Shopify cu JSON templates, app blocks, section rendering API. Baseline Dawn 15.x ca pornire pentru compatibilitate maxima cu update-uri Shopify. Sintaxa Liquid 5 cu render tag, capture, paginate, sections.
Dezvoltare locala cu shopify theme dev (hot reload), shopify theme push/pull pentru sync cu dev store. Git workflow cu branch-uri per feature. Theme Check linter pentru best practices Liquid. CI automat la merge in main.
Pentru proiecte rapide: Tailwind 3.x cu config custom mapat pe design tokens. Pentru control maxim: vanilla CSS cu variabile + PostCSS pentru autoprefixer si nesting. Critical CSS inline in head, restul lazy. Zero CSS-in-JS (incompatibil cu Liquid).
Zero React/Vue in tema Shopify standard (Hydrogen e alt produs). Vanilla JS cu modules ES6 pentru interactivitate (cart drawer, product gallery, accordions). Alpine.js 3.x optional pentru declarative bindings simple. Loading defer/async, total bundle sub 50KB.
Klaviyo (email + signup forms cu app blocks), Judge.me sau Loox (reviews cu schema rich snippets), Searchanise (live search cu autocomplete), Recharge sau Bold (subscriptions), Yotpo Loyalty, ShipperHQ (shipping rules). Selectie dupa nevoile reale, nu install la toate.
Lighthouse CI in GitHub Actions cu threshold mobile 85+. PageSpeed Insights pre si post-launch. Chrome UX Report (CrUX) pentru date reale utilizatori dupa 28 zile live. Shopify Web Performance Dashboard pentru monitoring continuu LCP/CLS/INP per template.
Preturi reale
2.000€
4-5 saptamani
3.800€
6-7 saptamani
6.500€
8 saptamani+
Intrebari frecvente
Tema custom devine justificata cand: 1) Brand-ul tau are guidelines vizuale stricte pe care nicio tema premium (Dawn, Impulse, Prestige, Broadcast) nu le acopera fara 30+ ore de customizare care strica update-urile. 2) Ai sectiuni unice in customer journey (configurator produs, quiz personalizat, bundle builder cu pret dinamic) care necesita logica Liquid + JavaScript dedicata. 3) Vinzi 500+ SKU-uri cu filtre custom (compatibilitate auto, marime parinte/copil) unde tema premium devine lenta. 4) Iesi din standardul Shopify (B2B cu preturi negociate, multi-store cu Markets si translation). Sub 100 produse + brand standard: cumpara Impulse 350$ si personalizeaza — economisesti 3000€.
Pentru tema custom completa: 4-8 saptamani livrare end-to-end. Breakdown realist: saptamana 1 = discovery + wireframes Figma pentru 8-12 template-uri (home, collection, product, cart, account, search, blog, page) + design system cu tokens. Saptamana 2-3 = design vizual Figma cu states (hover, loading, error) si versiuni mobile. Saptamana 4-6 = dezvoltare Liquid + Shopify CLI cu Dawn ca baseline, JSON templates Online Store 2.0, sectiuni reutilizabile cu schema settings. Saptamana 7 = integrare app-uri (Klaviyo, Judge.me, Searchanise), test cross-browser. Saptamana 8 = QA pe carduri test Shopify, Lighthouse audit, go-live. Cumparata + personalizata: 2-3 saptamani.
Online Store 2.0 este arhitectura de teme Shopify lansata in 2021 care a schimbat fundamental cum se construiesc tema. Diferente cheie: 1) JSON templates in loc de Liquid templates — orice template poate avea sectiuni adaugate/scoase din editor fara cod. 2) Sectiuni pe orice pagina, nu doar homepage — clientul poate construi pagini de produs sau colectie cu drag-and-drop. 3) App blocks — app-urile (Klaviyo signup, Judge.me reviews) se insereaza direct in sectiuni fara hack-uri Liquid. 4) Metafields native cu UI in admin — campuri custom de produs fara Metafields Guru. Orice tema custom in 2026 TREBUIE sa fie Online Store 2.0 — altfel clientul nu poate edita continutul singur si platesti dev pentru fiecare modificare minora.
Da, tema custom nu te izoleaza de ecosistemul Shopify — din contra, e mai curata pentru integrari decat tema cumparata. Procedam asa: pentru fiecare app planificat (Klaviyo signup forms, Judge.me product reviews, Loox UGC, Searchanise live search, Bold Bundles, Recharge subscriptions) implementam app blocks dedicate in sectiunile relevante, astfel incat clientul poate plasa widget-ul prin editor Online Store 2.0. App-urile care necesita injectie script global (Klaviyo onsite tracking, Google Tag Manager) le adaugam in theme.liquid cu loading async ca sa nu degradeze Core Web Vitals. Testam combinatia inainte de livrare ca sa nu apara conflicte CSS sau race conditions JavaScript intre app-uri.
Performanta nu e add-on, e principiu de design. Reguli pe care le respectam: 1) CSS critical inline in head, restul lazy cu media queries. 2) JavaScript zero pe homepage exceptand cart drawer si analytics — restul defer/async sau loaded la interactiune. 3) Imagini cu srcset si sizes pentru toate breakpoints, format WebP/AVIF cu fallback JPG, lazy loading native sub fold. 4) Fonts cu font-display: swap si preload pentru max 2 fonts critice. 5) Section rendering API pentru cart updates AJAX (fara reload pagina). 6) Predictive search Shopify native in loc de Searchanise pe colectii mici. Tinta concreta: Lighthouse mobile peste 85, LCP sub 2.5s, CLS sub 0.1, INP sub 200ms. Masuram cu PageSpeed Insights si Chrome UX Report inainte de livrare.
Da, asta e exact promisiunea Online Store 2.0 — sectiuni reutilizabile cu setari editabile in admin fara page builder extern. Tema custom livrata de noi include tipic 15-25 sectiuni reutilizabile cu schema settings expusa in editor: hero banner cu video sau imagine, image with text 2 coloane, multicolumn cu 3-6 carduri, slideshow, featured collection grid, featured product, rich text, FAQ accordion, testimonials, logo list, image gallery, contact form, newsletter signup, before/after slider, comparison table. Clientul tau poate construi orice landing page nou prin editor in 15 minute fara cod si fara Shogun. Cost recurent: 0$. Limitarea: nu ai animatii avansate sau A/B testing built-in ca in PageFly Pro — pentru asta tot adaugi Convert sau VWO.
Tema custom Shopify NU e contract pe viata. Tot Liquid-ul + assets (CSS, JS, JSON templates) le primesti ca theme zip pe care il poti exporta din admin in orice moment si modifica cu orice dezvoltator Shopify din lume — codul respecta standardele Online Store 2.0 documentate de Shopify. Daca vrei sa schimbi designul peste 2 ani, ai 3 optiuni: 1) Rescriem noi tema cu discount 30% pentru clienti reveniti. 2) Mergi la alta agentie cu codul nostru ca punct de plecare — costul lor scade fata de greenfield. 3) Cumperi tema premium si o personalizezi peste — codul nostru ramane in branch dezactivat. Important: NU folosim app-uri proprietare sau encrypted code — totul e Liquid + CSS + JS standard, citibil de oricine.
Comparatie concreta cu cifre reale: 1) Tema premium Theme Store (Impulse, Prestige, Broadcast, Be Yours): 280-400$ achizitie one-time + 800-2500€ personalizare moderata din partea noastra = total 1000-3000€, livrare 2-3 saptamani. 2) Tema custom completa dezvoltata de noi de la zero pe baza Dawn: 2000-6500€, livrare 4-8 saptamani, control total pe design si performanta. 3) Replatforming complet de la Shopify standard la Shopify Hydrogen headless (React + Remix): 8000-25000€, livrare 8-16 saptamani, performanta storefront premium. Recomandare: sub 50 SKU si brand standard alege premium personalizat. Brand cu identitate vizuala stricta, 100-2000 SKU si bugetare 2000€+ alege custom. Hydrogen doar daca traficul depaseste 100k vizite/luna si justifica costul.
Servicii Shopify complementare
Setup complet magazin Shopify de la zero cu fiscalitate RO, NETOPIA, SmartBill si AWB curieri locali. Pentru cei care pleaca de la zero.
Alternativa low-cost: cumperi Impulse sau Prestige din Theme Store si o personalizam. 800-2500€, livrare 2-3 saptamani.
Pentru modificari punctuale in tema existenta: sectiune noua, integrare app custom, bug fix urgent. Pachete ore Liquid de la 60€/h.
Personalizare checkout Shopify (Plus exclusiv pana recent, acum disponibil mai larg) cu UI extensions React si server functions.
Audit CRO complet pe magazin live cu heatmap-uri Hotjar, A/B testing Convert, optimizare checkout pentru reducere abandon cos.
Spune-ne despre brand, catalog si target, primesti recomandare onesta (premium vs custom vs Hydrogen) in 4h.