Help
Inloggen

Themainstellingen aanpassen

Je kunt algemene instellingen voor je webshop, zoals typografie, kleuren, links naar social media en de winkelwagenpagina, aanpassen vanuit het gedeelte Thema-instellingen in het zijbalkmenu van de themabewerker. Wijzigingen die je aanbrengt in het gedeelte Thema-instellingen, gelden voor je hele webshop.

Secties en blokken hebben ook afzonderlijke instellingen die je kunt aanpassen om individuele secties van je thema aan te passen. Meer informatie over secties en blokken.

Op deze pagina

Je kunt een logo voor je bedrijf toevoegen aan je webshop. Je logo wordt op de volgende plaatsen weergegeven:

  • je koptekst op alle pagina's
  • je wachtwoordpagina

Je logo aanpassen

Logoafbeeldingen hebben een maximale breedte van 300 px.

Stappen:

Desktop

  1. Ga vanuit het Shopify-beheercentrum naar Webshop > Thema's.

  2. Zoek het thema dat je wilt bewerken en klik vervolgens op Thema bewerken.

  3. Klik op het pictogram Thema-instellingen instellingen.

  4. Klik op Logo.

  5. Voeg in het gedeelte Logo je afbeelding toe of gebruik een gratis afbeelding:

    • Klik op Afbeelding selecteren, en voeg vervolgens een nieuwe of bestaande afbeelding toe:
      • Selecteer een afbeelding die je al naar je Shopify-beheercentrum hebt geüpload en klik vervolgens op Gereed.
      • Klik op Afbeeldingen toevoegen om een afbeelding van je computer te gebruiken. Selecteer en voeg een afbeelding toe en klik vervolgens op Gereed.
    • Klik op Gratis afbeeldingen verkennen om een gratis afbeelding te gebruiken. Zoek een afbeelding, klik op de afbeelding om deze te selecteren en klik vervolgens op Selecteren.

  6. Optioneel: voeg alt-tekst toe aan je logoafbeelding:

    1. Klik in het gedeelte Logo op Bewerken.
    2. Voer in het veld Alt-tekst een korte beschrijving van de afbeelding in.
    3. Klik op Opslaan.

  7. Optioneel: pas in het gedeelte Logobreedte voor desktop met de schuifregelaar de breedte van het logo in pixels aan.

  8. Klik op Opslaan.

Mobiel

  1. Tik in de Shopify-app op het pictogram Menu.

  2. Tik in het gedeelte Verkoopkanalen op Webshop.

  3. Tik op Alle thema's beheren.

  4. Zoek het thema dat je wilt bewerken en tik vervolgens op Thema bewerken.

  5. Tik op … of ⋮ en tik vervolgens op Thema-instellingen.

  6. Tik op Logo.

  7. Voeg in het gedeelte Logo je afbeelding toe of gebruik een gratis afbeelding:

    • Tik op Afbeelding selecteren, en voeg vervolgens een nieuwe of bestaande afbeelding toe:
      • Selecteer een afbeelding die je al naar je Shopify-beheercentrum hebt geüpload en tik vervolgens op Gereed.
      • Tik op Afbeeldingen toevoegen. Selecteer een afbeelding van je lokale apparaat en voeg deze toe. Tik vervolgens op de afbeelding om deze te selecteren en tik op Gereed.
    • Tik op Gratis afbeeldingen verkennen om een gratis afbeelding te gebruiken. Zoek een afbeelding, tik erop om die te selecteren en tik vervolgens op Gereed.

  8. Optioneel: voeg alt-tekst toe aan je logoafbeelding:

    1. Tik in het gedeelte Logo op Bewerken.
    2. Voer in het veld Alt-tekst een korte beschrijving van de afbeelding in.
    3. Tik op Opslaan of op ✓.

  9. Optioneel: pas in het gedeelte Logobreedte voor desktop met de schuifregelaar de breedte van het logo in pixels aan.

  10. Tik op Opslaan of op ✓.

Een favicon toevoegen

Je kunt een favorietenpictogram of favicon toevoegen om te helpen met de branding van je webshop. Een favicon wordt op de volgende plaatsen weergegeven:

  • het tabblad van je webbrowser
  • de geschiedenis van je webbrowser
  • pictogrammen op je desktop
  • naast je webshopnaam wanneer je website is gebookmarkt

Meer informatie over favicons.

Stappen:

Desktop

  1. Ga vanuit het Shopify-beheercentrum naar Webshop > Thema's.

  2. Zoek het thema waaraan je een favicon wilt toevoegen en klik vervolgens op Thema bewerken.

  3. Klik op het pictogram Thema-instellingen instellingen.

  4. Klik, afhankelijk van je themaversie, op Logo of Favicon.

  5. Klik in de sectie Faviconafbeelding op Afbeelding selecteren en voeg vervolgens een nieuwe of bestaande afbeelding toe:

    • Als je een afbeelding wilt selecteren die je al hebt geüpload naar je Shopify-beheercentrum, kun je de afbeelding zoeken en deze vervolgens selecteren met het selectievakje.
    • Als je een afbeelding wilt selecteren vanaf je computer, klik je op Afbeeldingen toevoegen, open je de afbeelding op je computer en selecteer je deze met het selectievakje.

  6. Klik op Gereed.

  7. Optioneel: voeg alt-tekst toe aan je faviconafbeelding:

    1. Klik in de sectie Faviconafbeelding op Bewerken.
    2. Voer in het veld Alt-tekst een korte beschrijving van de afbeelding in.
    3. Klik op Opslaan.

  8. Klik op Opslaan.

Mobiel

  1. Tik in de Shopify-app op het pictogram Menu.

  2. Tik in het gedeelte Verkoopkanalen op Webshop.

  3. Tik op Alle thema's beheren.

  4. Zoek het thema waaraan je een favicon wilt toevoegen en tik vervolgens op Thema bewerken.

  5. Tik op … of ⋮ en tik vervolgens op Thema-instellingen.

  6. Tik, afhankelijk van je themaversie, op Logo of Favicon.

  7. Tik in de sectie Faviconafbeelding op Afbeelding selecteren en voeg vervolgens een nieuwe of bestaande afbeelding toe:

    • Als je een afbeelding wilt selecteren die je al hebt geüpload naar je Shopify-beheercentrum, kun je de afbeelding zoeken en deze vervolgens selecteren met het selectievakje.
    • Als je een afbeelding wilt selecteren vanaf je apparaat, tik je op Afbeeldingen toevoegen, open je de afbeelding op je apparaat en selecteer je deze met het selectievakje.

  8. Tik op Gereed.

  9. Voeg alt-tekst toe aan je faviconafbeelding:

    1. Tik in de sectie Faviconafbeelding op Bewerken.
    2. Voer in het veld Alt-tekst een korte beschrijving van de afbeelding in.
    3. Tik op Opslaan of op ✓.

  10. Tik op Opslaan of op ✓.

Kleuren

Je kunt verschillende kleurenschema's definiëren in je thema-instellingen en de kleurenschema's toepassen op verschillende secties in je webshop met een kleurenschemakiezer. Een kleurenschema is een set kleuren. Je thema heeft een set standaard kleurenschema's die je op elk gewenst moment kunt wijzigen in de themabewerker. Je kunt je merkkleuren toevoegen om te zorgen voor een samenhangende toepassing van je kleurenpalet in je hele webshop.

Templates hebben geen afzonderlijke kleurinstellingen, zodat je winkelontwerp consistent is op je hele website. Een template wordt beschouwd als een hoofdpagina of de hoofdcontent voor een winkel. Het hebben van verschillende kleurenschema's in je winkel kan leiden tot een slechte gebruikerservaring en kan ervoor zorgen dat klanten je winkel verlaten zonder producten te kopen.

Je kunt tot 21 unieke kleurenschema's aanmaken en aanpassen en deze toepassen op verschillende secties in je webshop.

Kleurenschema's

Kleurenschema's zijn een thema-instelling die elementen en hun respectievelijke kleuren op een visueel representatieve manier groeperen. Je kunt verschillende kleuren toewijzen aan verschillende elementen in een samenhangend kleurenschema dat overal in je thema kan worden toegepast waar een kleurenschemakiezer beschikbaar is. Je kunt maximaal 21 kleurenschema's hebben. Je kunt ook een voorbeeld bekijken van hoe je kleuren worden weergegeven in het voorbeeld van het schema.

Lijst met verschillende instellingen die je kunt toepassen op kleurenschema's in de themabewerker.
InstellingBeschrijving
AchtergrondDe kleur wordt toegepast op de achtergrond van sommige secties en op de achtergrond van de contourknop.
AchtergrondverloopEen kleurverloop wordt toegepast op de achtergrond van sommige secties. Achtergrondverlopen vervangen waar mogelijk de achtergrond.
TekstDe kleur wordt toegepast op de tekst van de sectie of het blok.
Achtergrond gevulde knopDe kleur wordt toegepast op de achtergrond van de primaire knop.
Label gevulde knopDe kleur wordt toegepast op de tekst van de primaire knop.
ContourknopDe kleur wordt toegepast op de tekst en rand van de secundaire knop.
SchaduwDe kleur wordt toegepast op de schaduwen.

Je kleurenschema beheren

Het kleurenschema en de kleuropties van je winkel worden ingesteld in je thema-instellingen. Gebruik voor effen kleuren de kleurkiezer om een nieuwe kleur te selecteren of voer de waarde van de kleur in het tekstveld in. Het kleurveld accepteert de volgende kleurnamen en -waarden:

  • Kleurnamen zoals red, black of blue.
  • RGB-kleurcodes.
  • Hexadecimale kleurwaarden.

Stappen:

  1. Ga vanuit het Shopify-beheercentrum naar Webshop > Thema's.

  2. Klik op Thema bewerken naast het thema dat je wilt aanpassen.

  3. Klik op het pictogram instellingen en klik vervolgens op Kleuren.

  4. Klik in de sectie Schema's op een bestaand schema of klik op Schema toevoegen om een nieuw kleurenschema toe te voegen.

  5. Klik op het kleurstaal voor de contenttypekleur die je wilt wijzigen.

  6. Voer een hex-kleurcode in of kies de kleur uit de kleurkiezer om je kleur in te stellen. Verwijder de hex-code uit het tekstveld om de kleur op transparant in te stellen.

  7. Klik op Opslaan.

Je kleurenschema toepassen

Nadat je je kleurenschema hebt gedefinieerd in je thema-instellingen, kun je een kleurenschema toewijzen met de kleurenschemakiezer in de secties en blokken van je thema. De kleurenschemakiezer is alleen beschikbaar in bepaalde secties, blokken en algemene thema-instellingen.

Kleurenschemakiezer

Verlopen

In sommige thema's kun je een kleurverloop instellen voor visueel interessante achtergrondopties. De instelling color_background wordt gebruikt om de CSS-achtergrondeigenschap aan te passen.

Met de verloopkiezer kun je de kleuren, verloopstijl, hoek, positie en dekking van het verloop selecteren. De opties die in de verloopkiezer zijn geselecteerd, worden in realtime weergegeven in de themabewerker. Je kunt ook een verloopachtergrond maken met CSS-code, die een validatiecontrole bevat.

Verlopen instellen

  1. Ga vanuit het Shopify-beheercentrum naar Webshop > Thema's.

  2. Klik op Thema bewerken naast het thema dat je wilt aanpassen.

  3. Klik op het pictogram instellingen en klik vervolgens op Kleuren.

  4. Klik in de sectie Schema's op een bestaand schema dat je wilt bewerken.

  5. Klik op de optie voor het kleurstaal van het verloop, zoals Achtergrondverloop.

  6. Als je nog geen kleurverloop hebt ingesteld, worden er een aantal vooraf ingestelde opties weergegeven waaruit je kunt kiezen. Selecteer een vooraf ingesteld kleurverloop om het optiepaneel te openen.

  7. Selecteer je kleurverloopopties:

  • Kies tussen een lineair of radiaal kleurverloop. Gebruik de knoppen om de gewenste stijl voor het kleurverloop te selecteren.
  • Stel de hoek van je kleurverloop in met de pijltjes omhoog en omlaag. Klik op de pijl omhoog of omlaag om het hoekpercentage met 5 te verhogen of te verlagen.
  • Gebruik de schuifregelaar om de positie van je kleurverloop te selecteren of voer een numerieke waarde in het veld in.
  • Voer een specifieke hex-kleurcode in of gebruik de kleurenschuifregelaar om een tint te kiezen. Recent geselecteerde kleuren worden onderaan het optiepaneel voor het kleurverloop weergegeven.
  • Om je kleurverloop dekkend te maken, gebruik je de schuifregelaar aan de rechterkant om de transparantie van je kleurverloop te selecteren. Je kunt ook een percentage invoeren in het veld naast de hex-kleurcode.
  1. Klik op Opslaan.

Kleurverloopkiezer in de themabewerker

Kleurverlopen instellen met CSS

De meeste CSS-eigenschapswaarden voor background kunnen worden gebruikt om een achtergrondkleur in te stellen. Je kunt dit veld gebruiken voor effen kleuren (bijvoorbeeld #000000, black, rgb(0,0,0,0), rgba(0,0,0,0), hsl(0, 0%, 0%) en hsla(0, 0%, 0%, 1) produceren allemaal een effen zwarte achtergrond), of voor kleurverlopen (bijvoorbeeld linear-gradient(red, green), radial-gradient(red, green) of conic-gradient(red, green)). Kleurverlopen kunnen ook worden herhaald.

Stappen:

  1. Ga vanuit het Shopify-beheercentrum naar Webshop > Thema's.

  2. Klik op Thema bewerken naast het thema dat je wilt aanpassen.

  3. Klik op het pictogram instellingen en klik vervolgens op Kleuren.

  4. Klik in de sectie Schema's op een bestaand schema dat je wilt bewerken.

  5. Klik op het kleurverloop dat je wilt bewerken.

  6. Klik op de pijl naast Kleurverloop en selecteer vervolgens CSS.

  7. Typ of plak je kleurverloopcode in het veld CSS-code. In het voorbeeld van de themabewerker wordt je kleurverloop op de juiste locatie weergegeven.

  8. Klik op Opslaan.

Het veld CSS-code voor een kleurverloop in de themabewerker

Een kleurverloop verwijderen

  1. Ga vanuit het Shopify-beheercentrum naar Webshop > Thema's.

  2. Klik op Thema bewerken naast het thema dat je wilt aanpassen.

  3. Klik op het pictogram instellingen en klik vervolgens op Kleuren.

  4. Klik in de sectie Schema's op een bestaand schema dat je wilt bewerken.

  5. Klik op het kleurverloop dat je wilt verwijderen.

  6. Klik op Kleurverloop verwijderen.

  7. Klik op Opslaan.

Typografie

Je kunt de letterstijl en -grootte voor de tekst in je webshop instellen. Je kunt een systeemlettertype kiezen of een aangepast lettertype toevoegen. De lettertypen die beschikbaar zijn in je thema zijn afhankelijk van de ontwikkelaar van je thema. Alle gratis Shopify-thema's gebruiken lettertypen uit de lettertypebibliotheek van Shopify.

Overweeg om systeemlettertypen in je winkel te gebruiken, omdat systeemlettertypen al op de computer van een gebruiker zijn geïnstalleerd. Door systeemlettertypen te gebruiken, hoeven er geen nieuwe lettertypen naar de computer van je klant te worden gedownload, wat een negatieve invloed kan hebben op de laadsnelheid van je winkel. Het lettertype dat op de computer van je klant wordt weergegeven, is afhankelijk van diens besturingssysteem.

Lettertypen aanpassen

Raadpleeg de lettertypebibliotheek van Shopify voor een lijst met beschikbare lettertypen.

Stappen:

Desktop

  1. Ga vanuit het Shopify-beheercentrum naar Webshop > Thema's.

  2. Zoek het thema dat je wilt bewerken en klik vervolgens op Thema bewerken.

  3. Klik op het pictogram Thema-instellingen instellingen.

  4. Klik op Typografie.

  5. Om een lettertype voor de koppen of platte tekst van je winkel te wijzigen, klik je op Wijzigen in de sectie Koppen of Platte tekst.

  6. Klik op de naam van het lettertype dat je wilt gebruiken en klik vervolgens op Selecteren.

  7. Klik op Opslaan.

Mobiel

  1. Tik in de Shopify-app op het pictogram Menu.

  2. Tik in het gedeelte Verkoopkanalen op Webshop.

  3. Tik op Alle thema's beheren.

  4. Zoek het thema dat je wilt bewerken en tik vervolgens op Thema bewerken.

  5. Tik op … of ⋮ en tik vervolgens op Thema-instellingen.

  6. Tik op Typografie.

  7. Om een lettertype voor de koppen of platte tekst van je winkel te wijzigen, tik je op Wijzigen in de sectie Koppen of Platte tekst.

  8. Tik op de naam van het lettertype dat je wilt gebruiken en tik vervolgens op Gereed.

  9. Tik op Opslaan of op ✓.

Lettergroottes aanpassen

Je kunt de standaard lettergroottes voor je koppen en platte tekst instellen met de thema-instelling Typografie.

De minimale lettergrootte is 100% en de maximale lettergrootte is 150%. Elke stap op de schaal verhoogt de lettergrootte met 5%. De standaardinstelling is 100%.

Stappen:

Desktop

  1. Ga vanuit het Shopify-beheercentrum naar Webshop > Thema's.

  2. Zoek het thema dat je wilt bewerken en klik vervolgens op Thema bewerken.

  3. Klik op het pictogram Thema-instellingen instellingen.

  4. Klik op Typografie.

  5. Om de standaard lettergrootte voor koppen te wijzigen, gebruik je de schuifregelaar Schaal lettergrootte.

  6. Om de standaard lettergrootte voor platte tekst te wijzigen, gebruik je de schuifregelaar Schaal lettergrootte.

  7. Klik op Opslaan.

Mobiel

  1. Tik in de Shopify-app op het pictogram Menu.

  2. Tik in het gedeelte Verkoopkanalen op Webshop.

  3. Tik op Alle thema's beheren.

  4. Zoek het thema dat je wilt bewerken en tik vervolgens op Thema bewerken.

  5. Tik op … of ⋮ en tik vervolgens op Thema-instellingen.

  6. Tik op Typografie.

  7. Om de standaard lettergrootte voor koppen te wijzigen, gebruik je de schuifregelaar Schaal lettergrootte.

  8. Om de standaard lettergrootte voor platte tekst te wijzigen, gebruik je de schuifregelaar Schaal lettergrootte.

  9. Tik op Opslaan of op ✓.

Opmaak

Je kunt de maximale breedte instellen waarop je webshop wordt weergegeven, en de verticale en horizontale ruimte tussen secties instellen.

Stappen:

Desktop

  1. Ga vanuit het Shopify-beheercentrum naar Webshop > Thema's.

  2. Zoek het thema dat je wilt bewerken en klik vervolgens op Thema bewerken.

  3. Klik op het pictogram Thema-instellingen instellingen.

  4. Klik op Opmaak.

  5. Gebruik de schuifregelaar Paginabreedte om een paginabreedte tussen 1000 px en 1600 px te kiezen. De standaardinstelling is 1600 px.

  6. Optioneel: gebruik de schuifregelaar om verticale ruimte tussen templatesecties op je pagina's toe te voegen. Je kunt maximaal 100 px ruimte tussen de secties toevoegen.

  7. Optioneel: als je een grid-opmaak hebt, gebruik je de schuifregelaars Horizontale ruimte en Verticale ruimte om ruimte tussen de grid-content op je pagina's toe te voegen. Als je horizontale ruimte toevoegt, wordt er maximaal 40 px ruimte toegevoegd aan de rijen met content op je pagina's, terwijl het toevoegen van verticale ruimte maximaal 40 px ruimte toevoegt aan de kolommen met content op je pagina's.

  8. Klik op Opslaan.

Mobiel

  1. Tik in de Shopify-app op het pictogram Menu.

  2. Tik in het gedeelte Verkoopkanalen op Webshop.

  3. Tik op Alle thema's beheren.

  4. Zoek het thema dat je wilt bewerken en tik vervolgens op Thema bewerken.

  5. Tik op … of ⋮ en tik vervolgens op Thema-instellingen.

  6. Tik op Opmaak.

  7. Gebruik de schuifregelaar Paginabreedte om een paginabreedte tussen 1000 px en 1600 px te kiezen. De standaardinstelling is 1600 px.

  8. Optioneel: gebruik de schuifregelaar om verticale ruimte tussen templatesecties op je pagina's toe te voegen. Je kunt maximaal 100 px ruimte tussen de secties toevoegen.

  9. Optioneel: als je een grid-opmaak hebt, gebruik je de schuifregelaars Horizontale ruimte en Verticale ruimte om ruimte tussen de grid-content op je pagina's toe te voegen. Als je horizontale ruimte toevoegt, wordt er maximaal 40 px ruimte toegevoegd aan de rijen met content op je pagina's, terwijl het toevoegen van verticale ruimte maximaal 40 px ruimte toevoegt aan de kolommen met content op je pagina's.

  10. Tik op Opslaan of op ✓.

Animaties

Met animaties kun je beweging en visuele flair toevoegen aan je webshop. Je kunt een fade-in-animatie activeren die de secties van je winkel onthult tijdens het scrollen en een hovereffect voor je kaarten en knoppen.

Stappen:

Desktop

  1. Ga vanuit het Shopify-beheercentrum naar Webshop > Thema's.

  2. Zoek het thema dat je wilt bewerken en klik vervolgens op Thema bewerken.

  3. Klik op het pictogram Thema-instellingen instellingen.

  4. Klik op Animaties.

  5. Optioneel: selecteer Secties weergeven bij scrollen om een animatie te activeren die de secties van je webshop onthult tijdens het scrollen.

  6. Optioneel: selecteer een van de volgende opties bij de instelling Hovereffect om een hovereffect-animatie toe te voegen aan je kaarten en knoppen:

    • Verticale lift: wanneer een klant met de muis over een kaart of knop beweegt, verschuift het element omhoog.
    • 3D-lift: wanneer een klant met de muis over een kaart of knop beweegt, verschuift het element naar voren, wat een 3D-effect geeft. Dit heeft ook een subtiele glans die over het element beweegt, waardoor het een extra dimensie krijgt.

  7. Klik op Opslaan.

Mobiel

  1. Tik in de Shopify-app op het pictogram Menu.

  2. Tik in het gedeelte Verkoopkanalen op Webshop.

  3. Tik op Alle thema's beheren.

  4. Zoek het thema dat je wilt bewerken en tik vervolgens op Thema bewerken.

  5. Tik op … of ⋮ en tik vervolgens op Thema-instellingen.

  6. Tik op Animaties.

  7. Optioneel: selecteer Secties weergeven bij scrollen om een animatie te activeren die de secties van je webshop onthult tijdens het scrollen.

  8. Optioneel: selecteer een van de volgende opties bij de instelling Hovereffect om een hovereffect-animatie toe te voegen aan je kaarten en knoppen:

    • Verticale lift: wanneer een klant met de muis over een kaart of knop beweegt, verschuift het element omhoog.
    • 3D-lift: wanneer een klant met de muis over een kaart of knop beweegt, verschuift het element naar voren, wat een 3D-effect geeft. Dit heeft ook een subtiele glans die over het element beweegt, waardoor het een extra dimensie krijgt.

  9. Tik op Opslaan of op ✓.

Visuele elementen aanpassen

Je kunt het uiterlijk van elementen van je thema aanpassen, zoals knoppen, productkaarten en varianten, via de pagina Thema-instellingen. Elke optie bevat de relevante instellingen voor dat element.

Je kunt instellingen aanpassen voor de volgende elementen van je thema:

  • Knoppen: Onder knoppen vallen call-to-action-knoppen in secties zoals een diavoorstelling of een afbeelding met tekst, evenals de knoppen in een contactformulier, op je productpagina's en winkelwagenpagina's.
  • Variantknoppen: Met variantknoppen kun je de varianten van een product weergeven op een productpagina of in een sectie met uitgelichte producten. Klanten kunnen de gewenste variant selecteren om het product aan hun winkelwagen toe te voegen zonder van productpagina te hoeven wisselen. Je kunt aanpassen hoe je variantknoppen in je webshop worden weergegeven.
  • Invoervelden: Invoervelden zijn interactieve gebieden waar klanten iets moeten invoeren, bijvoorbeeld een hoeveelheidskiezer, een aanmeldingsformulier voor e-mail of notities voor de winkelwagen. Je kunt het uiterlijk van de invoervelden van je webshop aanpassen.
  • Met de instellingen voor productkaarten, collectiekaarten en blogkaarten kun je de stijl van elk type kaart aanpassen wanneer deze in paginasecties worden weergegeven.
    • Productkaarten: Op productkaarten wordt informatie over je producten weergegeven in gedeelten van je thema waar meerdere producten worden vermeld, zoals collectietemplates, collectiesecties en zoekresultaten.
    • Collectiekaarten: Op collectiekaarten wordt informatie over je collecties weergegeven in gedeelten van je thema waar collecties worden vermeld, zoals een template of sectie voor een collectielijst.
    • Blogkaarten: Op blogkaarten wordt informatie over je blogposts weergegeven in gedeelten van je thema waar meerdere producten worden vermeld, zoals blogtemplates, blogsecties en zoekresultaten.
  • Contentcontainers: Containers worden gebruikt voor het tekstelement van contentsecties, bijvoorbeeld het tekstvak in een diavoorstelling, op een afbeeldingsbanner of in de kolommen van secties met meerdere kolommen. Je kunt het uiterlijk van contentcontainers voor je webshop aanpassen.
  • Media: Media is de visuele component van secties, bijvoorbeeld productmedia of een afbeelding in de sectie Afbeelding met tekst. Je kunt randen en schaduwen aan je media toevoegen.
  • Vervolgkeuzelijsten en pop-ups: Je kunt het uiterlijk van vervolgkeuzemenu's, modale pop-ups en winkelwagenpop-ups in je webshop aanpassen.
  • Lades: Lades zijn verborgen, interactieve containers die worden weergegeven wanneer erop wordt getikt of geklikt, zoals inklapbare menu's of filteropties voor collecties. Je kunt de rand en schaduw van de lades in je webshop aanpassen.
  • Badges: De badges Uitverkoop en Uitverkocht worden automatisch toegevoegd aan je productafbeeldingen wanneer je de prijs verlaagt of wanneer het voorraadaantal 0 bereikt. Je kunt de positie, vorm en kleur van je badges Uitverkoop en Uitverkocht afzonderlijk aanpassen in je thema-instellingen. De badges Pagina en Blog worden weergegeven in relevante zoekresultaten. Je kunt de positie en vorm van deze badges aanpassen, maar je kunt de kleur van de badges Pagina en Blog niet wijzigen.
  • Merkinformatie: Je kunt informatie over je merk opnemen in je webshop. Wanneer je de volgende stappen hebt voltooid, kun je het blok Merkinformatie toevoegen aan de voettekst van je webshop.

Stappen:

Desktop

  1. Ga vanuit het Shopify-beheercentrum naar Webshop > Thema's.

  2. Klik op Thema bewerken naast het thema dat je wilt bewerken.

  3. Klik op het pictogram instellingen.

  4. Klik op een element om de instellingen te openen.

  5. Pas de beschikbare instellingen aan. Je kunt de wijzigingen bekijken door in het voorbeeldvenster naar verschillende gedeelten van je thema te navigeren.

  6. Klik op Opslaan.

Mobiel

  1. Tik in de Shopify-app op het pictogram Menu.

  2. Tik in het gedeelte Verkoopkanalen op Webshop.

  3. Tik op Thema bewerken naast het thema dat je wilt bewerken.

  4. Tik op het pictogram instellingen.

  5. Tik op een element om de instellingen te openen.

  6. Pas de beschikbare instellingen aan. Je kunt de wijzigingen bekijken door in het voorbeeldvenster naar verschillende gedeelten van je thema te navigeren.

  7. Tik op Opslaan of op ✓.

Social media

Je kunt links naar je socialmedia-accounts toevoegen die in de voettekst van je webshop worden weergegeven.

Stappen:

Desktop

  1. Ga vanuit het Shopify-beheercentrum naar Webshop > Thema's.

  2. Zoek het thema dat je wilt bewerken en klik vervolgens op Thema bewerken.

  3. Klik op het pictogram Thema-instellingen instellingen.

  4. Klik op Social media.

  5. Voer de website-adressen voor je accounts in de betreffende velden bij Socialmedia-accounts in om links naar je socialmedia-accounts toe te voegen. Je moet volledige links invoeren, zoals https://instagram.com/shopify of https://tiktok.com/@shopify.

  6. Klik op Opslaan.

Mobiel

  1. Tik in de Shopify-app op het pictogram Menu.

  2. Tik in het gedeelte Verkoopkanalen op Webshop.

  3. Tik op Alle thema's beheren.

  4. Zoek het thema dat je wilt bewerken en tik vervolgens op Thema bewerken.

  5. Tik op … of ⋮ en tik vervolgens op Thema-instellingen.

  6. Tik op Social media.

  7. Voer de website-adressen voor je accounts in de betreffende velden bij Socialmedia-accounts in om links naar je socialmedia-accounts toe te voegen. Je moet volledige links invoeren, zoals https://instagram.com/shopify of https://tiktok.com/@shopify.

  8. Tik op Opslaan of op ✓.

Zoekgedrag

Je webshop bevat voorspellend zoeken, waarbij suggesties worden weergegeven wanneer klanten beginnen met typen in het zoekveld. Zoeksuggesties kunnen klanten helpen hun zoekopdrachten te verwoorden en te verfijnen, en bieden nieuwe manieren om je webshop te verkennen. Met zoeksuggesties kunnen klanten ook snel door overeenkomsten bladeren, zonder hun huidige pagina te hoeven verlaten om een afzonderlijke lijst met zoekresultaten te bekijken.

Raadpleeg Voorspellend zoeken voor meer informatie over hoe zoeksuggesties werken.

Je kunt aanpassen hoe zoeksuggesties aan je klanten worden weergegeven.

Stappen:

Desktop

  1. Ga vanuit het Shopify-beheercentrum naar Webshop > Thema's.

  2. Zoek het thema dat je wilt bewerken en klik vervolgens op Thema bewerken.

  3. Klik op het pictogram Thema-instellingen instellingen.

  4. Klik op Zoekgedrag.

  5. Selecteer of deselecteer Zoeksuggesties inschakelen om zoeksuggesties te activeren of deactiveren.

  6. Optioneel: Selecteer of deselecteer Productverkoper weergeven om de productverkoper in zoeksuggesties weer te geven of te verbergen.

  7. Optioneel: Selecteer of deselecteer Productprijs weergeven om de productprijs in zoeksuggesties weer te geven of te verbergen.

  8. Klik op Opslaan.

Mobiel

  1. Tik in de Shopify-app op het pictogram Menu.

  2. Tik in het gedeelte Verkoopkanalen op Webshop.

  3. Tik op Alle thema's beheren.

  4. Zoek het thema dat je wilt bewerken en tik vervolgens op Thema bewerken.

  5. Tik op … of ⋮ en tik vervolgens op Thema-instellingen.

  6. Tik op Zoekgedrag.

  7. Selecteer of deselecteer Zoeksuggesties inschakelen om zoeksuggesties te activeren of deactiveren.

  8. Optioneel: Selecteer of deselecteer Productverkoper weergeven om de productverkoper in zoeksuggesties weer te geven of te verbergen.

  9. Optioneel: Selecteer of deselecteer Productprijs weergeven om de productprijs in zoeksuggesties weer te geven of te verbergen.

  10. Tik op Opslaan of op ✓.

Valutanotatie

Je kunt ervoor kiezen de valutacode bij de prijzen van je producten weer te geven.

Stappen:

Desktop

  1. Ga vanuit het Shopify-beheercentrum naar Webshop > Thema's.

  2. Zoek het thema dat je wilt bewerken en klik vervolgens op Thema bewerken.

  3. Klik op het pictogram Thema-instellingen instellingen.

  4. Klik op Valutanotatie.

  5. Selecteer Valutacodes weergeven om valutacodes weer te geven.

  6. Klik op Opslaan.

Mobiel

  1. Tik in de Shopify-app op het pictogram Menu.

  2. Tik in het gedeelte Verkoopkanalen op Webshop.

  3. Tik op Alle thema's beheren.

  4. Zoek het thema dat je wilt bewerken en tik vervolgens op Thema bewerken.

  5. Tik op … of ⋮ en tik vervolgens op Thema-instellingen.

  6. Tik op Valutanotatie.

  7. Selecteer Valutacodes weergeven om valutacodes weer te geven.

  8. Tik op Opslaan of op ✓.

Winkelwagen

Je kunt de stijl van de winkelwagen in je webshop wijzigen. Wanneer een klant een product uit je winkel toevoegt aan de winkelwagen, kan de winkelwagen worden weergegeven als een lade, een pagina of een pop-upmelding. Gebruik de optie voor lade of pop-upmelding om de klant op de productpagina te houden. Gebruik de paginaoptie om de klant naar de winkelwagenpagina te brengen. Wanneer de winkelwagen van de klant leeg is, kun je een uitgelichte collectie in de winkelwagenlade weergeven.

Stappen:

Desktop

  1. Ga vanuit het Shopify-beheercentrum naar Webshop > Thema's.

  2. Zoek het thema dat je wilt bewerken en klik vervolgens op Thema bewerken.

  3. Klik op het pictogram Thema-instellingen instellingen.

  4. Klik op Winkelwagen.

  5. Gebruik de vervolgkeuzelijst Winkelwagentype om de winkelwagenstijl Lade, Pagina of Pop-upmelding te selecteren.

  6. Optioneel: Selecteer Verkoper weergeven om de verkopers van de artikelen in de winkelwagen van een klant weer te geven.

  7. Optioneel: Selecteer Notitie voor winkelwagen inschakelen om klanten een tekstvak te bieden waarin ze speciale verzoeken kunnen invoeren of extra bestelinformatie kunnen toevoegen.

  8. Optioneel: als je Lade selecteert als je Winkelwagentype, kun je een collectie weergeven in de winkelwagenlade wanneer deze leeg is:

    1. Klik in het gedeelte Winkelwagenlade op Collectie selecteren.
    2. Klik op de naam van de collectie die je wilt weergeven en klik vervolgens op Selecteren.

  9. Optioneel: Als je Lade selecteert als je Winkelwagentype, kun je het kleurenschema van je winkelwagenlade wijzigen door de volgende stappen uit te voeren:

    1. Klik op Wijzigen in het gedeelte Winkelwagenoptie > Kleurenschema.
    2. Selecteer een kleurenschema dat je wilt gebruiken voor je winkelwagenoptie.

  10. Klik op Opslaan.

Mobiel

  1. Tik in de Shopify-app op het pictogram Menu.

  2. Tik in het gedeelte Verkoopkanalen op Webshop.

  3. Tik op Alle thema's beheren.

  4. Zoek het thema dat je wilt bewerken en tik vervolgens op Thema bewerken.

  5. Tik op … of ⋮ en tik vervolgens op Thema-instellingen.

  6. Tik op Winkelwagen.

  7. Selecteer je winkelwagentype uit de opties Lade, Pagina of Pop-upmelding.

  8. Optioneel: Selecteer Verkoper weergeven om de verkopers van de artikelen in de winkelwagen van een klant weer te geven.

  9. Optioneel: Selecteer Notitie voor winkelwagen inschakelen om klanten een tekstvak te bieden waarin ze speciale verzoeken kunnen invoeren of extra bestelinformatie kunnen toevoegen.

  10. Optioneel: als je Lade selecteert als je Winkelwagentype, kun je een collectie weergeven in de winkelwagenlade wanneer deze leeg is:

    1. Tik in het gedeelte Winkelwagenoptie op Collectie selecteren.
    2. Tik op de naam van de collectie die je wilt weergeven en tik vervolgens op Klaar.

  11. Optioneel: Als je Lade selecteert als je Winkelwagentype, kun je het kleurenschema van je winkelwagenlade wijzigen door de volgende stappen uit te voeren:

    1. Tik op Wijzigen in het gedeelte Winkelwagenoptie > Kleurenschema.
    2. Selecteer een kleurenschema dat je wilt gebruiken voor je winkelwagenoptie en tik vervolgens op Klaar.

  12. Tik op Opslaan of op ✓.

Aangepaste CSS

In de sectie Aangepaste CSS kun je je eigen CSS-code invoeren, bijvoorbeeld om het uiterlijk van de knoppen van je webshop aan te passen buiten de beschikbare standaardinstellingen of om een unieke opmaak toe te passen op specifieke tekstelementen.

Aangepaste CSS in je thema-instellingen is van invloed op alle pagina's in je webshop, behalve de checkout.

Meer informatie over aangepaste CSS toevoegen aan je thema.

Themastijl

Een themastijl is een verzameling instellingen die is gekozen door een themaontwerper. Je kunt een themastijl toepassen op je winkel voor een professionele look-and-feel. Alle thema's hebben standaard een themastijl. De andere opties voor themastijlen die je hebt, zijn afhankelijk van het thema dat je gebruikt.

Wanneer je een thema aanpast, vervang je de instellingen van de themastijl door je eigen instellingen. Wanneer je een themastijl toepast op je thema, wijzig je je huidige instellingen, zoals kleuren en typografie.

Stappen:

Desktop

  1. Ga vanuit het Shopify-beheercentrum naar Webshop > Thema's.

  2. Zoek het thema dat je wilt bewerken en klik vervolgens op Thema bewerken.

  3. Klik op het pictogram Thema-instellingen instellingen.

  4. Klik op Themastijl.

  5. Selecteer de themastijl die je wilt gebruiken en klik vervolgens op Stijl wijzigen.

  6. Klik op Opslaan.

Mobiel

  1. Tik in de Shopify-app op het pictogram Menu.

  2. Tik in het gedeelte Verkoopkanalen op Webshop.

  3. Tik op Alle thema's beheren.

  4. Zoek het thema dat je wilt bewerken en tik vervolgens op Thema bewerken.

  5. Tik op … of ⋮ en tik vervolgens op Thema-instellingen.

  6. Tik op Themastijl.

  7. Selecteer de themastijl die je wilt gebruiken en tik vervolgens op Klaar.

  8. Tik op Opslaan of op ✓.