Talon

Kako prilagoditi postavke teme

Sedmica 2 · Dizajn trgovine15 min čitanja

Ovaj detaljan vodič će vam pomoći da prilagodite vizuelni identitet vaše Talon web prodavnice. Naučićete kako da promijenite boje, fontove i druge elemente dizajna kako bi vaša prodavnica odražavala jedinstveni stil vašeg brenda.

Šta ćete naučiti

  • Kako pristupiti postavkama teme
  • Prilagođavanje palete boja (primarne i sekundarne)
  • Izbor i podešavanje fontova
  • Prilagođavanje dizajna kartica proizvoda
  • Podešavanje klizača i drugih elemenata prikaza

Pristupanje postavkama teme

U administratorskom panelu, pronađite sekciju "Prodavnica" u lijevom meniju. Ovdje ćete vidjeti nekoliko opcija:

  • Tema i dizajn - kliknite na ovu opciju (označena je oznakom)
  • Izgled strancie proizvoda
  • Home page sadržaj
  • Navigacija
  • Slajderi

Nakon što kliknete na 'Postavke' u bočnoj traci, otvoriće se glavni meni sa postavkama. Ovdje možete upravljati svim aspektima izgleda vaše prodavnice.

Pregled osnovnih informacija

Na vrhu stranice postavki teme, vidjećete osnovnu informaciju o funkcionisanju postavki. Sistem vam omogućava potpunu kontrolu nad vizuelnim identitetom.

Podešavanje boja · Automatska konfiguracija

Sistem boja

Talon vam omogućava da brzo postavite profesionalnu paletu boja:

Automatski postavi boje na osnovu glavne nijanse - Ova opcija je aktivirana

Kada je ova opcija uključena:

  • Sistem automatski generiše harmoničnu paletu boja
  • Sve boje će biti usklađene sa vašom glavnom bojom brenda
  • Primarna paleta prikazuje glavne boje vaše teme u šest varijanti

Primarna paleta boja

Prikazano je šest osnovnih nijansi koje čine vašu paletu:

  • Najsvjetlija - Za pozadine i svjetle akcente
  • Svijetla - Za sekundarne elemente
  • Svijetla (druga varijanta) - Za dodatne nijanse
  • Glavna - Vaša osnovna boja brenda
  • Tamna - Za naglašene elemente
  • Boja teksta - Za osnovni tekst na stranici

Sekundarna paleta

Ispod primarne palete nalazi se sekundarna paleta sa dodatnim opcijama boja koje komplementiraju vašu glavnu temu.

Ručno prilagođavanje boja

Ako želite potpunu kontrolu, možete isključiti automatsko postavljanje i ručno birati svaku boju iz palete.

Dodatne opcije boja

Ovdje možete fino podešavati nijanse i gradijente za specifične elemente vaše stranice.

Sekundarne boje · detalji

Sekundarna paleta vam omogućava da definirate dodatne boje za:

  • Pozadine specijalnih sekcija
  • Akcente i istaknute elemente
  • Boje za različite kategorije proizvoda

Tipografija · Izbor fontova

Dostupni fontovi

Talon nudi profesionalnu kolekciju fontova za vašu prodavnicu:

  • Fira Sans - Moderan, čitljiv font idealan za tehnološke prodaje
  • Roboto - Google-ov popularan font, odličan za sve vrste sadržaja
  • DM Sans - Elegantan sans-serif font sa izvrsnom čitljivošću
  • Source Sans Pro - Profesionalan font - Adobe-ov open source font
  • Outfit - Geometrijski font sa modernim izgledom

Podešavanje debljine fontova

Možete prilagoditi debljinu za:

  • Heading Weight - Debljina naslova (100-900) Trenutno podešeno: 500 (srednja debljina) Opcije: 100, 200, 300, 400, 500, 600, 700, 800, 900

  • Body Weight - Debljina osnovnog teksta

  • Trenutno podešeno: 500 (srednja debljina)

  • Opcije: 100, 200, 300, 400, 500, 600, 700, 800, 900

Fino podešavanje tipografije

Ovdje možete detaljnije prilagoditi postavke fontova za različite elemente stranice.

Primjer podešavanja debljine

Vizuelni prikaz kako različite debljine utiču na izgled vašeg teksta. Eksperimentirajte sa opcijama dok ne pronađete savršenu kombinaciju.

Dizajn kartica proizvoda

Izbor stila prikaza

Talon vam omogućava da birate između dva stila kartica proizvoda:

  • Tekst - Jednostavan, minimalistički prikaz
  • Kartica proizvoda - Bogat prikaz sa slikama i detaljima

Kartica proizvoda prikazuje:

  • Sliku proizvoda
  • Naziv proizvoda
  • Cijenu
  • Kratak opis (tipografija je umjetnost i tehnika aranžiranja teksta)

Dodatne opcije prikaza proizvoda

Fino podešavanje načina na koji se proizvodi prikazuju u različitim sekcijama vaše prodavnice.

Stilizovanje klizača

Podešavanje uglova

Prilagodite zaobljenost uglova na klizačima:

  • Oštri uglovi (0px) - Moderni, minimalistički izgled
  • Blago zaobljeni (4-8px) - Standardni e-commerce izgled
  • Veće zaobljenosti (12px+) - Mekši, prijatniji izgled

Dodatne opcije klizača

Definirajte kako se klizači ponašaju na različitim uređajima.

Postavke prikaza sadržaja

Zaslonski slajderi

Konfigurirajte prikaz slajdera na početnoj stranici:

Sloj preko kategorije - Aktivirano Sloj preko slajdera na početnoj stranici - Aktivirano

Možete podesiti:

  • Prozirnost - Od 0 (potpuno providno) do 100 (neprozirno) Trenutno: 25 za prvi sloj Trenutno: 25 za drugi sloj

  • Boja - Crna ili bijela pozadina sloja

  • Širina graničnika - Opciono dodavanje okvira

  • Trenutno: 25 za prvi sloj

  • Trenutno: 25 za drugi sloj

Sloj preko proizvoda (sidebar) - Aktivirano

Pregled trenutnih postavki

Uvijek možete pregledati kako vaše postavke utiču na izgled stranice u realnom vremenu.

Finalne prilagodbe

Pregledajte sve dodatne opcije prije spašavanja.

Čuvanje promjena

Završni koraci

  1. Pregledajte sve promjene - Prođite kroz sve sekcije još jednom
  2. Testirajte na različitim uređajima - Provjerite izgled na mobilnom, tabletu i desktopu
  3. Kliknite "Sačuvaj" - Sve promjene će biti primijenjene odmah
  4. Osvježite vašu prodavnicu - Posjetite vašu web stranicu da vidite promjene uživo

Čestitamo! Uspješno ste prilagodili temu vaše Talon prodavnice!

Dodatni savjeti

  • Rezerva: prije velikih promjena, zabilježite trenutne postavke
  • A/B testiranje: Eksperimentirajte sa različitim kombinacijama boja i fontova
  • Brzina učitavanja: Jednostavnije teme se brže učitavaju
  • Pristupačnost: Održavajte dobar kontrast između teksta i pozadine
Sve dokumentacije →