Pomoć
Prijavi se

Prilagodba postavki teme

Opće postavke internetske trgovine, poput tipografije, boja, poveznica na društvene mreže i stranice košarice, možete prilagoditi u odjeljku Postavke teme izbornika bočne trake alata za uređivanje tema. Promjene koje napravite u odjeljku Postavke teme primjenjuju se na cijelu internetsku trgovinu.

Odjeljci i blokovi imaju i zasebne postavke koje možete izmijeniti kako biste prilagodili pojedinačne odjeljke teme. Saznajte više o odjeljcima i blokovima.

Na ovoj stranici

U internetsku trgovinu možete dodati logotip svog poslovanja. Vaš se logotip prikazuje na sljedećim mjestima:

  • u zaglavlju na svim stranicama
  • na stranici s lozinkom

Prilagodite logotip

Maksimalna širina slike logotipa iznosi 300 px.

Koraci:

Stolno računalo

  1. Iz administratorskog alata za Shopify idite na Internetska trgovina > Teme.

  2. Pronađite temu koju želite urediti i kliknite Uredi temu.

  3. Kliknite ikonu Postavke teme settings.

  4. Kliknite Logotip.

  5. U odjeljku Logotip dodajte sliku ili upotrijebite besplatnu sliku:

    • Da biste dodali svoju sliku, kliknite Odaberi slikui zatim dodajte novu ili postojeću sliku:
      • Da biste upotrijebili sliku koju ste već učitali u administratorski alat za Shopify, odaberite sliku i kliknite Gotovo.
      • Da biste upotrijebili sliku s lokalnog računala, kliknite Dodaj slike. Odaberite i dodajte sliku te kliknite Gotovo.
    • Da biste upotrijebili besplatnu sliku, kliknite Istraži besplatne slike. Pronađite sliku, kliknite je za odabir i zatim kliknite Odaberi.

  6. Neobavezno: dodajte alt. tekst na sliku logotipa:

    1. U odjeljku Logotip kliknite Uredi.
    2. U polje Alt. tekst unesite kratki opis slike.
    3. Kliknite Spremi.

  7. Neobavezno: u odjeljku Širina logotipa na stolnom računalu pomoću klizača prilagodite širinu logotipa u pikselima.

  8. Kliknite Spremi.

Mobilni uređaj

  1. U aplikaciji Shopify dodirnite ikonu Menu.

  2. U odjeljku Prodajni kanali dodirnite Internetska trgovina.

  3. Dodirnite Upravljanje svim temama.

  4. Pronađite temu koju želite urediti i dodirnite Uredi temu.

  5. Dodirnite … ili ⋮ te zatim dodirnite Postavke teme.

  6. Dodirnite Logotip.

  7. U odjeljku Logotip dodajte sliku ili upotrijebite besplatnu sliku:

    • Da biste dodali svoju sliku, dodirnite Odaberi slikui zatim dodajte novu ili postojeću sliku:
      • Da biste upotrijebili sliku koju ste već učitali u administratorski alat za Shopify, odaberite sliku i dodirnite Gotovo.
      • Da biste upotrijebili sliku s lokalnog uređaja, dodirnite Dodaj slike. Odaberite i dodajte sliku s lokalnog uređaja, dodirnite je za odabir i zatim dodirnite Gotovo.
    • Da biste upotrijebili besplatnu sliku, dodirnite Istraži besplatne slike. Pronađite sliku, dodirnite je za odabir i zatim dodirnite Gotovo.

  8. Neobavezno: dodajte alt. tekst na sliku logotipa:

    1. U odjeljku Logotip dodirnite Uredi.
    2. U polje Alt. tekst unesite kratki opis slike.
    3. Dodirnite Spremi ili ✓.

  9. Neobavezno: u odjeljku Širina logotipa na stolnom računalu pomoću klizača prilagodite širinu logotipa u pikselima.

  10. Dodirnite Spremi ili ✓.

Dodajte favicon

Možete dodati ikonu favorita (favicon), koja pomaže u brendiranju vaše internetske trgovine. Favicon se prikazuje na sljedećim mjestima:

  • na kartici mrežnog preglednika
  • u povijesti mrežnog preglednika
  • na ikonama na radnoj površini
  • pored naziva internetske trgovine kada je mrežno mjesto dodano u oznake

Saznajte više o faviconima.

Koraci:

Stolno računalo

  1. Iz administratorskog alata za Shopify idite na Internetska trgovina > Teme.

  2. Pronađite temu za koju želite dodati favicon i kliknite Uredi temu.

  3. Kliknite ikonu Postavke teme settings.

  4. Ovisno o verziji teme, kliknite Logotip ili Favicon.

  5. U odjeljku Slika favicona kliknite Odaberi sliku i dodajte novu ili postojeću sliku:

    • Da biste odabrali sliku koju ste već učitali u administratorski alat za Shopify, možete je potražiti ili pronaći i zatim odabrati putem potvrdnog okvira.
    • Da biste odabrali sliku s lokalnog računala, kliknite Dodaj slike, otvorite sliku s lokalnog računala i zatim je odaberite putem potvrdnog okvira.

  6. Kliknite Gotovo.

  7. Neobavezno: dodajte alt. tekst na sliku favicona:

    1. U odjeljku Slika favicona kliknite Uredi.
    2. U polje Alt. tekst unesite kratki opis slike.
    3. Kliknite Spremi.

  8. Kliknite Spremi.

Mobilni uređaj

  1. U aplikaciji Shopify dodirnite ikonu Menu.

  2. U odjeljku Prodajni kanali dodirnite Internetska trgovina.

  3. Dodirnite Upravljanje svim temama.

  4. Pronađite temu za koju želite dodati favicon i dodirnite Uredi temu.

  5. Dodirnite … ili ⋮ te zatim dodirnite Postavke teme.

  6. Ovisno o verziji teme, dodirnite Logotip ili Favicon.

  7. U odjeljku Slika za favicon dodirnite Odaberi sliku, a zatim dodajte novu ili postojeću sliku:

    • Da biste odabrali sliku koju ste već učitali u administratorski alat za Shopify, možete je potražiti ili pronaći i zatim odabrati putem potvrdnog okvira.
    • Da biste odabrali sliku s lokalnog uređaja, dodirnite Dodaj slike, otvorite sliku sa svog lokalnog uređaja, a zatim je odaberite s pomoću potvrdnog okvira.

  8. Dodirnite Gotovo.

  9. Slici za favicon dodajte alt. tekst:

    1. U odjeljku Slika za favicon dodirnite Uredi.
    2. U polje Alt. tekst unesite kratki opis slike.
    3. Dodirnite Spremi ili ✓.

  10. Dodirnite Spremi ili ✓.

Boje

Možete definirati različite sheme boja u postavkama teme i primijeniti ih na različite odjeljke u svojoj internetskoj trgovini s pomoću alata za odabir sheme boja. Shema boja predstavlja skup boja. Na vašu temu primijenjen je zadani skup shema boja koji u bilo kojem trenutku možete promijeniti u alatu za uređivanje tema. Možete dodati boje svoje marke kako biste osigurali kohezivnu primjenu palete boja u cijeloj internetskoj trgovini.

Predlošci nemaju pojedinačne postavke boja kako bi dizajn vaše internetske trgovine bio dosljedan na cijelom mrežnom mjestu. Predložak se smatra glavnom stranicom ili glavnim sadržajem trgovine. Različite sheme boja u trgovini mogu dovesti do lošeg korisničkog iskustva i uzrokovati da korisnici napuste trgovinu bez kupnje proizvoda.

Možete izraditi i prilagoditi do 21 jedinstvenu shemu boja i primijeniti ih na različite odjeljke u cijeloj internetskoj trgovini.

Sheme boja

Sheme boja postavka su teme koja grupira elemente i njihove boje na vizualno reprezentativan način. Možete dodijeliti različite boje raznim elementima u kohezivnoj shemi boja koja se može primijeniti na cijelu temu tamo gdje je dostupan alat za odabir sheme boja. Možete imati do 21 shemu boja. Također možete pregledati kako se vaše boje prikazuju u pregledu sheme.

Popis različitih postavki koje možete primijeniti na sheme boja u alatu za uređivanje tema.
PostavkaOpis
PozadinaBoja se primjenjuje na pozadinu nekih odjeljaka i na pozadinu obrubljenog gumba.
Gradijent pozadineGradijent boja primjenjuje se na pozadinu nekih odjeljaka. Gradijenti pozadine zamjenjuju pozadinu gdje god je to moguće.
TekstBoja se primjenjuje na tekst odjeljka ili bloka.
Pozadina ispunjenog gumbaBoja se primjenjuje na pozadinu primarnog gumba.
Oznaka ispunjenog gumbaBoja se primjenjuje na tekst primarnog gumba.
Obrubljeni gumbBoja se primjenjuje na tekst i obrub sekundarnog gumba.
SjenaBoja se primjenjuje na sjene.

Upravljanje shemom boja

Shema boja i opcije boja za vašu trgovinu postavljaju se unutar postavki teme. Za pune boje upotrijebite alat za odabir boja za odabir nove boje ili unesite vrijednost boje u tekstualno polje. Polje za boju prihvaća sljedeće nazive i vrijednosti boja:

  • Nazive boja kao što su red, black ili blue.
  • RGB kodove boja.
  • Heksadecimalne vrijednosti boja.

Koraci:

  1. Iz administratorskog alata za Shopify idite na Internetska trgovina > Teme.

  2. Kliknite Uredi temu pokraj teme koju želite prilagoditi.

  3. Kliknite ikonu postavke, a zatim kliknite Boje.

  4. U odjeljku Sheme kliknite postojeću shemu ili kliknite Dodaj shemu kako biste dodali novu shemu boja.

  5. Kliknite uzorak boje za boju vrste sadržaja koju želite promijeniti.

  6. Da biste postavili boju, unesite heksadecimalni kod boje ili odaberite boju iz alata za odabir boja. Da biste boju postavili na transparentnu, izbrišite heksadecimalni kod iz tekstualnog polja.

  7. Kliknite Spremi.

Primjena sheme boja

Nakon što definirate shemu boja u postavkama teme, možete joj dodijeliti shemu boja s pomoću alata za odabir sheme boja u odjeljcima i blokovima teme. Alat za odabir sheme boja dostupan je samo u određenim odjeljcima, blokovima i općim postavkama teme.

Alat za odabir sheme boja

Gradijenti

U nekim temama možete postaviti gradijent boja za vizualno zanimljive opcije pozadine. Postavka color_background upotrebljava se za prilagodbu CSS svojstva pozadine.

Alat za odabir gradijenta omogućuje vam odabir boja, stila gradijenta, kuta, položaja i neprozirnosti gradijenta. Opcije odabrane u alatu za odabir gradijenta prikazuju se u stvarnom vremenu u alatu za uređivanje tema. Također možete izraditi pozadinu s gradijentom koristeći se CSS kodom, koji uključuje alat za provjeru valjanosti.

Postavljanje gradijenata

  1. Iz administratorskog alata za Shopify idite na Internetska trgovina > Teme.

  2. Kliknite Uredi temu pokraj teme koju želite prilagoditi.

  3. Kliknite ikonu postavke, a zatim kliknite Boje.

  4. U odjeljku Sheme kliknite postojeću shemu koju želite urediti.

  5. Kliknite opciju uzorka boje gradijenta, kao što je Gradijent pozadine.

  6. Ako prethodno niste postavili gradijent, prikazat će se neke unaprijed postavljene opcije koje možete odabrati. Odaberite bilo koji unaprijed postavljeni gradijent kako biste otvorili ploču s opcijama.

  7. Odaberite opcije gradijenta:

  • Odaberite između linearnog ili radijalnog gradijenta. Upotrijebite gumbe za odabir željenog stila gradijenta.
  • Postavite kut gradijenta s pomoću strelica prema gore i dolje. Kliknite strelicu prema gore ili dolje kako biste povećali ili smanjili postotak kuta za 5.
  • Upotrijebite klizač za odabir Položaja gradijenta ili unesite numeričku vrijednost u polje.
  • Unesite određeni heksadecimalni kod boje ili upotrijebite klizač za boju kako biste odabrali nijansu. Nedavno odabrane boje prikazuju se na dnu ploče s opcijama gradijenta.
  • Da biste gradijent učinili neprozirnim, upotrijebite klizač na desnoj strani za odabir transparentnosti gradijenta. Također možete unijeti postotak u polje pokraj heksadecimalnog koda boje.
  1. Kliknite Spremi.

Alat za odabir gradijenta u alatu za uređivanje tema

Upotreba CSS-a za postavljanje gradijenata

Većina vrijednosti CSS svojstva background može se upotrijebiti za postavljanje boje pozadine. Ovo polje možete upotrebljavati za pune boje (na primjer, #000000, black, rgb(0,0,0,0), rgba(0,0,0,0), hsl(0, 0%, 0%) i hsla(0, 0%, 0%, 1) daju jednobojnu crnu pozadinu) ili za gradijente (na primjer, linear-gradient(red, green), radial-gradient(red, green) ili conic-gradient(red, green)). Gradijenti se također mogu ponavljati.

Koraci:

  1. Iz administratorskog alata za Shopify idite na Internetska trgovina > Teme.

  2. Kliknite Uredi temu pokraj teme koju želite prilagoditi.

  3. Kliknite ikonu postavke, a zatim kliknite Boje.

  4. U odjeljku Sheme kliknite postojeću shemu koju želite urediti.

  5. Kliknite gradijent koji želite urediti.

  6. Kliknite strelicu pored stavke Gradijent, a zatim odaberite CSS.

  7. U polje CSS kod unesite ili zalijepite kod gradijenta. Pretpregled u alatu za uređivanje tema prikazat će vaš gradijent na odgovarajućem mjestu.

  8. Kliknite Spremi.

Polje CSS koda za gradijent u alatu za uređivanje tema

Uklonite gradijent

  1. Iz administratorskog alata za Shopify idite na Internetska trgovina > Teme.

  2. Kliknite Uredi temu pokraj teme koju želite prilagoditi.

  3. Kliknite ikonu postavke, a zatim kliknite Boje.

  4. U odjeljku Sheme kliknite postojeću shemu koju želite urediti.

  5. Kliknite gradijent koji želite ukloniti.

  6. Kliknite Ukloni gradijent.

  7. Kliknite Spremi.

Tipografija

Možete postaviti stil i veličinu fonta za tekst u internetskoj trgovini. Možete odabrati font sustava ili dodati prilagođeni font. Fontovi dostupni u vašoj temi ovise o razvojnom programeru vaše teme. Sve besplatne teme na platformi Shopify upotrebljavaju fontove iz biblioteke fontova platforme Shopify.

Razmislite o upotrebi fontova sustava u trgovini jer su oni već instalirani na računalu korisnika. Upotrebom fontova sustava izbjegava se preuzimanje novih fontova na računalo korisnika, što može negativno utjecati na brzinu učitavanja vaše trgovine. Font koji se prikazuje na računalu korisnika ovisi o njegovu operativnom sustavu.

Prilagodite vrste fontova

Popis dostupnih fontova potražite u Biblioteci fontova platforme Shopify.

Koraci:

Stolno računalo

  1. Iz administratorskog alata za Shopify idite na Internetska trgovina > Teme.

  2. Pronađite temu koju želite urediti i kliknite Uredi temu.

  3. Kliknite ikonu Postavke teme settings.

  4. Kliknite Tipografija.

  5. Da biste promijenili vrstu fonta za naslove ili glavni tekst u trgovini, kliknite Promijeni u odjeljku Naslovi ili Glavni tekst.

  6. Kliknite naziv fonta koji želite upotrijebiti, a zatim kliknite Odaberi.

  7. Kliknite Spremi.

Mobilni uređaj

  1. U aplikaciji Shopify dodirnite ikonu Menu.

  2. U odjeljku Prodajni kanali dodirnite Internetska trgovina.

  3. Dodirnite Upravljanje svim temama.

  4. Pronađite temu koju želite urediti i dodirnite Uredi temu.

  5. Dodirnite … ili ⋮ te zatim dodirnite Postavke teme.

  6. Dodirnite Tipografija.

  7. Da biste promijenili vrstu fonta za naslove ili glavni tekst u trgovini, dodirnite Promijeni u odjeljku Naslovi ili Glavni tekst.

  8. Dodirnite naziv fonta koji želite upotrijebiti, a zatim dodirnite Gotovo.

  9. Dodirnite Spremi ili ✓.

Prilagodite veličine fontova

Zadane veličine fontova za naslove i glavni tekst možete postaviti putem postavke teme za tipografiju.

Minimalna veličina fonta je 100 %, a maksimalna 150 %. Svaki pomak na skali povećava veličinu fonta za 5 %. Zadana postavka iznosi 100 %.

Koraci:

Stolno računalo

  1. Iz administratorskog alata za Shopify idite na Internetska trgovina > Teme.

  2. Pronađite temu koju želite urediti i kliknite Uredi temu.

  3. Kliknite ikonu Postavke teme settings.

  4. Kliknite Tipografija.

  5. Da biste promijenili zadanu veličinu fonta za tekst Naslovi, upotrijebite klizač Skala veličine fonta za odabir zadane veličine fonta.

  6. Da biste promijenili zadanu veličinu fonta za Glavni tekst, upotrijebite klizač Skala veličine fonta za odabir zadane veličine fonta.

  7. Kliknite Spremi.

Mobilni uređaj

  1. U aplikaciji Shopify dodirnite ikonu Menu.

  2. U odjeljku Prodajni kanali dodirnite Internetska trgovina.

  3. Dodirnite Upravljanje svim temama.

  4. Pronađite temu koju želite urediti i dodirnite Uredi temu.

  5. Dodirnite … ili ⋮ te zatim dodirnite Postavke teme.

  6. Dodirnite Tipografija.

  7. Da biste promijenili zadanu veličinu fonta za tekst Naslovi, upotrijebite klizač Skala veličine fonta za odabir zadane veličine fonta.

  8. Da biste promijenili zadanu veličinu fonta za Glavni tekst, upotrijebite klizač Skala veličine fonta za odabir zadane veličine fonta.

  9. Dodirnite Spremi ili ✓.

Izgled

Možete postaviti maksimalnu širinu prikaza internetske trgovine te odrediti okomiti i vodoravni razmak između odjeljaka.

Koraci:

Stolno računalo

  1. Iz administratorskog alata za Shopify idite na Internetska trgovina > Teme.

  2. Pronađite temu koju želite urediti i kliknite Uredi temu.

  3. Kliknite ikonu Postavke teme settings.

  4. Kliknite Izgled.

  5. Upotrijebite klizač Širina stranice kako biste odabrali širinu stranice između 1 000 px i 1 600 px. Zadana postavka iznosi 1 600 px.

  6. Izborno: Upotrijebite klizač za dodavanje okomitog Razmaka između odjeljaka predloška na stranicama. Između odjeljaka možete dodati najviše 100 px.

  7. Izborno: Ako imate izgled Mreža, tada upotrijebite klizače Vodoravni razmak i Okomiti razmak kako biste dodali razmak između mrežnog sadržaja na stranicama. Dodavanjem vodoravnog razmaka dodaje se najviše 40 px prostora u retke sa sadržajem na vašim stranicama, dok se dodavanjem okomitog razmaka dodaje najviše 40 px prostora u stupce sa sadržajem na vašim stranicama.

  8. Kliknite Spremi.

Mobilni uređaj

  1. U aplikaciji Shopify dodirnite ikonu Menu.

  2. U odjeljku Prodajni kanali dodirnite Internetska trgovina.

  3. Dodirnite Upravljanje svim temama.

  4. Pronađite temu koju želite urediti i dodirnite Uredi temu.

  5. Dodirnite … ili ⋮ te zatim dodirnite Postavke teme.

  6. Dodirnite Izgled.

  7. Upotrijebite klizač Širina stranice kako biste odabrali širinu stranice između 1 000 px i 1 600 px. Zadana postavka iznosi 1 600 px.

  8. Izborno: Upotrijebite klizač za dodavanje okomitog Razmaka između odjeljaka predloška na stranicama. Između odjeljaka možete dodati najviše 100 px.

  9. Izborno: Ako imate izgled Mreža, tada upotrijebite klizače Vodoravni razmak i Okomiti razmak kako biste dodali razmak između mrežnog sadržaja na stranicama. Dodavanjem vodoravnog razmaka dodaje se najviše 40 px prostora u retke sa sadržajem na vašim stranicama, dok se dodavanjem okomitog razmaka dodaje najviše 40 px prostora u stupce sa sadržajem na vašim stranicama.

  10. Dodirnite Spremi ili ✓.

Animacije

Animacije vam omogućuju dodavanje pokreta i vizualne zanimljivosti u internetsku trgovinu. Možete aktivirati animaciju postupnog pojavljivanja koja otkriva odjeljke trgovine prilikom pomicanja te efekt pri prelasku pokazivačem za kartice i gumbe.

Koraci:

Stolno računalo

  1. Iz administratorskog alata za Shopify idite na Internetska trgovina > Teme.

  2. Pronađite temu koju želite urediti i kliknite Uredi temu.

  3. Kliknite ikonu Postavke teme settings.

  4. Kliknite Animacije.

  5. Izborno: Da biste aktivirali animaciju koja otkriva odjeljke internetske trgovine pri pomicanju, odaberite Otkrij odjeljke pri pomicanju.

  6. Izborno: Da biste karticama i gumbima dodali animaciju pri prelasku pokazivačem, odaberite jednu od sljedećih opcija u postavci Efekt pri prelasku pokazivačem:

    • Okomito podizanje: Kada korisnik zadrži pokazivač iznad kartice ili gumba, element se pomiče prema gore.
    • 3D podizanje: Kada korisnik zadrži pokazivač iznad kartice ili gumba, element se pomiče naprijed čime se stvara 3D efekt. Dodan je i suptilan sjaj koji se pomiče preko elementa, dodajući mu još jedan sloj dimenzije.

  7. Kliknite Spremi.

Mobilni uređaj

  1. U aplikaciji Shopify dodirnite ikonu Menu.

  2. U odjeljku Prodajni kanali dodirnite Internetska trgovina.

  3. Dodirnite Upravljanje svim temama.

  4. Pronađite temu koju želite urediti i dodirnite Uredi temu.

  5. Dodirnite … ili ⋮ te zatim dodirnite Postavke teme.

  6. Dodirnite Animacije.

  7. Izborno: Da biste aktivirali animaciju koja otkriva odjeljke internetske trgovine pri pomicanju, odaberite Otkrij odjeljke pri pomicanju.

  8. Izborno: Da biste karticama i gumbima dodali animaciju pri prelasku pokazivačem, odaberite jednu od sljedećih opcija u postavci Efekt pri prelasku pokazivačem:

    • Okomito podizanje: Kada korisnik zadrži pokazivač iznad kartice ili gumba, element se pomiče prema gore.
    • 3D podizanje: Kada korisnik zadrži pokazivač iznad kartice ili gumba, element se pomiče naprijed čime se stvara 3D efekt. Dodan je i suptilan sjaj koji se pomiče preko elementa, dodajući mu još jedan sloj dimenzije.

  9. Dodirnite Spremi ili ✓.

Postavke za prilagodbu vizualnih elemenata

Izgled elemenata teme, poput gumba, kartica proizvoda i varijanti, možete prilagoditi na stranici Postavke teme. Svaka opcija sadrži odgovarajuće postavke za taj element.

Možete prilagoditi postavke za sljedeće elemente u svojoj temi:

  • Gumbi: Gumbi uključuju gumbe s pozivom na djelovanje u odjeljcima kao što su prezentacija ili slika s tekstom, kao i gumbe u obrascu za kontakt te na stranicama proizvoda i stranicama košarice.
  • Oznake varijanti: Oznake varijanti omogućuju vam prikaz varijanti proizvoda na stranici proizvoda ili u odjeljku istaknutog proizvoda. Korisnici mogu odabrati željenu varijantu kako bi dodali proizvod u košaricu bez potrebe za promjenom stranice proizvoda. Možete prilagoditi način na koji se oznake varijanti prikazuju u vašoj internetskoj trgovini.
  • Unosi: Polja za unos jesu interaktivna područja koja zahtijevaju unos korisnika, na primjer, birač količine, obrazac za prijavu na e-poštu ili bilješke o košarici. Izgled polja za unos možete prilagoditi u svojoj internetskoj trgovini.
  • Postavke za kartice proizvoda, kartice kolekcija i kartice bloga omogućuju vam prilagodbu stila svake vrste kartice kada su one prikazane u odjeljcima stranice.
    • Kartice proizvoda: Kartice proizvoda prikazuju informacije o vašim proizvodima u područjima vaše teme koja navode više proizvoda, poput predložaka kolekcija, odjeljaka kolekcija i rezultata pretraživanja.
    • Kartice kolekcija: Kartice kolekcija prikazuju informacije o vašim kolekcijama u područjima vaše teme koja navode kolekcije, poput predloška ili odjeljka popisa asortimana.
    • Kartice bloga: Kartice bloga prikazuju informacije o vašim objavama na blogu u područjima vaše teme koja navode više proizvoda, poput predložaka bloga, odjeljaka bloga i rezultata pretraživanja.
  • Spremnici sadržaja: Spremnici se upotrebljavaju za tekstualni element odjeljaka sa sadržajem, primjerice, tekstualni okvir u prezentaciji, na slikovnom natpisu ili u stupcima odjeljaka s više stupaca. Možete prilagoditi izgled spremnika sadržaja za svoju internetsku trgovinu.
  • Medijski sadržaj: Medijski sadržaj vizualna je komponenta odjeljaka, primjerice medijski sadržaj proizvoda ili slika u odjeljku Slika s tekstom. Medijskom sadržaju možete dodati obrube i sjene.
  • Padajući izbornici i skočni prozori: Možete prilagoditi izgled padajućih izbornika, skočnih modalnih prozora i skočnih prozora košarice u svojoj internetskoj trgovini.
  • Paneli: Paneli su skriveni, interaktivni spremnici koji se prikazuju kada se dodirnu ili kliknu, kao što su sklopivi izbornici ili opcije filtara kolekcije. Možete prilagoditi obrub i sjenu panela u svojoj internetskoj trgovini.
  • Značke: Značke Rasprodaja i Rasprodano automatski se dodaju slikama vaših proizvoda kada snizite cijenu ili kada količina na zalihama dosegne 0. Poziciju, oblik i boju značaka Rasprodaja i Rasprodano možete pojedinačno prilagoditi u postavkama teme. Značke Stranica i Blog prikazuju se u relevantnim rezultatima pretraživanja. Možete prilagoditi poziciju i oblik tih značaka, ali ne možete promijeniti boju značaka Stranica i Blog.
  • Podaci o marki: U internetsku trgovinu možete uključiti podatke o svojoj marki. Nakon što dovršite sljedeće korake, možete dodati blok Podaci o marki u podnožje svoje internetske trgovine.

Koraci:

Stolno računalo

  1. Iz administratorskog alata za Shopify idite na Internetska trgovina > Teme.

  2. Kliknite Uredi temu pored teme koju želite urediti.

  3. Kliknite ikonu postavke.

  4. Kliknite element da biste otvorili postavke.

  5. Prilagodite bilo koju od dostupnih postavki. Promjene možete pregledati kretanjem kroz različita područja svoje teme u prozoru za pregled.

  6. Kliknite Spremi.

Mobilni uređaj

  1. U aplikaciji Shopify dodirnite ikonu Menu.

  2. U odjeljku Prodajni kanali dodirnite Internetska trgovina.

  3. Dodirnite Uredi temu pored teme koju želite urediti.

  4. Dodirnite ikonu postavke.

  5. Dodirnite element da biste otvorili postavke.

  6. Prilagodite bilo koju od dostupnih postavki. Promjene možete pregledati kretanjem kroz različita područja svoje teme u prozoru za pregled.

  7. Dodirnite Spremi ili ✓.

Društvene mreže

Možete dodati poveznice na svoje račune društvenih mreža koji se prikazuju u podnožju vaše internetske trgovine.

Koraci:

Stolno računalo

  1. Iz administratorskog alata za Shopify idite na Internetska trgovina > Teme.

  2. Pronađite temu koju želite urediti i kliknite Uredi temu.

  3. Kliknite ikonu Postavke teme settings.

  4. Kliknite Društvene mreže.

  5. Da biste dodali poveznice na svoje račune društvenih mreža, unesite adrese mrežnih mjesta za svoje račune u odgovarajuća polja Računi društvenih mreža. Morate unijeti cijele poveznice, na primjer https://instagram.com/shopify ili https://tiktok.com/@shopify.

  6. Kliknite Spremi.

Mobilni uređaj

  1. U aplikaciji Shopify dodirnite ikonu Menu.

  2. U odjeljku Prodajni kanali dodirnite Internetska trgovina.

  3. Dodirnite Upravljanje svim temama.

  4. Pronađite temu koju želite urediti i dodirnite Uredi temu.

  5. Dodirnite … ili ⋮ te zatim dodirnite Postavke teme.

  6. Dodirnite Društvene mreže.

  7. Da biste dodali poveznice na svoje račune društvenih mreža, unesite adrese mrežnih mjesta za svoje račune u odgovarajuća polja Računi društvenih mreža. Morate unijeti cijele poveznice, na primjer https://instagram.com/shopify ili https://tiktok.com/@shopify.

  8. Dodirnite Spremi ili ✓.

Ponašanje pretraživanja

Vaša internetska trgovina uključuje prediktivno pretraživanje koje prikazuje prijedloge kada korisnici počnu tipkati u polje za pretraživanje. Prijedlozi za pretraživanje mogu pomoći korisnicima da artikuliraju i pročiste svoje upite za pretraživanje te im pružiti nove načine za istraživanje vaše internetske trgovine. Prijedlozi za pretraživanje također mogu omogućiti korisnicima da brzo pregledaju podudaranja bez potrebe za napuštanjem trenutačne stranice kako bi vidjeli zaseban popis rezultata pretraživanja.

Da biste saznali više o tome kako funkcioniraju prijedlozi za pretraživanje, pogledajte Prediktivno pretraživanje.

Možete prilagoditi način na koji se prijedlozi za pretraživanje prikazuju vašim korisnicima.

Koraci:

Stolno računalo

  1. Iz administratorskog alata za Shopify idite na Internetska trgovina > Teme.

  2. Pronađite temu koju želite urediti i kliknite Uredi temu.

  3. Kliknite ikonu Postavke teme settings.

  4. Kliknite Ponašanje pretraživanja.

  5. Da biste aktivirali ili deaktivirali prijedloge za pretraživanje, odaberite ili poništite odabir opcije Omogući prijedloge za pretraživanje.

  6. Neobavezno: Da biste prikazali ili sakrili prodavatelja proizvoda u prijedlozima za pretraživanje, odaberite ili poništite odabir opcije Prikaži prodavatelja proizvoda.

  7. Neobavezno: Da biste prikazali ili sakrili cijenu proizvoda u prijedlozima za pretraživanje, odaberite ili poništite odabir opcije Prikaži cijenu proizvoda.

  8. Kliknite Spremi.

Mobilni uređaj

  1. U aplikaciji Shopify dodirnite ikonu Menu.

  2. U odjeljku Prodajni kanali dodirnite Internetska trgovina.

  3. Dodirnite Upravljanje svim temama.

  4. Pronađite temu koju želite urediti i dodirnite Uredi temu.

  5. Dodirnite … ili ⋮ te zatim dodirnite Postavke teme.

  6. Dodirnite Ponašanje pretraživanja.

  7. Da biste aktivirali ili deaktivirali prijedloge za pretraživanje, odaberite ili poništite odabir opcije Omogući prijedloge za pretraživanje.

  8. Neobavezno: Da biste prikazali ili sakrili prodavatelja proizvoda u prijedlozima za pretraživanje, odaberite ili poništite odabir opcije Prikaži prodavatelja proizvoda.

  9. Neobavezno: Da biste prikazali ili sakrili cijenu proizvoda u prijedlozima za pretraživanje, odaberite ili poništite odabir opcije Prikaži cijenu proizvoda.

  10. Dodirnite Spremi ili ✓.

Format valute

Možete odabrati prikazivanje koda valute uz cijene na svojim proizvodima.

Koraci:

Stolno računalo

  1. Iz administratorskog alata za Shopify idite na Internetska trgovina > Teme.

  2. Pronađite temu koju želite urediti i kliknite Uredi temu.

  3. Kliknite ikonu Postavke teme settings.

  4. Kliknite Format valute.

  5. Za prikaz kodova valuta odaberite Prikaži kodove valuta.

  6. Kliknite Spremi.

Mobilni uređaj

  1. U aplikaciji Shopify dodirnite ikonu Menu.

  2. U odjeljku Prodajni kanali dodirnite Internetska trgovina.

  3. Dodirnite Upravljanje svim temama.

  4. Pronađite temu koju želite urediti i dodirnite Uredi temu.

  5. Dodirnite … ili ⋮ te zatim dodirnite Postavke teme.

  6. Dodirnite Format valute.

  7. Za prikaz kodova valuta odaberite Prikaži kodove valuta.

  8. Dodirnite Spremi ili ✓.

Košarica

Možete promijeniti stil košarice u svojoj internetskoj trgovini. Kada korisnik doda proizvod iz vaše trgovine u svoju košaricu, košarica se može prikazati kao panel, stranica ili skočna obavijest. Da biste zadržali korisnika na stranici proizvoda, upotrijebite opciju panela ili skočne obavijesti. Da biste korisnika preusmjerili na stranicu košarice, upotrijebite opciju stranice. Kada je košarica korisnika prazna, u panelu košarice možete prikazati istaknutu kolekciju.

Koraci:

Stolno računalo

  1. Iz administratorskog alata za Shopify idite na Internetska trgovina > Teme.

  2. Pronađite temu koju želite urediti i kliknite Uredi temu.

  3. Kliknite ikonu Postavke teme settings.

  4. Kliknite Košarica.

  5. Upotrijebite padajući izbornik Vrsta košarice za odabir stila košarice Panel, Stranica ili Skočna obavijest.

  6. Neobavezno: Da biste prikazali prodavatelje stavki u košarici korisnika, odaberite Prikaži prodavatelja.

  7. Neobavezno: Da biste korisnicima omogućili tekstualni okvir u koji mogu unositi posebne zahtjeve ili dodavati dodatne podatke o narudžbi, odaberite Omogući napomenu za košaricu.

  8. Neobavezno: Ako odaberete Panel kao svoju Vrstu košarice, u panelu košarice možete prikazati kolekciju kada je prazna:

    1. U odjeljku Panel košarice kliknite Odaberi kolekciju.
    2. Kliknite naziv kolekcije koju želite prikazati, a zatim kliknite Odaberi.

  9. Neobavezno: Ako odaberete Panel kao svoju Vrstu košarice, shemu boja panela košarice možete promijeniti na sljedeći način:

    1. U odjeljku Panel košarice > Shema boja kliknite Promijeni.
    2. Odaberite shemu boja koju želite upotrijebiti za panel košarice.

  10. Kliknite Spremi.

Mobilni uređaj

  1. U aplikaciji Shopify dodirnite ikonu Menu.

  2. U odjeljku Prodajni kanali dodirnite Internetska trgovina.

  3. Dodirnite Upravljanje svim temama.

  4. Pronađite temu koju želite urediti i dodirnite Uredi temu.

  5. Dodirnite … ili ⋮ te zatim dodirnite Postavke teme.

  6. Dodirnite Košarica.

  7. Odaberite Vrstu košarice između opcija Panel, Stranica ili Skočna obavijest.

  8. Neobavezno: Da biste prikazali prodavatelje stavki u košarici korisnika, odaberite Prikaži prodavatelja.

  9. Neobavezno: Da biste korisnicima omogućili tekstualni okvir u koji mogu unositi posebne zahtjeve ili dodavati dodatne podatke o narudžbi, odaberite Omogući napomenu za košaricu.

  10. Neobavezno: Ako odaberete Panel kao svoju Vrstu košarice, u panelu košarice možete prikazati kolekciju kada je prazna:

    1. U odjeljku Panel košarice dodirnite Odaberi kolekciju.
    2. Dodirnite naziv kolekcije koju želite prikazati, a zatim dodirnite Gotovo.

  11. Neobavezno: Ako odaberete Panel kao svoju Vrstu košarice, shemu boja panela košarice možete promijeniti na sljedeći način:

    1. U odjeljku Panel košarice > Shema boja dodirnite Promijeni.
    2. Odaberite shemu boja koju želite upotrijebiti za panel košarice, a zatim dodirnite Gotovo.

  12. Dodirnite Spremi ili ✓.

Prilagođeni CSS

Odjeljak Prilagođeni CSS omogućuje vam da unesete vlastiti CSS kôd, primjerice kako biste prilagodili izgled gumba svoje internetske trgovine izvan dostupnih zadanih postavki ili primijenili jedinstveni stil na određene tekstualne elemente.

Prilagođeni CSS u postavkama teme utječe na sve stranice u internetskoj trgovini, osim na plaćanje.

Saznajte više o dodavanju prilagođenog CSS-a u temu.

Stil teme

Stil teme zbirka je postavki koje odabire dizajner teme. Stil teme možete primijeniti u trgovini kako biste joj dali besprijekoran izgled i osjećaj. Svim je temama prema zadanim postavkama primijenjen stil teme. Ostale opcije stila teme koje su vam na raspolaganju ovise o temi koju upotrebljavate.

Pri prilagodbi teme zamjenjujete postavke stila teme vlastitima. Kada primijenite stil na svoju temu, mijenjaju se vaše trenutačne postavke, poput boja i tipografije.

Koraci:

Stolno računalo

  1. Iz administratorskog alata za Shopify idite na Internetska trgovina > Teme.

  2. Pronađite temu koju želite urediti i kliknite Uredi temu.

  3. Kliknite ikonu Postavke teme settings.

  4. Kliknite na Stil teme.

  5. Odaberite stil teme koji želite upotrijebiti, a zatim kliknite na Promijeni stil.

  6. Kliknite Spremi.

Mobilni uređaj

  1. U aplikaciji Shopify dodirnite ikonu Menu.

  2. U odjeljku Prodajni kanali dodirnite Internetska trgovina.

  3. Dodirnite Upravljanje svim temama.

  4. Pronađite temu koju želite urediti i dodirnite Uredi temu.

  5. Dodirnite … ili ⋮ te zatim dodirnite Postavke teme.

  6. Dodirnite Stil teme.

  7. Odaberite stil teme koji želite upotrijebiti, a zatim dodirnite Gotovo.

  8. Dodirnite Spremi ili ✓.