Șabloane

Șabloanele sunt un grup de secțiuni configurate pentru a oferi magazinului dvs. online un design și un aspect consecvente. Secțiunile disponibile în șabloanele dvs. depind de tema dvs. În editorul de teme, puteți vedea ce șabloane sunt aplicate căror pagini, apoi puteți edita șabloanele pentru a personaliza informațiile pe care le afișați clienților dvs.

Tema dvs. conține șabloane pentru diferite tipuri de conținut. Aceste tipuri de șabloane conțin secțiuni și blocuri care extrag conținut în mod dinamic din zona respectivă a panoului dvs. de administrare Shopify. De exemplu, șablonul paginii de produs a temei dvs. creează o pagină pentru fiecare produs publicat în magazinul dvs. online în secțiunea Produse a panoului de administrare Shopify.

Atunci când editați un șablon, modificările dvs. se aplică fiecărei pagini care utilizează șablonul respectiv. De exemplu, dacă adăugați un formular de abonare la buletinul informativ la un șablon de colecții, atunci toate paginile dvs. de colecții care utilizează șablonul de colecții implicit vor afișa formularul de abonare la buletinul informativ.

Puteți accesa toate șabloanele temei dvs. din selectorul de pagini din bara de meniu a editorului de teme.

Selectați un șablon din bara de meniu

Șabloane implicite

Fiecare șablon implicit are propriile secțiuni și setări implicite pe care le puteți edita și personaliza în editorul de teme. De exemplu, paginile de produs au în mod implicit o secțiune Informații despre produs și o secțiune Produse conexe. Setările specifice de personalizare pentru fiecare temă depind de dezvoltatorul temei și de versiunea temei. Aflați mai multe despre găsirea versiunii temei.

Șabloanele sunt disponibile în mod implicit în tema dumneavoastră.

Produse

Paginile de produs ale temei dumneavoastră afișează informații despre produsele pe care le vindeți în magazin și de unde le pot cumpăra clienții.

În mod implicit, paginile de produs au o secțiune Informații despre produs și o secțiune Produse conexe în editorul de teme.

Secțiunea Informații despre produs afișează detaliile produselor dumneavoastră, cum ar fi titlul, descrierea, prețul și imaginile. Puteți să vă gestionați produsele din pagina Produse a panoului de administrare Shopify.

Colecții

Paginile colecției ale temei dumneavoastră afișează colecțiile pe care le creați în pagina Produse > Colecții din panoul de administrare Shopify.

În mod implicit, paginile de colecții au o secțiune Banner colecție și o secțiune Grilă de produse în editorul de teme.

Listă de colecții

Pagina listă de colecții afișează toate colecțiile disponibile pe canalul de vânzări Magazin online. De exemplu, dacă aveți un magazin de bijuterii, puteți adăuga un link la pagina listă de colecții în meniu, pentru ca clienții să poată naviga după tipul de bijuterie, cum ar fi inele sau coliere. Va trebui să creați colecții pentru fiecare categorie.

Card cadou

Atunci când creați un card cadou sau când un client comandă un produs de tip card cadou, detaliile cardului cadou respectiv sunt incluse pe pagina cardului cadou, cum ar fi valoarea sau soldul cardului cadou și codul de valorificare.

Pagina cardului cadou face parte din tema dumneavoastră. Puteți să vă personalizați tema pentru a adăuga sau a ajusta stilul și informațiile incluse pe pagina cardului cadou.

Valoarea cardului cadou și codul de valorificare al cardului cadou nu pot fi personalizate.

Pagini

Puteți crea pagini personalizate în panoul de administrare Shopify pentru a crea conținut pentru clienții dumneavoastră, cum ar fi o pagină Despre noi sau pentru informații suplimentare despre produsele dumneavoastră.

Pagină coș

Pagina coș din magazinul dumneavoastră online este locul în care clienții pot examina articolele pe care le-au adăugat în coș.

În mod implicit, pagina coș are o secțiune Articole și o secțiune Subtotal în editorul de teme.

Bloguri

Paginile de blog din magazinul dumneavoastră online sunt paginile de pornire pentru orice bloguri pe care le creați în panoul de administrare Shopify și conțin toate postările de blog publicate în respectivul blog.

În mod implicit, paginile de blog conțin o secțiune Postări pe blog în editorul de teme.

Postări pe blog

Paginile de postări de blog din magazinul dumneavoastră online afișează conținutul postărilor de blog pe care le creați în pagina Conținut > Postări pe blog a panoului de administrare Shopify. În mod implicit, paginile de postări de blog conțin o secțiune Postare pe blog în editorul de teme.

Pagină de căutare

Pagina de căutare este locul în care clienții pot căuta și găsi produse, pagini sau postări pe blog specifice în magazinul dumneavoastră online.

În mod implicit, pagina de căutare conține o secțiune Rezultate căutare în editorul de teme.

Pe lângă setările secțiunii Rezultate căutare, puteți, de asemenea, să vizualizați și să personalizați unele dintre Setările temei pentru comportamentul de căutare și puteți adăuga propriul CSS personalizat specific secțiunii.

Pagină de parolă

Puteți seta magazinul dumneavoastră să fie protejat cu parolă în pagina Magazin online > Preferințe a panoului de administrare Shopify. Dacă magazinul dumneavoastră este protejat cu parolă, atunci vizitatorilor magazinului dumneavoastră online li se afișează pagina de parolă. Șablonul paginii de parolă are un antet și un subsol unice. Puteți personaliza șablonul paginii de parolă din editorul de teme.

Pagină 404

Pagina 404 se afișează atunci când un client încearcă să viziteze un link către site-ul dumneavoastră care nu există, cum ar fi pagina unui produs pe care l-ați șters din magazin.

Această pagină nu are setări personalizabile, dar puteți adăuga propriul CSS personalizat specific secțiunii la pagina 404 în editorul de teme.

Editarea șabloanelor

Puteți edita șabloanele pentru a adăuga secțiuni în magazinul dumneavoastră online. Unele secțiuni conțin blocuri care pot fi personalizate în continuare, dar nu fiecare secțiune sau bloc are setări sau conținut care poate fi editat. Când editați șabloanele, modificările dumneavoastră se afișează în timp real în previzualizarea editorului de teme.

Pași:

Desktop
  1. Din panoul de administrare Shopify, accesați Magazin online > Teme.

  2. Găsiți tema pe care doriți să o editați, apoi faceți clic pe Editare temă.

  3. Faceți clic pe meniul vertical Pagină de pornire, apoi selectați șablonul pe care doriți să îl editați.

  4. Pentru a adăuga o secțiune nouă la șablon, faceți clic pe Adăugare secțiune, apoi selectați o secțiune nouă pentru șablon.

  5. Opțional: Pentru a adăuga un bloc la secțiunea dumneavoastră nouă, faceți clic pe Adăugare bloc, apoi selectați un bloc nou pentru secțiune.

  6. Faceți clic pe noua secțiune și pe noile blocuri pentru a le vizualiza setările și opțiunile, apoi efectuați modificările.

  7. Faceți clic pe Salvare.

Mobil
  1. Din aplicația Shopify, atingeți pictograma Meniu.

  2. În secțiunea Canale de vânzări, atingeți Magazin online.

  3. Atingeți Gestionare toate temele.

  4. Găsiți tema pe care doriți să o editați, apoi atingeți Editare temă.

  5. Atingeți meniul vertical Pagina principală, apoi selectați șablonul pe care doriți să-l editați.

  6. Pentru a adăuga o nouă secțiune la șablon, atingeți Secțiuni > Adăugare secțiune, selectați o nouă secțiune pentru șablonul dvs., apoi atingeți Adăugare.

  7. Opțional: pentru a adăuga un bloc la noua dvs. secțiune, atingeți Adăugare bloc, apoi selectați un nou bloc pentru secțiunea dvs.

  8. Atingeți noua secțiune și noile blocuri pentru a le vizualiza setările și opțiunile, apoi efectuați modificările.

  9. Atingeți Salvare sau .

Aspecte de luat în considerare la crearea unui șablon nou

Înainte de a crea un șablon nou, examinați următoarele aspecte:

  • Puteți avea șabloane multiple pentru produse, colecții, pagini, bloguri și postări pe blog, dar puteți avea doar 1.000 de șabloane în total.
  • Puteți crea un șablon nou doar cu o temă compatibilă.
  • Toate temele au un șablon implicit pentru colecții, produse, bloguri, postări pe blog și pagini. Cu aceste șabloane implicite sunt afișate resursele și conținutul magazinului dvs., cu excepția cazului în care creați șabloane alternative.
  • Orice modificare pe care o aduceți unui șablon afectează toate paginile care utilizează acel șablon. Dacă doriți să afișați unele pagini de un anumit tip în mod diferit, atunci puteți crea un șablon nou bazat pe unul care există deja în tema dvs.
  • Atunci când creați un șablon nou dintr-un șablon existent, noul șablon se populează automat cu aceleași secțiuni ca și șablonul existent. Puteți apoi să eliminați, să adăugați sau să ascundeți secțiuni și să le editați conținutul după cum este necesar, fără a afecta afișarea paginilor care utilizează șablonul existent.

Crearea unui șablon nou

Desktop
  1. Din panoul de administrare Shopify, accesați Magazin online > Teme.

  2. Găsiți tema pe care doriți să o editați, apoi faceți clic pe Editare temă.

  3. Faceți clic pe meniul vertical Pagina principală, selectați un tip de șablon, apoi faceți clic pe Creare șablon.

  4. În caseta de dialog Creare șablon, efectuați următoarele:

    • În câmpul Nume, introduceți un nume unic pentru noul dvs. șablon.
    • În meniul vertical Pe baza, selectați șablonul existent pe care doriți să se bazeze noul dvs. șablon.
  5. Faceți clic pe Creare șablon.

Mobil
  1. Din aplicația Shopify, atingeți pictograma Meniu.

  2. În secțiunea Canale de vânzări, atingeți Magazin online.

  3. Atingeți Gestionare toate temele.

  4. Găsiți tema pe care doriți să o editați, apoi atingeți Editare temă.

  5. Atingeți meniul vertical Pagina principală, selectați un tip de șablon, apoi atingeți Creare șablon.

  6. În caseta de dialog Creare șablon, efectuați următoarele:

    • În câmpul Nume, introduceți un nume unic pentru noul dvs. șablon.
    • În meniul vertical Pe baza, selectați șablonul existent pe care doriți să se bazeze noul dvs. șablon.
  7. Atingeți Creare șablon.

După ce creați un șablon nou, puteți aplica șablonul unei pagini a magazinului online pentru care doriți să îl utilizați.

Crearea unui șablon pentru metaobiecte

Puteți crea un șablon pentru o pagină web pentru metaobiecte. Pentru a utiliza această funcție, parcurgeți următorii pași:

  1. Creați o definiție de metaobiect cu acces la vitrină și, opțional, activați manual funcția Pagini web. Atunci când creați un șablon de temă, editorul de teme activează funcția Pagini web.
  2. Creați intrări pentru definiția de metaobiect.

Acum puteți crea un șablon de metaobiect în editorul de teme.

Previzualizarea șabloanelor

Puteți utiliza previzualizările de șabloane pentru a previzualiza modul în care resursele magazinului dvs. online, cum ar fi produsele și paginile, se afișează clienților dvs. cu un șablon diferit aplicat.

Șabloanele sunt alocate la nivel de produs, colecție, pagină, blog sau postare pe blog. Dvs. creați și editați șabloanele în editorul de teme, dar schimbați șablonul alocat unei resurse în panoul de administrare Shopify.

Aspecte de luat în considerare la previzualizarea șabloanelor

Luați în considerare următoarele detalii atunci când previzualizați șabloanele pentru diferitele resurse ale magazinului dvs. online:

  • Când previzualizați un șablon de produse în editorul de teme, puteți utiliza produse care au statutul Activ sau Schiță, dar nu puteți previzualiza un produs care are statutul Arhivat.
  • Când previzualizați un șablon de colecții în editorul de teme, trebuie să vă asigurați că respectiva colecție are Magazin online activat ca și canal de vânzări. Dacă o colecție nu are activat Magazin online ca un canal de vânzări, nu veți putea previzualiza acea colecție cu niciun șablon de colecții în editorul de teme.
  • Când previzualizați un șablon de pagini în editorul de teme, puteți utiliza pagini a căror vizibilitate este setată ca Vizibilă sau Ascunsă.
  • Când previzualizați un șablon de postări pe blog în editorul de teme, puteți utiliza postări pe blog a căror vizibilitate este setată ca Vizibilă sau Ascunsă.

Blogurile nu au parametri diferiți de statut sau vizibilitate, astfel că puteți utiliza un șablon de bloguri pentru a previzualiza orice blog publicat pe care îl aveți în magazinul dvs. online.

Previzualizarea unui șablon alternativ

Puteți previzualiza modul în care se afișează produsele, colecțiile, paginile, blogurile sau postările dvs. pe blog cu un șablon diferit aplicat.

Pași:

Desktop
  1. Din panoul de administrare Shopify, accesați Magazin online > Teme.

  2. Găsiți tema cu care doriți să previzualizați un șablon, apoi faceți clic pe Editare temă.

  3. Faceți clic pe meniul vertical Pagina principală, apoi selectați șablonul pe care doriți să îl utilizați.

  4. În secțiunea Previzualizare din bara laterală a editorului de teme, faceți clic pe Modificare.

  5. Faceți clic pe resursa pe care doriți să o previzualizați cu șablonul selectat.

Mobil
  1. Din aplicația Shopify, atingeți pictograma Meniu.

  2. În secțiunea Canale de vânzări, atingeți Magazin online.

  3. Atingeți Gestionare toate temele.

  4. Găsiți tema cu care doriți să previzualizați un șablon, apoi atingeți Editare temă.

  5. Atingeți meniul vertical Pagina principală, apoi selectați șablonul pe care doriți să îl utilizați.

  6. Pentru a selecta o resursă pe care să o previzualizați cu șablonul, atingeți din nou meniul vertical.

  7. În câmpul Căutare în magazinul online, introduceți numele resursei pe care doriți să o previzualizați cu șablonul selectat.

  8. Selectați resursa din lista cu rezultatele căutării.

Previzualizarea resurselor specifice

Puteți previzualiza modul în care se afișează șablonul dumneavoastră cu orice resursă compatibilă din magazin. De exemplu, dacă vizualizați un șablon de produs, îl puteți testa cu orice produs din magazinul dumneavoastră.

Trebuie în continuare să alocați șablonul resursei în panoul de administrare Shopify.

De asemenea, puteți căuta șabloane și resurse folosind bara Căutare în selectorul de pagini, în instrumentul Adăugare secțiune sau Adăugare bloc sau în Încorporări de aplicații.

Pași:

  1. Din panoul de administrare Shopify, accesați Magazin online > Teme.

  2. Lângă tema pe care doriți să o editați, faceți clic pe Editare temă.

  3. Din meniul de șabloane, selectați șablonul pe care doriți să îl previzualizați.

  4. Din meniul barei laterale, în secțiunea Previzualizare, faceți clic pe Modificare.

  5. Din meniul Selectare, selectați resursa pe care doriți să o previzualizați.

Aplicarea unui șablon nou

Puteți modifica un șablon alocat pentru următoarele secțiuni într-o temă publicată:

  • pagini
  • produse
  • colecții
  • bloguri
  • postări pe blog

Modificați un șablon alocat în panoul de administrare Shopify. Opțiunile de șablon care se afișează se bazează pe șabloanele disponibile doar în tema dumneavoastră în uz.

Șabloanele pentru produse și colecții pot fi alocate la nivel de articol individual sau mai multor articole în același timp, folosind editorul în bloc.

Aplicarea unui șablon nou unei pagini

Desktop
  1. Din panoul de administrare Shopify, accesați Magazin online > Pagini.

  2. Faceți clic pe pagina căreia doriți să îi aplicați un șablon nou.

  3. În secțiunea Magazin online, faceți clic pe meniul vertical Șablon de temă, apoi selectați șablonul pe care doriți să îl aplicați paginii dumneavoastră.

  4. Faceți clic pe Salvare.

Mobil
  1. Din aplicația Shopify, atingeți pictograma Meniu.

  2. În secțiunea Canale de vânzări, atingeți Magazin online.

  3. Atingeți Pagini.

  4. Atingeți pagina căreia doriți să îi aplicați un șablon nou.

  5. În secțiunea Magazin online, atingeți meniul vertical Șablon de temă, apoi selectați șablonul pe care doriți să îl aplicați paginii dumneavoastră.

  6. Atingeți Salvare sau .

Aplicarea unui șablon nou unui produs

Desktop
  1. Din panoul de administrare Shopify, accesați Produse.

  2. Faceți clic pe un produs căruia doriți să îi aplicați un șablon nou.

  3. În secțiunea Șablon de temă, faceți clic pe meniul vertical, apoi selectați șablonul pe care doriți să îl aplicați produsului dumneavoastră.

  4. Faceți clic pe Salvare.

Mobil
  1. Din aplicația Shopify, atingeți pictograma Produse .
  2. Atingeți un produs căruia doriți să îi aplicați un șablon nou.
  3. Atingeți Șablon de magazin online.
  4. Selectați șablonul pe care doriți să îl aplicați produsului dumneavoastră.
  5. Atingeți Salvare sau .

Aplicarea unui șablon nou unei colecții

  1. Din panoul de administrare Shopify, accesați Produse > Colecții.

  2. Faceți clic pe o colecție căreia doriți să îi aplicați un șablon.

  3. În secțiunea Șablon de temă, faceți clic pe meniul vertical, apoi selectați șablonul pe care doriți să îl aplicați colecției dumneavoastră.

  4. Faceți clic pe Salvare.

Aplicarea unui șablon nou unui blog

Desktop
  1. Din panoul de administrare Shopify, accesați Conținut > Postări pe blog.
  2. Faceți clic pe Gestionare bloguri.
  3. Faceți clic pe un blog căruia doriți să îi aplicați un șablon.
  4. În secțiunea Magazin online, faceți clic pe meniul vertical Șablon de temă, apoi selectați șablonul pe care doriți să îl aplicați blogului dumneavoastră.
  5. Faceți clic pe Salvare.
Mobil
  1. Din aplicația Shopify, atingeți pictograma Meniu.

  2. În meniul Conținut, atingeți pictograma săgeată în jos, apoi atingeți Postări pe blog.

  3. Atingeți Meniu orizontal sau Meniu vertical > Gestionare bloguri.

  4. Atingeți un blog căruia doriți să îi aplicați un șablon.

  5. În secțiunea Magazin online, atingeți meniul vertical Șablon de temă, apoi selectați șablonul pe care doriți să îl aplicați blogului dumneavoastră.

  6. Atingeți Salvare sau .

Aplicarea unui șablon nou unei postări pe blog

Desktop
  1. Din panoul de administrare Shopify, accesați Conținut > Postări pe blog.

  2. Faceți clic pe o postare pe blog căreia doriți să îi aplicați un șablon.

  3. În secțiunea Magazin online, faceți clic pe meniul vertical Șablon de temă, apoi selectați șablonul pe care doriți să îl aplicați blogului dumneavoastră.

  4. Faceți clic pe Salvare.

Mobil
  1. Din aplicația Shopify, atingeți pictograma Meniu.

  2. În meniul Conținut, atingeți pictograma săgeată în jos, apoi atingeți Postări pe blog.

  3. Atingeți o postare pe blog căreia doriți să îi aplicați un șablon.

  4. În secțiunea Magazin online, atingeți meniul vertical Șablon de temă, apoi selectați șablonul pe care doriți să îl aplicați postării dumneavoastră pe blog.

  5. Atingeți Salvare sau .

Aplicarea unui șablon nou produselor sau colecțiilor în bloc

Puteți utiliza editorul în bloc pentru a aplica un șablon nou mai multor produse sau colecții în bloc.

Aplicarea unui șablon nou produselor în bloc

  1. Din panoul de administrare Shopify, accesați Produse.

  2. Pentru a edita mai multe produse în același timp, efectuați una dintre următoarele acțiuni:

    • Pentru a selecta produsele unul câte unul, selectați caseta de selectare pentru fiecare produs.
    • Pentru a selecta o serie de produse, faceți clic pentru a selecta un produs, apoi țineți apăsată tasta Shift și faceți clic pe un alt produs. Această acțiune selectează primul și ultimul produs pe care ați făcut clic, precum și toate produsele dintre acestea.
    • Pentru a selecta toate produsele de pe o pagină, selectați caseta de selectare din partea de sus a listei de produse.
    • Pentru a selecta toate produsele din magazinul dumneavoastră, selectați caseta de selectare din partea de sus a listei de produse, apoi faceți clic pe Selectare totală în acest magazin.
  3. Faceți clic pe Editare în bloc.

  4. În editorul în bloc, faceți clic pe meniul vertical Coloane, apoi, în secțiunea General, selectați Șablon.

  5. Faceți clic pe primul câmp al coloanei Șablon, apoi țineți apăsată tasta Shift și faceți clic pe ultimul câmp al coloanei Șablon. În jurul articolelor selectate se afișează o umbră albastră.

  6. Faceți clic pe primul câmp selectat, apoi selectați șablonul dorit din meniul vertical și faceți clic pe Salvare.

Aplicarea în bloc a unui șablon nou la colecții

  1. Din panoul de administrare Shopify, accesați Produse > Colecții.

  2. Pentru a edita mai multe colecții în același timp, efectuați una dintre următoarele acțiuni:

    • Pentru a selecta colecțiile una câte una, selectați caseta de selectare pentru fiecare colecție.
    • Pentru a selecta o serie de colecții, faceți clic pentru a selecta o colecție, apoi țineți apăsată tasta Shift și faceți clic pe o altă colecție. Această acțiune selectează prima și ultima colecție pe care ați făcut clic și toate colecțiile dintre ele.
    • Pentru a selecta toate colecțiile de pe o pagină, selectați caseta de selectare din partea de sus a listei de colecții.
    • Pentru a selecta toate colecțiile din magazinul dvs., selectați caseta de selectare din partea de sus a listei de colecții, apoi faceți clic pe Selectați totul în acest magazin.
  3. Faceți clic pe Editare în bloc.

  4. În editorul în bloc, faceți clic pe meniul vertical Coloane, apoi, în secțiunea General, selectați Șablon.

  5. Faceți clic pe primul câmp al coloanei Șablon, apoi țineți apăsată tasta Shift și faceți clic pe ultimul câmp al coloanei Șablon. În jurul articolelor selectate se afișează o umbră albastră.

  6. Faceți clic pe primul câmp selectat, apoi selectați șablonul dorit din meniul vertical și faceți clic pe Salvare.

Gestionarea șabloanelor dvs.

Pentru a redenumi sau șterge un șablon, trebuie să utilizați editorul de cod. Editarea unui fișier șablon poate cauza probleme cu magazinul dvs. online.

Atunci când ștergeți un șablon, toate resursele magazinului online cărora le-a fost alocat șablonul respectiv sunt afișate cu șablonul implicit până când le alocați unul diferit.

Redenumirea unui șablon

  1. Din panoul de administrare Shopify, accesați Magazin online > Teme.

  2. Găsiți tema cu șablonul pe care doriți să îl redenumiți, apoi faceți clic pe > Editare cod.

  3. În editorul de cod, găsiți folderul templates.

  4. Faceți clic dreapta pe fișierul șablon pe care doriți să îl redenumiți, apoi selectați Redenumire... din meniul vertical.

  5. Introduceți un nume nou pentru fișier.

  6. Apăsați Enter de la tastatură.

Ștergerea unui șablon

  1. Din panoul de administrare Shopify, accesați Magazin online > Teme.

  2. Găsiți tema din care doriți să ștergeți un șablon, apoi faceți clic pe > Editare cod.

  3. În editorul de cod, găsiți folderul templates.

  4. Faceți clic dreapta pe fișierul șablon pe care doriți să îl ștergeți, apoi selectați Ștergere permanentă din meniul vertical.

  5. Faceți clic pe Ștergere.