Personalizarea setărilor temei
Puteți personaliza setările generale pentru magazinul dvs. online, precum tipografia, culorile, linkurile către rețelele de socializare și pagina coșului, din secțiunea Setări temă a meniului din bara laterală a editorului de teme. Modificările pe care le faceți în secțiunea Setări temă se aplică întregului magazin online.
Secțiunile și blocurile au, de asemenea, setări individuale pe care le puteți ajusta pentru a personaliza secțiuni individuale ale temei dvs. Aflați mai multe despre secțiuni și blocuri.
Pe această pagină
Siglă
Puteți adăuga o siglă pentru afacerea dvs. în magazinul online. Sigla dvs. se afișează în următoarele locuri:
- în antet, pe toate paginile
- pe pagina de parolă
Personalizați-vă sigla
Imaginile pentru siglă au o lățime maximă de 300 px.
Pași:
Desktop
Din panoul de administrare Shopify, accesați Magazin online > Teme.
Găsiți tema pe care doriți să o editați, apoi dați clic pe Editare temă.
Dați clic pe pictograma Setări temă
.Dați clic pe Siglă.
În zona Siglă, adăugați imaginea dvs. sau utilizați o imagine gratuită:
- Pentru a vă adăuga imaginea, dați clic pe Selectare imagine, apoi adăugați o imagine nouă sau existentă:
- Pentru a utiliza o imagine pe care ați încărcat-o deja în panoul de administrare Shopify, selectați imaginea, apoi dați clic pe Terminat.
- Pentru a utiliza o imagine de pe computerul local, dați clic pe Adăugare imagini. Selectați și adăugați o imagine, apoi dați clic pe Terminat.
- Pentru a utiliza o imagine gratuită, dați clic pe Explorare imagini gratuite. Găsiți o imagine, dați clic pe imagine pentru a o selecta, apoi dați clic pe Selectare.
- Pentru a vă adăuga imaginea, dați clic pe Selectare imagine, apoi adăugați o imagine nouă sau existentă:
Opțional: adăugați text alt la imaginea siglei dvs.:
- În zona Siglă, dați clic pe Editare.
- În câmpul Text alt, introduceți o scurtă descriere a imaginii.
- Dați clic pe Salvare.
Opțional: în zona Lățime siglă pe desktop, utilizați glisorul pentru a ajusta lățimea siglei în pixeli.
Dați clic pe Salvare.
Mobil
Din aplicația Shopify, atingeți pictograma
.În secțiunea Canale de vânzare, atingeți Magazin online.
Atingeți Gestionare toate temele.
Găsiți tema pe care doriți să o editați, apoi atingeți Editare temă.
Atingeți … sau ⋮, apoi atingeți Setări temă.
Atingeți Siglă.
În zona Siglă, adăugați imaginea dvs. sau utilizați o imagine gratuită:
- Pentru a vă adăuga imaginea, atingeți Selectare imagine, apoi adăugați o imagine nouă sau existentă:
- Pentru a utiliza o imagine pe care ați încărcat-o deja în panoul de administrare Shopify, selectați imaginea, apoi atingeți Terminat.
- Pentru a utiliza o imagine de pe dispozitivul local, atingeți Adăugare imagini. Selectați și adăugați o imagine de pe dispozitivul local, atingeți imaginea pentru a o selecta, apoi atingeți Terminat.
- Pentru a utiliza o imagine gratuită, atingeți Explorare imagini gratuite. Găsiți o imagine, atingeți imaginea pentru a o selecta, apoi atingeți Terminat.
- Pentru a vă adăuga imaginea, atingeți Selectare imagine, apoi adăugați o imagine nouă sau existentă:
Opțional: adăugați text alt la imaginea siglei dvs.:
- În zona Siglă, atingeți Editare.
- În câmpul Text alt, introduceți o scurtă descriere a imaginii.
- Atingeți Salvare sau ✓.
Opțional: în zona Lățime siglă pe desktop, utilizați glisorul pentru a ajusta lățimea siglei în pixeli.
Atingeți Salvare sau ✓.
Adăugați un favicon
Puteți adăuga o pictogramă pentru favorite, sau favicon, pe care o puteți utiliza pentru a contribui la brandingul magazinului dvs. online. Un favicon se afișează în următoarele locuri:
- în fila browserului web
- în istoricul browserului web
- pictograme de pe desktop
- lângă numele magazinului dvs. online atunci când site-ul dvs. web este adăugat la marcaje
Aflați mai multe despre faviconuri.
Pași:
Desktop
Din panoul de administrare Shopify, accesați Magazin online > Teme.
Găsiți tema la care doriți să adăugați un favicon, apoi faceți clic pe Editați tema.
Dați clic pe pictograma Setări temă
.În funcție de versiunea temei dvs., faceți clic pe Logo sau pe Favicon.
În secțiunea Imagine favicon, faceți clic pe Selectați imaginea, apoi adăugați o imagine nouă sau existentă:
- Pentru a selecta o imagine pe care ați încărcat-o deja în panoul de administrare Shopify, căutați sau găsiți imaginea, apoi selectați-o cu ajutorul casetei de selectare.
- Pentru a selecta o imagine de pe computerul local, faceți clic pe Adăugați imagini, deschideți imaginea de pe computerul local, apoi selectați-o cu ajutorul casetei de selectare.
Faceți clic pe Terminat.
Opțional: adăugați text alternativ la imaginea dvs. favicon:
- În secțiunea Imagine favicon, faceți clic pe Editare.
- În câmpul Text alt, introduceți o scurtă descriere a imaginii.
- Dați clic pe Salvare.
Dați clic pe Salvare.
Mobil
Din aplicația Shopify, atingeți pictograma
.În secțiunea Canale de vânzare, atingeți Magazin online.
Atingeți Gestionare toate temele.
Găsiți tema la care doriți să adăugați un favicon, apoi atingeți Editați tema.
Atingeți … sau ⋮, apoi atingeți Setări temă.
În funcție de versiunea temei dvs., atingeți Logo sau Favicon.
În secțiunea Imagine favicon, atingeți Selectați imaginea, apoi adăugați o imagine nouă sau existentă:
- Pentru a selecta o imagine pe care ați încărcat-o deja în panoul de administrare Shopify, căutați sau găsiți imaginea, apoi selectați-o cu ajutorul casetei de selectare.
- Pentru a selecta o imagine de pe dispozitivul local, atingeți Adăugați imagini, deschideți imaginea de pe dispozitivul local, apoi selectați-o cu ajutorul casetei de selectare.
Atingeți Terminat.
Adăugați text alternativ la imaginea dvs. favicon:
- În secțiunea Imagine favicon, atingeți Editare.
- În câmpul Text alt, introduceți o scurtă descriere a imaginii.
- Atingeți Salvare sau ✓.
Atingeți Salvare sau ✓.
Culori
Puteți defini diferite scheme de culori în setările temei și le puteți aplica în diferite secțiuni din magazinul dvs. online cu ajutorul unui selector de scheme de culori. O schemă de culori este un set de culori. Tema dvs. are un set de scheme de culori implicite aplicate, pe care le puteți schimba oricând în editorul de teme. Puteți adăuga culorile brandului dvs. pentru a asigura o aplicare coerentă a paletei de culori în întregul magazin online.
Șabloanele nu au setări de culoare individuale, astfel încât designul magazinului dvs. online să fie consecvent pe întregul site web. Un șablon este considerat o pagină principală sau conținutul principal al unui magazin. Existența unor scheme de culori diferite în magazinul dvs. poate duce la o experiență de utilizare neplăcută și poate determina clienții să părăsească magazinul fără a cumpăra produse.
Puteți crea și personaliza până la 21 de scheme de culori unice și le puteți aplica diferitelor secțiuni din magazinul dvs. online.
Scheme de culori
Schemele de culori sunt o setare a temei care grupează elementele și culorile lor respective într-un mod reprezentativ din punct de vedere vizual. Puteți atribui culori diferite diverselor elemente într-o schemă de culori coerentă, care poate fi aplicată în întreaga temă, acolo unde este disponibil un selector de scheme de culori. Puteți avea până la 21 de scheme de culori. De asemenea, puteți previzualiza modul în care culorile dvs. sunt afișate în previzualizarea schemei.
| Setare | Descriere |
|---|---|
| Fundal | Culoarea este aplicată fundalului unor secțiuni și fundalului butonului contur. |
| Gradient fundal | Un gradient de culori este aplicat pe fundalul unor secțiuni. Gradienții de fundal înlocuiesc fundalul acolo unde este posibil. |
| Text | Culoarea este aplicată textului secțiunii sau blocului. |
| Fundal buton solid | Culoarea este aplicată fundalului butonului principal. |
| Etichetă buton solid | Culoarea este aplicată textului butonului principal. |
| Buton contur | Culoarea este aplicată textului și chenarului butonului secundar. |
| Umbră | Culoarea este aplicată umbrelor. |
Gestionarea schemei de culori
Schema de culori și opțiunile de culoare ale magazinului dvs. sunt setate în setările temei. Pentru culori solide, utilizați selectorul de culoare pentru a selecta o culoare nouă sau introduceți valoarea culorii în câmpul de text. Câmpul de culoare acceptă următoarele nume și valori de culori:
- Nume de culori, precum
red,blacksaublue. - Coduri de culoare RGB.
- Valori de culoare hexazecimale.
Pași:
Din panoul de administrare Shopify, accesați Magazin online > Teme.
Faceți clic pe Editați tema lângă tema pe care doriți să o personalizați.
Faceți clic pe pictograma
, apoi faceți clic pe Culori.În secțiunea Scheme, faceți clic pe o schemă existentă sau faceți clic pe Adăugați o schemă pentru a adăuga o nouă schemă de culori.
Faceți clic pe mostra de culoare pentru culoarea tipului de conținut pe care doriți să o schimbați.
Pentru a vă seta culoarea, introduceți un cod de culoare hexazecimal sau alegeți culoarea din selectorul de culoare. Pentru a seta culoarea la transparent, ștergeți codul hexazecimal din câmpul de text.
Dați clic pe Salvare.
Aplicarea schemei de culori
După ce definiți schema de culori în setările temei, puteți atribui o schemă de culori utilizând selectorul de scheme de culori în secțiunile și blocurile temei dvs. Selectorul de scheme de culori este disponibil numai în anumite secțiuni, blocuri și setări generale ale temei.
Gradienți
Puteți configura un gradient de culori în unele teme pentru opțiuni de fundal interesante din punct de vedere vizual. Setarea color_background este utilizată pentru a personaliza proprietatea de fundal CSS.
Selectorul de gradient vă permite să selectați culorile, stilul gradientului, unghiul, poziția și opacitatea acestuia. Opțiunile selectate în selectorul de gradient sunt previzualizate în timp real în editorul de teme. De asemenea, puteți crea un fundal cu gradient utilizând cod CSS, care include un verificator de validare.
Configurarea gradienților
Din panoul de administrare Shopify, accesați Magazin online > Teme.
Faceți clic pe Editați tema lângă tema pe care doriți să o personalizați.
Faceți clic pe pictograma
, apoi faceți clic pe Culori.În secțiunea Scheme, faceți clic pe o schemă existentă pe care doriți să o editați.
Faceți clic pe opțiunea de mostră de culoare gradient, cum ar fi Gradient fundal.
Dacă nu ați configurat anterior un gradient, atunci vi se afișează câteva opțiuni presetate din care puteți alege. Selectați orice gradient presetat pentru a deschide panoul de opțiuni.
Selectați opțiunile pentru gradient:
- Alegeți între un gradient liniar sau radial. Utilizați butoanele pentru a selecta stilul de gradient preferat.
- Setați unghiul gradientului cu ajutorul săgeților în sus și în jos. Faceți clic pe săgeata în sus sau în jos pentru a mări sau a micșora procentajul unghiului cu 5.
- Utilizați glisorul pentru a selecta Poziția gradientului sau introduceți o valoare numerică în câmp.
- Introduceți un cod hexagesimal specific pentru culoare sau utilizați glisorul de culori pentru a alege o nuanță. Culorile selectate recent sunt afișate în partea de jos a panoului de opțiuni pentru gradient.
- Pentru a face gradientul opac, utilizați glisorul din dreapta pentru a selecta transparența acestuia. De asemenea, puteți introduce un procentaj în câmpul de lângă codul hexagesimal al culorii.
- Dați clic pe Salvare.
Utilizarea CSS pentru a seta gradienți
Majoritatea valorilor proprietății CSS background pot fi utilizate pentru a seta o culoare de fundal. Puteți utiliza acest câmp pentru culori solide (de exemplu, #000000, black, rgb(0,0,0,0), rgba(0,0,0,0), hsl(0, 0%, 0%) și hsla(0, 0%, 0%, 1) produc toate un fundal negru solid) sau pentru gradienți (de exemplu, linear-gradient(red, green), radial-gradient(red, green) sau conic-gradient(red, green)). Gradienții pot fi, de asemenea, repetați.
Pași:
Din panoul de administrare Shopify, accesați Magazin online > Teme.
Faceți clic pe Editați tema lângă tema pe care doriți să o personalizați.
Faceți clic pe pictograma
, apoi faceți clic pe Culori.În secțiunea Scheme, faceți clic pe o schemă existentă pe care doriți să o editați.
Faceți clic pe gradientul pe care doriți să îl editați.
Faceți clic pe săgeata de lângă Gradient, apoi selectați CSS.
În câmpul Cod CSS, tastați sau lipiți codul gradientului. Previzualizarea din editorul de teme afișează gradientul în locația corespunzătoare.
Dați clic pe Salvare.
Eliminarea unui gradient
Din panoul de administrare Shopify, accesați Magazin online > Teme.
Faceți clic pe Editați tema lângă tema pe care doriți să o personalizați.
Faceți clic pe pictograma
, apoi faceți clic pe Culori.În secțiunea Scheme, faceți clic pe o schemă existentă pe care doriți să o editați.
Faceți clic pe gradientul pe care doriți să îl eliminați.
Faceți clic pe Eliminare gradient.
Dați clic pe Salvare.
Tipografie
Puteți seta stilul și dimensiunea fontului pentru textul din magazinul dvs. online. Puteți alege un font de sistem sau puteți adăuga un font personalizat. Fonturile disponibile în tema dvs. depind de dezvoltatorul temei. Toate temele gratuite Shopify utilizează fonturi din biblioteca de fonturi Shopify.
Luați în considerare utilizarea fonturilor de sistem în magazinul dvs., deoarece fonturile de sistem sunt deja instalate pe computerul utilizatorului. Utilizarea fonturilor de sistem evită descărcarea de fonturi noi pe computerul clientului dvs., ceea ce poate afecta negativ viteza de încărcare a magazinului dvs. Fontul care se afișează pe computerul clientului dvs. depinde de sistemul său de operare.
Personalizarea tipurilor de font
Consultați biblioteca de fonturi Shopify pentru o listă de fonturi disponibile.
Pași:
Desktop
Din panoul de administrare Shopify, accesați Magazin online > Teme.
Găsiți tema pe care doriți să o editați, apoi dați clic pe Editare temă.
Dați clic pe pictograma Setări temă
.Faceți clic pe Tipografie.
Pentru a schimba un tip de font pentru titlurile sau corpul de text al magazinului dvs., faceți clic pe Modificare în secțiunea Titluri sau Corp.
Faceți clic pe numele fontului pe care doriți să îl utilizați, apoi faceți clic pe Selectare.
Dați clic pe Salvare.
Mobil
Din aplicația Shopify, atingeți pictograma
.În secțiunea Canale de vânzare, atingeți Magazin online.
Atingeți Gestionare toate temele.
Găsiți tema pe care doriți să o editați, apoi atingeți Editare temă.
Atingeți … sau ⋮, apoi atingeți Setări temă.
Atingeți Tipografie.
Pentru a schimba un tip de font pentru titlurile sau corpul de text al magazinului dvs., atingeți Modificare în secțiunea Titluri sau Corp.
Atingeți numele fontului pe care doriți să îl utilizați, apoi atingeți Finalizat.
Atingeți Salvare sau ✓.
Personalizarea dimensiunilor de font
Puteți seta dimensiunile implicite ale fontului pentru titluri și corpul de text cu ajutorul setării de temă Tipografie.
Dimensiunea minimă a fontului este 100%, iar dimensiunea maximă a fontului este 150%. Fiecare creștere a scării mărește dimensiunea fontului cu 5%. Setarea implicită este 100%.
Pași:
Desktop
Din panoul de administrare Shopify, accesați Magazin online > Teme.
Găsiți tema pe care doriți să o editați, apoi dați clic pe Editare temă.
Dați clic pe pictograma Setări temă
.Faceți clic pe Tipografie.
Pentru a schimba dimensiunea implicită a fontului pentru textul Titluri, utilizați glisorul de interval Scală dimensiune font pentru a selecta dimensiunea implicită a fontului.
Pentru a schimba dimensiunea implicită a fontului pentru textul Corp, utilizați glisorul de interval Scală dimensiune font pentru a selecta dimensiunea implicită a fontului.
Dați clic pe Salvare.
Mobil
Din aplicația Shopify, atingeți pictograma
.În secțiunea Canale de vânzare, atingeți Magazin online.
Atingeți Gestionare toate temele.
Găsiți tema pe care doriți să o editați, apoi atingeți Editare temă.
Atingeți … sau ⋮, apoi atingeți Setări temă.
Atingeți Tipografie.
Pentru a schimba dimensiunea implicită a fontului pentru textul Titluri, utilizați glisorul de interval Scală dimensiune font pentru a selecta dimensiunea implicită a fontului.
Pentru a schimba dimensiunea implicită a fontului pentru textul Corp, utilizați glisorul de interval Scală dimensiune font pentru a selecta dimensiunea implicită a fontului.
Atingeți Salvare sau ✓.
Aspect
Puteți seta lățimea maximă la care va fi afișat magazinul dvs. online și puteți seta spațiul vertical și orizontal dintre secțiuni.
Pași:
Desktop
Din panoul de administrare Shopify, accesați Magazin online > Teme.
Găsiți tema pe care doriți să o editați, apoi dați clic pe Editare temă.
Dați clic pe pictograma Setări temă
.Faceți clic pe Aspect.
Utilizați glisorul de interval Lățime pagină pentru a alege o lățime a paginii între 1000 px și 1600 px. Setarea implicită este 1600 px.
Opțional: utilizați glisorul de interval pentru a adăuga spațiu vertical la setarea Spațiu între secțiunile șablonului de pe paginile dvs. Puteți adăuga până la un maximum de 100 px între secțiuni.
Opțional: dacă aveți un aspect de tip Grilă, utilizați glisoarele de interval Spațiu orizontal și Spațiu vertical pentru a adăuga spațiu între conținutul grilei de pe paginile dvs. Adăugarea de spațiu orizontal va adăuga un spațiu de maximum 40 px la rândurile de conținut de pe paginile dvs., în timp ce adăugarea de spațiu vertical va adăuga un spațiu de maximum 40 px la coloanele de conținut de pe paginile dvs.
Dați clic pe Salvare.
Mobil
Din aplicația Shopify, atingeți pictograma
.În secțiunea Canale de vânzare, atingeți Magazin online.
Atingeți Gestionare toate temele.
Găsiți tema pe care doriți să o editați, apoi atingeți Editare temă.
Atingeți … sau ⋮, apoi atingeți Setări temă.
Atingeți Aspect.
Utilizați glisorul de interval Lățime pagină pentru a alege o lățime a paginii între 1000 px și 1600 px. Setarea implicită este 1600 px.
Opțional: utilizați glisorul de interval pentru a adăuga spațiu vertical la setarea Spațiu între secțiunile șablonului de pe paginile dvs. Puteți adăuga până la un maximum de 100 px între secțiuni.
Opțional: dacă aveți un aspect de tip Grilă, utilizați glisoarele de interval Spațiu orizontal și Spațiu vertical pentru a adăuga spațiu între conținutul grilei de pe paginile dvs. Adăugarea de spațiu orizontal va adăuga un spațiu de maximum 40 px la rândurile de conținut de pe paginile dvs., în timp ce adăugarea de spațiu vertical va adăuga un spațiu de maximum 40 px la coloanele de conținut de pe paginile dvs.
Atingeți Salvare sau ✓.
Animații
Animațiile vă permit să adăugați mișcare și interes vizual magazinului dvs. online. Puteți activa o animație de tip fade-in care dezvăluie secțiunile magazinului dvs. la derulare și un efect de hover pentru cardurile și butoanele dvs.
Pași:
Desktop
Din panoul de administrare Shopify, accesați Magazin online > Teme.
Găsiți tema pe care doriți să o editați, apoi dați clic pe Editare temă.
Dați clic pe pictograma Setări temă
.Faceți clic pe Animații.
Opțional: pentru a activa o animație care dezvăluie secțiunile magazinului dvs. online la derulare, selectați Dezvăluire secțiuni la derulare.
Opțional: pentru a adăuga o animație cu efect de hover la cardurile și butoanele dvs., selectați una dintre următoarele opțiuni din setarea Efect de hover:
- Ridicarea verticală: atunci când un client trece cu mouse-ul peste un card sau un buton, elementul se deplasează în sus.
- Ridicarea 3D: atunci când un client trece cu mouse-ul peste un card sau un buton, elementul se deplasează în față, oferindu-i un efect 3D. Acesta are, de asemenea, o strălucire subtilă care se mișcă pe element, oferindu-i o dimensiune suplimentară.
Dați clic pe Salvare.
Mobil
Din aplicația Shopify, atingeți pictograma
.În secțiunea Canale de vânzare, atingeți Magazin online.
Atingeți Gestionare toate temele.
Găsiți tema pe care doriți să o editați, apoi atingeți Editare temă.
Atingeți … sau ⋮, apoi atingeți Setări temă.
Atingeți Animații.
Opțional: pentru a activa o animație care dezvăluie secțiunile magazinului dvs. online la derulare, selectați Dezvăluire secțiuni la derulare.
Opțional: pentru a adăuga o animație cu efect de hover la cardurile și butoanele dvs., selectați una dintre următoarele opțiuni din setarea Efect de hover:
- Ridicarea verticală: atunci când un client trece cu mouse-ul peste un card sau un buton, elementul se deplasează în sus.
- Ridicarea 3D: atunci când un client trece cu mouse-ul peste un card sau un buton, elementul se deplasează în față, oferindu-i un efect 3D. Acesta are, de asemenea, o strălucire subtilă care se mișcă pe element, oferindu-i o dimensiune suplimentară.
Atingeți Salvare sau ✓.
Setări de personalizare a elementelor vizuale
Puteți ajusta aspectul elementelor temei dvs., cum ar fi butoanele, cardurile de produs și variantele, din pagina Setări temă. Fiecare opțiune conține setările relevante pentru elementul respectiv.
Puteți ajusta setările pentru următoarele elemente ale temei dvs.:
- Butoane: Butoanele includ butoane de tip apel la acțiune în secțiuni precum o prezentare de diapozitive sau o imagine cu text, precum și butoanele dintr-un formular de contact, de pe paginile de produs și paginile de coș.
- Etichete pentru variante: etichetele pentru variante vă permit să afișați variantele unui produs pe o pagină de produs sau într-o secțiune de produse selectate. Clienții pot selecta varianta dorită pentru a adăuga produsul în coș fără a fi nevoie să schimbe paginile de produs. Puteți personaliza modul în care se afișează etichetele pentru variante în magazinul dvs. online.
- Câmpuri de introducere: câmpurile de introducere sunt zone interactive care necesită date de la client, de exemplu, un selector de cantitate, un formular de abonare la e-mailuri sau comentarii la coș. Puteți ajusta aspectul câmpurilor de introducere ale magazinului dvs. online.
- Setările pentru cardurile de produs, cardurile de colecție și cardurile de blog vă permit să personalizați stilul fiecărui tip de card atunci când acestea sunt afișate în secțiunile paginii.
- Carduri de produs: cardurile de produs afișează informații despre produsele dvs. în zonele temei dvs. care listează mai multe produse, cum ar fi șabloanele de colecție, secțiunile de colecție și rezultatele căutării.
- Carduri de colecție: cardurile de colecție afișează informații despre colecțiile dvs. în zone ale temei dvs. care listează colecții, cum ar fi un șablon de listă de colecții sau o secțiune.
- Carduri de blog: cardurile de blog afișează informații despre postările dvs. de pe blog în zone ale temei dvs. care listează mai multe produse, cum ar fi șabloanele de blog, secțiunile de blog și rezultatele căutării.
- Containere de conținut: containerele sunt utilizate pentru elementul text al secțiunilor de conținut, de exemplu, caseta text de pe o prezentare de diapozitive, de pe un banner imagine sau în coloanele secțiunilor cu mai multe coloane. Puteți personaliza aspectul containerelor de conținut pentru magazinul dvs. online.
- Media: media este componenta vizuală a secțiunilor, de exemplu, componenta media a produsului sau o imagine din secțiunea Imagine cu text. Puteți adăuga chenare și umbre la elementele media.
- Meniuri verticale și pop-up-uri: puteți ajusta aspectul meniurilor verticale, al ferestrelor modale de tip pop-up și al pop-up-urilor pentru coș în magazinul dvs. online.
- Sertare: sertarele sunt containere interactive ascunse, care se afișează la atingere sau la clic, cum ar fi meniurile pliabile sau opțiunile de filtrare a colecțiilor. Puteți personaliza chenarul și umbra sertarelor din magazinul dvs. online.
- Ecusoane: ecusoanele Reducere și Stoc epuizat sunt adăugate automat la imaginile de produs atunci când reduceți prețul sau când numărul de produse din inventar ajunge la 0. Puteți ajusta individual poziția, forma și culoarea ecusoanelor Reducere și Stoc epuizat în setările temei. Ecusoanele Pagină și Blog se afișează în rezultatele căutării relevante. Puteți personaliza poziția și forma acestor ecusoane, dar nu puteți schimba culoarea ecusoanelor Pagină și Blog.
- Informații despre brand: puteți include informații despre brandul dvs. în magazinul dvs. online. După ce ați parcurs pașii următori, puteți adăuga blocul Informații despre brand în subsolul magazinului dvs. online.
Pași:
Desktop
Din panoul de administrare Shopify, accesați Magazin online > Teme.
Faceți clic pe Editați tema lângă tema pe care doriți să o editați.
Faceți clic pe pictograma
.Faceți clic pe un element pentru a deschide setările.
Ajustați oricare dintre setările disponibile. Puteți examina modificările navigând la diferite zone ale temei în fereastra de previzualizare.
Dați clic pe Salvare.
Mobil
Din aplicația Shopify, atingeți pictograma
.În secțiunea Canale de vânzare, atingeți Magazin online.
Atingeți Editați tema lângă tema pe care doriți să o editați.
Atingeți pictograma
.Atingeți un element pentru a deschide setările.
Ajustați oricare dintre setările disponibile. Puteți examina modificările navigând la diferite zone ale temei în fereastra de previzualizare.
Atingeți Salvare sau ✓.
Rețele de socializare
Puteți adăuga linkuri către conturile dvs. de pe rețelele de socializare care se afișează în subsolul magazinului dvs. online.
Pași:
Desktop
Din panoul de administrare Shopify, accesați Magazin online > Teme.
Găsiți tema pe care doriți să o editați, apoi dați clic pe Editare temă.
Dați clic pe pictograma Setări temă
.Faceți clic pe Rețele de socializare.
Pentru a adăuga linkuri către conturile dvs. de pe rețelele de socializare, introduceți adresele web ale conturilor dvs. în câmpurile relevante Conturi de socializare. Trebuie să introduceți linkuri complete, cum ar fi https://instagram.com/shopify sau https://tiktok.com/@shopify.
Dați clic pe Salvare.
Mobil
Din aplicația Shopify, atingeți pictograma
.În secțiunea Canale de vânzare, atingeți Magazin online.
Atingeți Gestionare toate temele.
Găsiți tema pe care doriți să o editați, apoi atingeți Editare temă.
Atingeți … sau ⋮, apoi atingeți Setări temă.
Atingeți Rețele de socializare.
Pentru a adăuga linkuri către conturile dvs. de pe rețelele de socializare, introduceți adresele web ale conturilor dvs. în câmpurile relevante Conturi de socializare. Trebuie să introduceți linkuri complete, cum ar fi https://instagram.com/shopify sau https://tiktok.com/@shopify.
Atingeți Salvare sau ✓.
Comportament de căutare
Magazinul dvs. online include căutare predictivă, care afișează sugestii atunci când clienții încep să tasteze în câmpul de căutare. Sugestiile de căutare îi pot ajuta pe clienți să își formuleze și să își rafineze interogările de căutare și le oferă noi modalități de a explora magazinul dvs. online. De asemenea, sugestiile de căutare le permit clienților să răsfoiască rapid potrivirile, fără a fi nevoiți să părăsească pagina curentă pentru a vizualiza o listă separată de rezultate ale căutării.
Pentru a afla mai multe despre cum funcționează sugestiile de căutare, consultați Căutarea predictivă.
Puteți personaliza modul în care sugestiile de căutare se afișează clienților dvs.
Pași:
Desktop
Din panoul de administrare Shopify, accesați Magazin online > Teme.
Găsiți tema pe care doriți să o editați, apoi dați clic pe Editare temă.
Dați clic pe pictograma Setări temă
.Faceți clic pe Comportament de căutare.
Pentru a activa sau a dezactiva sugestiile de căutare, selectați sau deselectați Activați sugestiile de căutare.
Opțional: pentru a afișa sau a ascunde vânzătorul produsului în sugestiile de căutare, selectați sau deselectați Afișați vânzătorul produsului.
Opțional: pentru a afișa sau a ascunde prețul produsului în sugestiile de căutare, selectați sau deselectați Afișați prețul produsului.
Dați clic pe Salvare.
Mobil
Din aplicația Shopify, atingeți pictograma
.În secțiunea Canale de vânzare, atingeți Magazin online.
Atingeți Gestionare toate temele.
Găsiți tema pe care doriți să o editați, apoi atingeți Editare temă.
Atingeți … sau ⋮, apoi atingeți Setări temă.
Atingeți Comportament de căutare.
Pentru a activa sau a dezactiva sugestiile de căutare, selectați sau deselectați Activați sugestiile de căutare.
Opțional: pentru a afișa sau a ascunde vânzătorul produsului în sugestiile de căutare, selectați sau deselectați Afișați vânzătorul produsului.
Opțional: pentru a afișa sau a ascunde prețul produsului în sugestiile de căutare, selectați sau deselectați Afișați prețul produsului.
Atingeți Salvare sau ✓.
Format monedă
Puteți alege ca codul monedei să fie afișat împreună cu prețurile produselor dvs.
Pași:
Desktop
Din panoul de administrare Shopify, accesați Magazin online > Teme.
Găsiți tema pe care doriți să o editați, apoi dați clic pe Editare temă.
Dați clic pe pictograma Setări temă
.Faceți clic pe Format monedă.
Pentru a afișa codurile de monedă, selectați Afișați codurile de monedă.
Dați clic pe Salvare.
Mobil
Din aplicația Shopify, atingeți pictograma
.În secțiunea Canale de vânzare, atingeți Magazin online.
Atingeți Gestionare toate temele.
Găsiți tema pe care doriți să o editați, apoi atingeți Editare temă.
Atingeți … sau ⋮, apoi atingeți Setări temă.
Atingeți Format monedă.
Pentru a afișa codurile de monedă, selectați Afișați codurile de monedă.
Atingeți Salvare sau ✓.
Coș
Puteți schimba stilul coșului în magazinul dvs. online. Atunci când un client adaugă un produs din magazinul dvs. în coșul său, coșul poate fi afișat ca un sertar, o pagină sau o notificare pop-up. Pentru a menține clientul pe pagina de produs, utilizați opțiunea sertar sau notificare pop-up. Pentru a duce clientul la pagina de coș, utilizați opțiunea pagină. Atunci când coșul clientului este gol, puteți afișa o colecție selectată în sertarul coșului de cumpărături.
Pași:
Desktop
Din panoul de administrare Shopify, accesați Magazin online > Teme.
Găsiți tema pe care doriți să o editați, apoi dați clic pe Editare temă.
Dați clic pe pictograma Setări temă
.Faceți clic pe Coș.
Utilizați meniul vertical Tip coș pentru a selecta stilul de coș Sertar, Pagină sau Notificare pop-up.
Opțional: pentru a afișa vânzătorii articolelor din coșul unui client, selectați Afișare vânzător.
Opțional: pentru a oferi clienților o casetă de text unde pot introduce solicitări speciale sau adăuga informații suplimentare despre comandă, selectați Activați comentariul la coș.
Opțional: dacă selectați Sertar ca Tip coș, atunci puteți afișa o colecție în sertarul coșului de cumpărături atunci când acesta este gol:
- În zona Sertar coș de cumpărături, faceți clic pe Selectați colecția.
- Faceți clic pe numele colecției pe care doriți să o afișați, apoi faceți clic pe Selectați.
Opțional: dacă selectați Sertar ca Tip coș, atunci puteți schimba schema de culori a sertarului coșului de cumpărături urmând pașii de mai jos:
- În zona Sertar coș de cumpărături > Schemă de culori, faceți clic pe Modificare.
- Selectați o schemă de culori pe care doriți să o utilizați pentru sertarul coșului de cumpărături.
Dați clic pe Salvare.
Mobil
Din aplicația Shopify, atingeți pictograma
.În secțiunea Canale de vânzare, atingeți Magazin online.
Atingeți Gestionare toate temele.
Găsiți tema pe care doriți să o editați, apoi atingeți Editare temă.
Atingeți … sau ⋮, apoi atingeți Setări temă.
Atingeți Coș.
Selectați Tipul de coș din opțiunile Sertar, Pagină sau Notificare pop-up.
Opțional: pentru a afișa vânzătorii articolelor din coșul unui client, selectați Afișare vânzător.
Opțional: pentru a oferi clienților o casetă de text unde pot introduce solicitări speciale sau adăuga informații suplimentare despre comandă, selectați Activați comentariul la coș.
Opțional: dacă selectați Sertar ca Tip coș, atunci puteți afișa o colecție în sertarul coșului de cumpărături atunci când acesta este gol:
- În zona Sertar coș de cumpărături, atingeți Selectare colecție.
- Atingeți numele colecției pe care doriți să o afișați, apoi atingeți Terminat.
Opțional: dacă selectați Sertar ca Tip coș, atunci puteți schimba schema de culori a sertarului coșului de cumpărături urmând pașii de mai jos:
- În zona Sertar coș de cumpărături > Schemă de culori, atingeți Modificare.
- Selectați o schemă de culori pe care doriți să o utilizați pentru sertarul coșului de cumpărături, apoi atingeți Terminat.
Atingeți Salvare sau ✓.
CSS personalizat
Secțiunea CSS personalizat vă permite să introduceți propriul cod CSS, de exemplu, pentru a personaliza aspectul butoanelor magazinului dvs. online dincolo de setările implicite disponibile sau pentru a aplica un stil unic anumitor elemente de text.
CSS-ul personalizat din setările temei dvs. afectează toate paginile din magazinul dvs. online, cu excepția paginii de plată.
Aflați mai multe despre Adăugarea de CSS personalizat la tema dvs..
Stil temă
Un stil de temă este o colecție de setări alese de un designer de teme. Puteți aplica un stil de temă magazinului dvs. pentru a-i conferi un aspect șlefuit. Toate temele au un stil de temă aplicat în mod implicit. Celelalte opțiuni de stil de temă pe care le aveți depind de tema pe care o utilizați.
Când personalizați o temă, înlocuiți setările de stil ale temei cu propriile dvs. setări. Când aplicați un stil de temă la tema dvs., vă modificați setările curente, cum ar fi culorile și tipografia.
Pași:
Desktop
Din panoul de administrare Shopify, accesați Magazin online > Teme.
Găsiți tema pe care doriți să o editați, apoi dați clic pe Editare temă.
Dați clic pe pictograma Setări temă
.Faceți clic pe Stil temă.
Selectați stilul de temă pe care doriți să îl utilizați, apoi faceți clic pe Modificare stil.
Dați clic pe Salvare.
Mobil
Din aplicația Shopify, atingeți pictograma
.În secțiunea Canale de vânzare, atingeți Magazin online.
Atingeți Gestionare toate temele.
Găsiți tema pe care doriți să o editați, apoi atingeți Editare temă.
Atingeți … sau ⋮, apoi atingeți Setări temă.
Atingeți Stil temă.
Selectați stilul de temă pe care doriți să îl utilizați, apoi atingeți Terminat.
Atingeți Salvare sau ✓.