Temă și structură

Tema controlează aspectul și structura magazinului. Structura bună — navigație clară, categorii logice, filtre utile — face ca vizitatorul să ajungă la produsul dorit în 2-3 click-uri. Tema gratuită Dawn e suficientă pentru a începe; personalizezi prin editorul vizual, nu prin cod.

Editorul de temă

Shopify are un editor vizual (Online Store → Themes → Customize) unde adaugi, rearanjezi și configurezi „secțiuni" pe fiecare tip de pagină (homepage, colecție, produs). Fără cod pentru majoritatea nevoilor.

Structura navigației

• Meniu principal: 5-7 elemente maxim. Categorii + „Despre", „Contact".
• Colecții = categoriile magazinului. Pot fi manuale (adaugi produse tu) sau automate (după reguli: tag, tip, preț, disponibilitate).
• Colecțiile automate se actualizează singure — setează regula o dată, produsele noi intră automat.
• Breadcrumbs pe paginile de produs (unele teme le au, altele necesită o mică modificare).

Homepage

• Un mesaj clar despre ce vinzi și pentru cine, în primul ecran.
• Colecții / produse featured.
• Semnale de încredere: recenzii, garanție, livrare.
• Nu supraîncărca — homepage-ul e o poartă către colecții, nu o enciclopedie.

Personalizare cu grijă

Poți edita codul temei (Liquid, HTML, CSS), dar fiecare modificare face actualizarea temei mai grea. Preferă: setările editorului, apps pentru funcții, și modificări de cod doar pentru ce chiar nu se poate altfel — documentate.

O structură simplă și eficientă

Meniu: „Noutăți" · „Femei" · „Bărbați" · „Accesorii" · „Reduceri" · „Despre". „Femei" e o colecție automată (tag: femei) cu sub-colecții (Tricouri, Rochii). Filtre pe pagina de colecție: mărime, culoare, preț, disponibilitate. Homepage: hero cu mesajul brandului + colecția „Noutăți" + 3 semnale de încredere + newsletter.

Exercițiu

În magazinul de test: creează 3-4 colecții (măcar una automată, pe bază de tag sau tip). Construiește meniul principal cu maxim 6 elemente. Personalizează homepage-ul cu editorul: un hero clar, o colecție featured, semnale de încredere. Verifică navigarea de la homepage la un produs — sub 3 click-uri.

Greșeli frecvente

• Meniu cu 15 elemente și sub-meniuri pe 3 niveluri.
• Adaugi manual fiecare produs în fiecare colecție (folosește colecții automate).
• Editezi codul temei pentru lucruri pe care editorul le face.
• Homepage supraîncărcat cu tot ce ai.

De reținut

• Editorul vizual acoperă majoritatea personalizărilor — fără cod.
• Meniu de 5-7 elemente; colecții automate care se actualizează singure.
• Homepage = poartă către colecții, cu mesaj clar și încredere.
• Modificări de cod doar când e strict necesar, documentate.

Pe scurt

Tema Dawn + editorul vizual + colecții automate îți dau un magazin bine structurat fără cod. Navigație simplă, produsul la 2-3 click-uri.

Set de test: titlu de 100 caractere; imagine verticală; produs fără imagine; descriere lungă; variantă indisponibilă.
Viewporturi: îngust, mediu și desktop; zoom.
Control: meniu, focus, selectare variantă, coș, mesaje de eroare.
Păstrează: o versiune de revenire a temei.

Documentație și surse

• Shopify Help Center — Shopify
• Informații pentru consumatori și operatori economici — ANPC