Kako prilagoditi postavke teme vaše web stranice

Ovaj detaljan vodič će vam pomoći da prilagodite vizuelni identitet vaše Sholdi 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

1. 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 ljubičastim krugom)
• Izgled strancie proizvoda
• Home page sadržaj
• Navigacija
• Slajderi

💡 Savjet: Postavke teme su centralno mjesto za sve vizuelne prilagodbe vaše prodavnice.

2. Navigacija kroz postavke

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.

3. Pregled osnovnih informacija

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

4. Podešavanje boja - Automatska konfiguracija

Sistem boja

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

✅ Automatski postavi boje na osnovu glavne nijanse - Ova opcija je aktivirana (ljubičasti krug označava aktivnu opciju)

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 (trenutno označena)
• 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.

5. 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

6. Tipografija - Izbor fontova

Dostupni fontovi

Sholdi 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 (trenutno označen) - Adobe-ov open source font
• Outfit - Geometrijski font sa modernim izgledom

💡 Preporuka: Source Sans Pro je odličan izbor za e-commerce jer je optimizovan za čitljivost na svim uređajima.

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

⚡ Brzi savjet: Debljina 500-600 za naslove i 400 za tekst daju najbolji balans između čitljivosti i elegancije.

7. 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.

8. Dizajn kartica proizvoda

Izbor stila prikaza

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

• Tekst - Jednostavan, minimalistički prikaz
• Kartica proizvoda - Bogat prikaz sa slikama i detaljima (trenutno označeno)

Kartica proizvoda prikazuje:

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

📝 Napomena: Stil "Kartica proizvoda" preporučujemo za vizuelno atraktivnije proizvode.

9. Dodatne opcije prikaza proizvoda

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

10. 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.

11. 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

✅ Sloj preko proizvoda (sidebar) - Aktivirano

⚠️ Važno: Sistem će primijeniti promjene tek nakon što kliknete dugme "Sačuvaj".

12. Pregled trenutnih postavki

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

13. Finalne prilagodbe

Pregledajte sve dodatne opcije prije spašavanja.

14. Č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 Sholdi prodavnice!

Dodatni savjeti

• Backup: 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

💬 Potrebna pomoć? Kontaktirajte Sholdi podršku za dodatnu asistenciju.