Personalizare tema Shopify — modificari Liquid, sectiuni, branding
Customizam tema ta Shopify (Dawn, Studio, Crave sau premium) pentru branding-ul magazinului tau: sectiuni noi facute nativ in editor, modificari Liquid pentru layout produs, metafields pentru specificatii, filtre avansate in colectii, pop-up-uri fara app-uri lunare. De la 450€, livrare 5-15 zile, modificari care rezista la update.
Tot ce trebuie sa modifici Shopify ca brand-ul tau sa fie unic
Branding complet — culori, fonturi, logo
Aplicam identitatea ta vizuala pe toata tema: paleta culorilor (primary, secondary, accent, background, text), fonturi custom incarcate (Google Fonts sau self-hosted .woff2 pentru performanta), logo si favicon optimizate, butoane cu hover states, spacing consistent, dark mode optional. Ajustari pana esti multumit, fara taxa pe iteratii.
Sectiuni noi facute Shopify 2.0 native
Construim sectiuni custom care apar in editor cu setari editabile (text, imagine, culoare, link), suporta blocuri reordonabile, pot fi adaugate pe orice pagina. Exemple: configurator produs, comparator, calculator livrare per oras, slider testimoniale cu rating, blocuri 'cum functioneaza' cu icoane. Tu le folosesti dupa fara cod.
Modificari Liquid pentru layout custom
Cand editorul nu ajunge, intram in cod Liquid (limbajul Shopify de templating). Schimbam structura pagina produs (galerie sticky desktop, tabs in loc de accordion, sectiune ingrediente jos), conditii afisare (banner doar pentru clientii logati, pret B2B), loop-uri custom prin colectii. Totul documentat in /docs/ce-am-schimbat.md.
Pagina produs personalizata cu metafields
Definim campuri custom in Shopify Admin (ingrediente, ghid marimi, video YouTube, specificatii tabel, badge-uri premium) si le integram in tema. Tu le completezi per produs din admin si apar automat pe pagina. Fara aplicatii lunare, fara dependinte externe, ramas in Shopify nativ pentru totdeauna.
Filtre avansate in colectii
Activam Shopify Search & Discovery (gratuita, oficiala) cu filtre custom bazate pe metafields (material, sezon, tip activitate, brand, culoare). Configurare boost-uri per produs in search, synonyms (gen 'rochie' = 'rochii' = 'dress'), recomandari produse legate. Pentru cazuri exotice — filtre custom AJAX cu slider pret.
Pop-up-uri si bannere fara app-uri lunare
Construim pop-up newsletter, banner cu countdown, anunturi promotionale ca sectiuni in tema (nu aplicatii). Trigger-uri: dupa N secunde, la scroll %, exit intent. Salveaza email in Email > Subscribers nativ Shopify. Economisesti 180-360$/an vs Privy / OptinMonster, ai control complet pe design.
Texte si traduceri pentru piata romaneasca
Modificam toate string-urile din tema (butoane, mesaje, etichete, emailuri tranzactionale) pentru romana naturala — nu Google Translate. Pentru magazine multi-limba (RO + EN + HU): setup Shopify Markets cu traduceri per limba, switcher in header, URLs SEO friendly /en/ si /hu/. Fara aplicatii suplimentare.
Optimizare imagini si performanta
Audit tema actuala (Lighthouse + PageSpeed), identificare imagini neoptimizate (banner 4MB la 1920px care ar trebui 200KB WebP), lazy loading corect, preload pe banner-ul de above-the-fold, sized properly (width/height). Target Lighthouse mobil minim 70+ post-personalizare, frecvent 85+. Diferenta de viteza = vanzari.
Cum functioneaza
De la primul mesaj la tema personalizata live in 5-15 zile
1
Brief si audit tema curenta (zi 1-2)
Ne trimiti URL-ul magazinului si exemple de ce vrei (alt magazin, mockup-uri, idei verbale). Facem audit tema actuala: ce versiune Shopify 2.0 e, ce app-uri sunt instalate inutile, ce modificari Liquid au fost facute si daca rezista la update, ce probleme de performanta exista. Trimitem document cu lista clara — ce facem, in cat timp, cu ce cost.
2
Design mockup-uri pentru sectiuni noi (zi 2-4)
Pentru sectiuni noi sau redesign pagini, livram mockup-uri Figma — pagina produs noua, sectiune testimoniale, configurator. Iteram pana esti multumit (2-3 runde incluse). Pentru personalizari simple (branding + ajustari mici), sarim pasul si mergem direct in implementare cu screenshot-uri ad-hoc.
3
Implementare pe tema de development (zi 3-12)
Duplicam tema ta live ca theme de dev (Shopify suporta nativ pana la 20 teme in cont). Tot codul nou e izolat in fisiere cu prefix custom-* pentru a rezista la update. Tu vezi progresul zilnic pe URL preview (xyz.myshopify.com?preview_theme_id=...) si comentezi direct. Commit-uri in Git daca vrei, sau export theme .zip la final.
4
QA cross-device si browser (zi 10-13)
Testam pe mobile iOS Safari, mobile Android Chrome, tablet, desktop (Chrome, Firefox, Safari, Edge). Verificam scenariu complet: home → categorii → produs → adaugare in cos → checkout → confirmare comanda. Testam si fluxuri secundare: cont client, lista dorinte, search, filtre, contact. Fix-uri detalii cu raport scris.
5
Deploy live in fereastra de trafic minim (zi 14)
Cand totul e gata si tu ai aprobat, publishuim tema de dev ca tema live in fereastra de trafic minim a magazinului (de obicei 3-6 AM, monitorizat in Shopify Analytics). Pastram tema veche neactiva (rollback in 1 click daca apare ceva). Monitoring 48h post-deploy pentru anomalii conversion rate.
6
Documentatie + 14 zile suport gratuit (zi 14-28)
Livram /docs/ce-am-schimbat.md cu lista exacta fisiere modificate, motivele, cum sa adaugi sectiuni in editor, cum sa completezi metafields. 14 zile suport gratuit pentru bug-uri si intrebari (cum schimb culoarea butonului, cum mut sectiunea X). Mentenanta lunara opțional dupa: 80-180€/luna pentru update-uri + ajustari.
Stack tehnic
Cu ce lucram in personalizarea Shopify
Liquid
Limbajul oficial Shopify de templating — sintaxa similara Jinja/Django. Cu el accesam orice data din magazin (produse, colectii, clienti, metafields, cart) si o afisam cum vrem in tema.
Shopify 2.0 Sections
Arhitectura noua Shopify unde tot site-ul (nu doar homepage) suporta sectiuni reordonabile in editor. Construim tot custom aici — apare in editor cu setari, suporta blocuri, livrabil pentru clientul final.
Metafields
Sistem nativ Shopify de campuri custom la produse, variante, colectii, clienti. Definite din Admin > Custom data, completate per item, afisate prin Liquid in tema. Inlocuieste 90% din app-urile platite.
Search & Discovery
Aplicatia oficiala gratuita Shopify pentru filtre custom, boost in search, synonyms, recomandari produse legate. Recomandare default in loc de Boost Commerce platit.
Tailwind CSS (optional)
Pentru proiecte mari, integram Tailwind in tema Shopify pentru consistenta design si dezvoltare rapida. Compilat la build, fara overhead in browser. Sau CSS custom pur daca preferi.
Shopify CLI + Git
Dezvoltam local cu Shopify CLI (preview live in browser cu hot reload), versioning in Git, deploy in tema de dev cu shopify theme push. Workflow profesional, nu copy-paste in editor online.
Cont B2B cu pret diferit (logica custom = +400-800€)
Migrare de pe tema veche pre-2.0 (audit + rescriere)
Cantitate continut existent (50 produse vs 5000 — input metafields)
Tema premium platita (Empire, Impulse) vs gratuita (Dawn, Studio)
Intrebari frecvente
Ce ne intreaba magazinele inainte sa personalizeze tema Shopify
Ce personalizari se pot face fara dezvoltator, doar din editorul Shopify?
Din editorul vizual Shopify (Online Store 2.0) poti modifica destul de mult fara cod: schimbi culorile, fonturile, logo-ul si favicon-ul; reordonezi sectiunile pe orice pagina; activezi/dezactivezi blocuri (slider, testimoniale, FAQ, banner); modifici textele si imaginile; setezi mega-menu cu sub-sectiuni; activezi anuntul de pe header. Pentru orice tema moderna gratuita (Dawn, Studio, Crave) ai 30-50 setari per sectiune. Limita: nu poti adauga tipuri noi de sectiuni, nu poti schimba layout-ul pagina produs dincolo de ce ofera tema, nu poti modifica logica de pret/variante. Pentru asta intra Liquid si CSS custom.
Cand am nevoie de modificari de cod Liquid si nu mai e suficient editorul vizual?
Cand vrei lucruri care nu exista in tema: o sectiune complet noua (de ex. configurator produs, calculator pret, comparator), schimbi layout-ul paginii de produs (galerie sticky, tabs in loc de accordion, sectiune ingrediente cu icoane), conditii de afisare custom (banner doar pentru clientii logati, pret diferit pentru B2B), integrari cu metafields (specificatii tehnice, ghid marimi, badge-uri personalizate). Liquid e limbajul de templating Shopify — modific .liquid din tema si pot scoate orice din baza ta de date (produse, colectii, clienti, metafields) si afisa cum vrei. Cost tipic: 80-200€ per sectiune custom dezvoltata.
Cat costa adaugarea unei sectiuni noi in tema Shopify?
Depinde de complexitate. Sectiune simpla — banner cu titlu, subtitlu, imagine si buton, schimbabila din editor: 80-150€, livrata in 2-3 zile. Sectiune medie — slider de testimoniale cu rating si avatar, galerie Instagram, blocuri 'cum functioneaza' cu pasi numerotati: 150-300€, livrata in 3-5 zile. Sectiune complexa — configurator produs cu pret dinamic, calculator livrare per oras, comparator intre 3 produse, filtru avansat catalog: 400-800€, livrata in 7-12 zile. Toate sectiunile sunt facute Shopify 2.0 native — apar in editor cu setari editabile, suporta blocuri reordonabile, nu se strica la update.
Pot personaliza pagina de produs cu campuri extra (ingrediente, ghid marimi, video)?
Da, prin metafields Shopify — sistemul oficial de a adauga date custom la produse. Procedura: 1) Defines in Admin > Settings > Custom data > Products noile campuri (ex: 'ingrediente' = text bogat, 'ghid_marimi' = imagine, 'video_youtube' = URL, 'specificatii' = tabel). 2) Le completezi per produs din pagina lui de admin (apare sectiune noua 'Metafields'). 3) Noi modific tema sa le afiseze unde vrei — tab dedicat, accordion, sectiune separata cu icoane. Costul integrarii metafields in tema: 100-250€ in functie de cate campuri si cum le afisezi. Avantaj: ramai in Shopify nativ, fara app-uri lunare, fara dependinte externe.
Cum adaug filtre avansate in pagina de colectii (pret, marime, brand, culoare)?
Shopify ofera filtre native in temele 2.0 (Dawn, Studio, etc.) bazate pe tag-uri si optiuni de produs. Activare gratuita din editor: bifezi ce filtre vrei vizibile (disponibilitate, pret, brand, marime, culoare). Pentru filtre mai sofisticate ai 2 optiuni: 1) Aplicatia oficiala Shopify Search & Discovery gratuita — adauga filtre custom bazate pe metafields (material, sezon, tip activitate), boost-uri per produs in search, recomandari produse, synonyms search. Recomandare aproape mereu, integrare 1-2 ore = 150€. 2) Filtre custom dezvoltate cu Liquid si AJAX pentru cazuri unde Search & Discovery nu acopera (ex: filter slider pret cu update fara reload) — 300-600€. Evita aplicatii platite gen Boost Commerce daca nu e absolut necesar.
Pot avea pop-up-uri si bannere promotionale fara sa instalez app-uri lunare?
Da, si recomandare puternica sa nu instalezi app-uri pentru ce poti face nativ. Pop-up newsletter — il facem ca sectiune in tema, apare dupa 5 secunde sau la scroll 50%, salveaza email in lista Shopify nativa (Email > Subscribers): 120-200€ vs Privy 15$/luna = 180$/an. Banner promo cu countdown — sectiune in tema cu data finala, dispare automat: 100-180€ vs aplicatie 10$/luna. Pop-up exit intent — detecteaza miscarea mouse-ului spre tab close: 200-300€ una data vs OptinMonster 30$/luna = 360$/an. Recuperezi investitia in primul an si ai control complet pe design + comportament. Exceptia: pop-up-uri cu A/B testing inteligent (Klaviyo, Privy Pro) — atunci app-ul are sens.
Modificarile rezista la update-urile temei oficiale Shopify (Dawn, Studio)?
Da, daca le facem corect — separare clara intre tema baza si custom. Practica corecta: 1) Cream o copie a temei oficiale (duplicate Dawn) si lucram pe duplicat — niciodata pe originalul. 2) Modificarile minore le tinem in fisiere separate cu prefix custom (ex: assets/custom.css, sections/custom-product-tabs.liquid) si includem prin {% render %}. 3) Documentam in /docs/ce-am-schimbat.md lista exacta de fisiere modificate si motivul. 4) Cand Shopify scoate update major (Dawn 14 → 15), aplicam diff manual pe duplicat — durata tipica 2-4 ore = 120-240€ contracost. Alternativa proasta: editare directa pe tema oficiala = se rescrie la update si pierzi totul. Noi nu facem niciodata asta.
Cat dureaza o personalizare medie a unei teme Shopify de la primul mesaj la live?
Depinde de scope, dar realist pentru un proiect tipic — branding complet + 3 sectiuni noi + pagina produs personalizata + metafields + filtre: 10-15 zile lucratoare. Defalcat: ziua 1-2 brief detaliat + audit tema actuala + design mockup-uri pentru sectiuni noi (Figma); ziua 3-8 implementare pe tema de development (separata de live), tu vezi progresul zilnic pe URL preview; ziua 9-11 QA pe mobile + tablet + desktop, testare checkout, fix-uri detalii; ziua 12-14 deploy live in fereastra de trafic minim (3-5 AM), monitoring 48h post-live. Personalizari mici (branding + 1 sectiune): 5-7 zile, 450-800€. Refacere completa tema custom: vezi /dezvoltare-tema-shopify-custom/, 4-8 saptamani.
Servicii Shopify complementare
Personalizare tema e o piesa — vezi si restul ecosistemului
Vrei personalizare tema Shopify care arata ca brand-ul tau?
Trimite-ne URL-ul magazinului si o lista scurta cu ce vrei modificat. Iti trimitem audit + oferta cu lista clara de lucrari, cost si timp in maxim 4 ore.