Inloggen
Gratis proefperiode starten

Thema-instellingen

Je kunt de thema-instellingen gebruiken om wijzigingen aan te brengen in de typografie, kleuren, links naar social media en de winkelwagenpagina van je webshop. Wanneer je je thema-instellingen wijzigt, zijn de wijzigingen van toepassing op je hele webshop.

Op deze pagina

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

  • de koptekst op al je pagina's;
  • je wachtwoordpagina.

Je logo aanpassen

Logoafbeeldingen hebben een maximale breedte van 300 px.

Stappen:

Desktop

  1. Ga in het Shopify-beheercentrum naar webshop > Thema's.

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

  3. Klik op het tandwielpictogram Thema-instellingen.

  4. Klik op Logo.

  5. Voeg je afbeelding toe bij het onderdeel Logo of gebruik een gratis afbeelding:

    • Klik op Afbeelding selecteren en voeg een nieuwe of bestaande afbeelding toe:

      • Als je een afbeelding wil gebruiken die je al naar het Shopify-beheercentrum hebt geüpload, selecteer je de afbeelding en klik je op Gereed.
      • Als je een afbeelding van je lokale computer wil gebruiken, klik je op Afbeeldingen toevoegen. Selecteer een afbeelding, voeg deze toe en klik op Gereed.

    • Klik op Gratis afbeeldingen ontdekken als je een gratis afbeelding wil gebruiken. Zoek een afbeelding, klik erop en klik op Selecteren.

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

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

  7. Optioneel: Schuif bij Breedte van logo op desktop de schuifregelaar naar de gewenste pixelbreedte.

  8. Klik op Opslaan.

iPhone

  1. Tik in de Shopify-app op de knop ….

  2. Tik in de sectie Verkoopkanalen op webshop.

  3. Tik op Alle thema's beheren.

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

  5. Tik op ⋮ en daarna op Thema-instellingen.

  6. Tik op Logo.

  7. Voeg je afbeelding toe bij het onderdeel Logo of gebruik een gratis afbeelding:

    • Als je de afbeelding wil toevoegen, tik je op Afbeelding selecteren en voeg je een nieuwe of bestaande afbeelding toe:

      • Als je een afbeelding wil gebruiken die je al naar het Shopify-beheercentrum hebt geüpload, selecteer je de afbeelding en tik je op Gereed.
      • Als je een afbeelding van je lokale apparaat wil gebruiken, tik je op Afbeeldingen toevoegen. Selecteer een afbeelding van je lokale apparaat, tik erop en tik dan op Gereed.

    • Als je een gratis afbeelding wil gebruiken, tik je op Gratis afbeeldingen ontdekken. Zoek een afbeelding, tik erop en tik dan op Gereed.

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

    1. Tik bij Logo op Bewerken.
    2. Typ in het veld Alt-tekst een korte beschrijving van de afbeelding.
    3. Tik op Opslaan.

  9. Optioneel: Schuif bij Breedte van logo op desktop de schuifregelaar naar de gewenste pixelbreedte.

  10. Tik op Opslaan.

Android

  1. Tik in de Shopify-app op de knop ☰.

  2. Tik in de sectie Verkoopkanalen op webshop.

  3. Tik op Alle thema's beheren.

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

  5. Tik op ... en daarna op Thema-instellingen.

  6. Tik op Logo.

  7. Voeg je afbeelding toe bij het onderdeel Logo of gebruik een gratis afbeelding:

    • Als je de afbeelding wil toevoegen, tik je op Afbeelding selecteren en voeg je een nieuwe of bestaande afbeelding toe:

      • Als je een afbeelding wil gebruiken die je al naar het Shopify-beheercentrum hebt geüpload, selecteer je de afbeelding en tik je op Gereed.
      • Als je een afbeelding van je lokale apparaat wil gebruiken, tik je op Afbeeldingen toevoegen. Selecteer een afbeelding van je lokale apparaat, tik erop en tik dan op Gereed.

    • Als je een gratis afbeelding wil gebruiken, tik je op Gratis afbeeldingen ontdekken. Zoek een afbeelding, tik erop en tik dan op Gereed.

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

    1. Tik bij Logo op Bewerken.
    2. Typ in het veld Alt-tekst een korte beschrijving van de afbeelding.
    3. Tik op Opslaan.

  9. Optioneel: Schuif bij Breedte van logo op desktop de schuifregelaar naar de gewenste pixelbreedte.

  10. Tik op ✓.

Een favicon toevoegen

Je kunt een pictogram voor favorieten (een favicon) toevoegen, waarmee je de branding van je webshop kunt promoten. Favicons worden op de volgende plaatsen weergegeven:

  • op het tabblad van je webbrowser
  • de geschiedenis van je webbrowser
  • als pictogrammen op je bureaublad
  • op een bladwijzer naast de naam van je webshop.

Meer informatie over favicons.

Stappen:

Desktop

  1. Ga in het Shopify-beheercentrum naar webshop > Thema's.

  2. Zoek het thema waarvoor je een favicon wil toevoegen en klik vervolgens op Aanpassen.

  3. Klik op het tandwielpictogram Thema-instellingen.

  4. Klik op Logo of Favicon, afhankelijk van de versie van je thema.

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

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

  6. Klik op Gereed.

  7. Optioneel: Voeg alt-tekst aan je favicon-afbeelding toe:

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

  8. Klik op Opslaan.

iPhone

  1. Tik in de Shopify-app op de knop ….

  2. Tik in de sectie Verkoopkanalen op webshop.

  3. Tik op Alle thema's beheren.

  4. Zoek het thema waarvoor je een favicon wil toevoegen en tik vervolgens op Aanpassen.

  5. Tik op ⋮ en daarna op Thema-instellingen.

  6. Tik op Logo of Favicon, afhankelijk van de versie van je thema.

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

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

  8. Tik op Gereed.

  9. Alternatieve tekst aan je favicon-afbeelding toevoegen:

    1. Tik in de sectie Favicon-afbeelding op Bewerken.
    2. Typ in het veld Alt-tekst een korte beschrijving van de afbeelding.
    3. Tik op Opslaan.

  10. Tik op Opslaan.

Android

  1. Tik in de Shopify-app op de knop ☰.

  2. Tik in de sectie Verkoopkanalen op webshop.

  3. Tik op Alle thema's beheren.

  4. Zoek het thema waarvoor je een favicon wil toevoegen en tik vervolgens op Aanpassen.

  5. Tik op ... en daarna op Thema-instellingen.

  6. Tik op Logo of Favicon, afhankelijk van de versie van je thema.

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

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

  8. Tik op Gereed.

  9. Alternatieve tekst aan je favicon-afbeelding toevoegen:

    1. Tik in de sectie Favicon-afbeelding op Bewerken.
    2. Typ in het veld Alt-tekst een korte beschrijving van de afbeelding.
    3. Tik op Opslaan.

  10. Tik op ✓.

Kleuren

Je kunt tot 21 unieke kleurenschema's aanmaken en aanpassen en deze toepassen op verschillende secties in je webshop. Hier vind je meer informatie over kleuropties, kleurenschema's en kleurverloop.

Stappen:

Desktop

  1. Ga in het Shopify-beheercentrum naar webshop > Thema's.

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

  3. Klik op het tandwielpictogram Thema-instellingen.

  4. Klick op Kleuren.

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

  6. Als je het kleurenschema wil bewerken, klik je op de kleurstaal om de volgende kleuren voor het contenttype te wijzigen:

    • Achtergrond
    • Kleurverloop achtergrond
    • Tekst
    • Effen knopachtergrond
    • Effen knoplabel
    • Knop Omlijnen
    • Schaduw

  7. Voer een hexadecimale kleurcode in of gebruik de kleurenkiezer om de kleur in te stellen. Verwijder de hex-kleurcode uit het tekstveld om de kleur in te stellen op transparant.

  8. Klik op Opslaan.

iPhone

  1. Tik in de Shopify-app op de knop Horizontaal menu.

  2. Tik in de sectie Verkoopkanalen op webshop.

  3. Tik op Alle thema's beheren.

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

  5. Tik op ⋮ en daarna op Thema-instellingen.

  6. Tik op Kleuren.

  7. Tik in de sectie Schema's op een bestaand schema of tik op Schema toevoegen om een nieuw kleurenschema toe te voegen.

  8. Als je het kleurschema wil bewerken, tik je op de kleurstaal om de volgende kleuren voor contenttype te wijzigen:

    • Achtergrond
    • Kleurverloop achtergrond
    • Tekst
    • Effen knopachtergrond
    • Effen knoplabel
    • Knop Omlijnen
    • Schaduw

  9. Voer een hexadecimale kleurcode in of gebruik de kleurenkiezer om de kleur in te stellen. Verwijder de hex-kleurcode uit het tekstveld om de kleur in te stellen op transparant.

  10. Tik op Gereed.

  11. Tik op Opslaan.

Android

  1. Tik in de Shopify-app op de knop Menu.

  2. Tik in de sectie Verkoopkanalen op webshop.

  3. Tik op Alle thema's beheren.

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

  5. Tik op ... en daarna op Thema-instellingen.

  6. Tik op Kleuren.

  7. Tik in de sectie Schema's op een bestaand schema of tik op Schema toevoegen om een nieuw kleurenschema toe te voegen.

  8. Als je het kleurschema wil bewerken, tik je op de kleurstaal om de volgende kleuren voor contenttype te wijzigen:

    • Achtergrond
    • Kleurverloop achtergrond
    • Tekst
    • Effen knopachtergrond
    • Effen knoplabel
    • Knop Omlijnen
    • Schaduw

  9. Voer een hexadecimale kleurcode in of gebruik de kleurenkiezer om de kleur in te stellen. Verwijder de hex-kleurcode uit het tekstveld om de kleur in te stellen op transparant.

  10. Tik op Gereed.

  11. Tik op ✓.

Typografie

Je kunt de tekenstijl en -grootte voor de tekst in je webshop instellen. Je kunt een systeemlettertype of een aangepast lettertype kiezen.

Denk erover na om systeemlettertypen in je winkel te gebruiken, omdat deze al zijn geïnstalleerd op de computer van gebruikers. Als je systeemlettertypen gebruikt, hoeven klanten geen nieuwe lettertypen naar hun computer te downloaden, wat de laadsnelheid van je winkel kan vertragen. Het lettertype dat op de computer van de klant wordt weergegeven, is afhankelijk van hun besturingssysteem.

Je lettertypen aanpassen

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

Stappen:

Desktop
  1. Ga in het Shopify-beheercentrum naar webshop > Thema's.
  2. Zoek het thema dat je wilt bewerken en klik vervolgens op Aanpassen.
  3. Klik op het tandwielpictogram Thema-instellingen.
  4. Klik op Typografie.
  5. Als je een ander lettertype voor de kop- of hoofdtekst van je winkel wil gebruiken, klik je op Wijzigen in de sectie Kopteksten of Hoofdtekst.
  6. Klik op de naam van het lettertype dat je wil gebruiken en daarna op Selecteren.
  7. Klik op Opslaan.
iPhone
  1. Tik in de Shopify-app op de knop ….
  2. Tik in de sectie Verkoopkanalen op webshop.
  3. Tik op Alle thema's beheren.
  4. Zoek het thema dat je wilt bewerken en tik vervolgens op Aanpassen.
  5. Tik op ⋮ en daarna op Thema-instellingen.
  6. Tik op Typografie.
  7. Als je een ander lettertype voor de koptekst of de hoofdtekst van je winkel wil gebruiken, tik je op Wijzigen in de sectie Kopteksten of Hoofdtekst.
  8. Tik op de naam van het lettertype dat je wil gebruiken en daarna op Gereed.
  9. Tik op Opslaan.
Android
  1. Tik in de Shopify-app op de knop ☰.
  2. Tik in de sectie Verkoopkanalen op webshop.
  3. Tik op Alle thema's beheren.
  4. Zoek het thema dat je wilt bewerken en tik vervolgens op Aanpassen.
  5. Tik op ... en daarna op Thema-instellingen.
  6. Tik op Typografie.
  7. Als je een ander lettertype voor de koptekst of de hoofdtekst van je winkel wil gebruiken, tik je op Wijzigen in de sectie Kopteksten of Hoofdtekst.
  8. Tik op de naam van het lettertype dat je wil gebruiken en daarna op Gereed.
  9. Tik op ✓.

De grootte van je lettertypen aanpassen

Je kunt de standaardgrootte van je lettertype voor je kop- en hoofdtekst instellen in de thema-instelling Typografie.

De minimale lettergrootte is 100% en de maximale lettergrootte is 150%. Elke schaalvergroting vergroot de lettergrootte met 5%. De standaard instelling is 100%.

Stappen:

Desktop
  1. Ga in het Shopify-beheercentrum naar webshop > Thema's.
  2. Zoek het thema dat je wilt bewerken en klik vervolgens op Aanpassen.
  3. Klik op het tandwielpictogram Thema-instellingen.
  4. Klik op Typografie.
  5. Als je de standaard lettergrootte voor Koptekst wil wijzigen, gebruik je de Schaal lettertypegrootte om de standaardgrootte te selecteren.
  6. Als je de standaard lettergrootte voor Hoofdtekst wil wijzigen, gebruik je de Schaal lettertypegrootte om de standaardgrootte te selecteren.
  7. Klik op Opslaan.
iPhone
  1. Tik in de Shopify-app op de knop ….
  2. Tik in de sectie Verkoopkanalen op webshop.
  3. Tik op Alle thema's beheren.
  4. Zoek het thema dat je wilt bewerken en tik vervolgens op Aanpassen.
  5. Tik op ⋮ en daarna op Thema-instellingen.
  6. Tik op Typografie.
  7. Als je de standaard lettergrootte voor Koptekst wil wijzigen, gebruik je de Schaal lettertypegrootte om de standaardgrootte te selecteren.
  8. Als je de standaard lettergrootte voor Hoofdtekst wil wijzigen, gebruik je de Schaal lettertypegrootte om de standaardgrootte te selecteren.
  9. Tik op Opslaan.
Android
  1. Tik in de Shopify-app op de knop ☰.
  2. Tik in de sectie Verkoopkanalen op webshop.
  3. Tik op Alle thema's beheren.
  4. Zoek het thema dat je wilt bewerken en tik vervolgens op Aanpassen.
  5. Tik op ... en daarna op Thema-instellingen.
  6. Tik op Typografie.
  7. Als je de standaard lettergrootte voor Koptekst wil wijzigen, gebruik je de Schaal lettertypegrootte om de standaardgrootte te selecteren.
  8. Als je de standaard lettergrootte voor Hoofdtekst wil wijzigen, gebruik je de Schaal lettertypegrootte om de standaardgrootte te selecteren.
  9. Tik op ✓.

Opmaak

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

Stappen:

Desktop
  1. Ga in het Shopify-beheercentrum naar webshop > Thema's.
  2. Zoek het thema dat je wilt bewerken en klik vervolgens op Aanpassen.
  3. Klik op het tandwielpictogram Thema-instellingen.
  4. Klik op Indeling.
  5. Schuif de schuifregelaar bij Paginabreedte naar een paginabreedte tussen 1000 en 1600 pixels. De standaardinstelling is 1600 px.
  6. Optioneel: Voeg verticale Ruimte tussen templatesecties op je pagina's toe met de schuifregelaar voor het bereik. Je kunt maximaal 100 px tussen secties toevoegen.
  7. Optioneel: Als je een Grid-indeling hebt, gebruik je de schuifregelaars voor Horizontale ruimte en Verticale ruimte om ruimte tussen de grid-content op je pagina's in te voegen. Als je horizontale ruimte toevoegt, worden er maximaal 40 pixels aan ruimte aan de rijen toegevoegd. Als je verticale ruimte toevoegt, worden er maximaal 40 pixels aan ruimte aan de kolommen toegevoegd.
  8. Klik op Opslaan.
iPhone
  1. Tik in de Shopify-app op de knop ….
  2. Tik in de sectie Verkoopkanalen op webshop.
  3. Tik op Alle thema's beheren.
  4. Zoek het thema dat je wilt bewerken en tik vervolgens op Aanpassen.
  5. Tik op ⋮ en daarna op Thema-instellingen.
  6. Tik op Opmaak.
  7. Schuif de schuifregelaar bij Paginabreedte naar een paginabreedte tussen 1000 en 1600 pixels. De standaardinstelling is 1600 px.
  8. Optioneel: Voeg verticale Ruimte tussen templatesecties op je pagina's toe met de schuifregelaar voor het bereik. Je kunt maximaal 100 px tussen secties toevoegen.
  9. Optioneel: Als je een Grid-indeling hebt, gebruik je de schuifregelaars voor Horizontale ruimte en Verticale ruimte om ruimte tussen de grid-content op je pagina's in te voegen. Als je horizontale ruimte toevoegt, worden er maximaal 40 pixels aan ruimte aan de rijen toegevoegd. Als je verticale ruimte toevoegt, worden er maximaal 40 pixels aan ruimte aan de kolommen toegevoegd.
  10. Tik op Opslaan.
Android
  1. Tik in de Shopify-app op de knop ☰.
  2. Tik in de sectie Verkoopkanalen op webshop.
  3. Tik op Alle thema's beheren.
  4. Zoek het thema dat je wilt bewerken en tik vervolgens op Aanpassen.
  5. Tik op ... en daarna op Thema-instellingen.
  6. Tik op Opmaak.
  7. Schuif de schuifregelaar bij Paginabreedte naar een paginabreedte tussen 1000 en 1600 pixels. De standaardinstelling is 1600 px.
  8. Optioneel: Voeg verticale Ruimte tussen templatesecties op je pagina's toe met de schuifregelaar voor het bereik. Je kunt maximaal 100 px tussen secties toevoegen.
  9. Optioneel: Als je een Grid-indeling hebt, gebruik je de schuifregelaars voor Horizontale ruimte en Verticale ruimte om ruimte tussen de grid-content op je pagina's in te voegen. Als je horizontale ruimte toevoegt, worden er maximaal 40 pixels aan ruimte aan de rijen toegevoegd. Als je verticale ruimte toevoegt, worden er maximaal 40 pixels aan ruimte aan de kolommen toegevoegd.
  10. Tik op ✓.

Animaties

Met animaties kun je beweging en visuele interesse toevoegen aan je webshop. Je kunt een fade-inanimatie activeren die de secties van je winkel onthult bij het scrollen, en een effect voor kaarten en knoppen als je er met de muis over beweegt.

Stappen:

Desktop

  1. Ga in het Shopify-beheercentrum naar webshop > Thema's.

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

  3. Klik op het tandwielpictogram Thema-instellingen.

  4. Klik op Animaties.

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

  6. Optioneel: Je kunt een animatie met zweef-effect aan je kaarten en knoppen toevoegen. Selecteer hiervoor een van de volgende opties onder de instelling Zweef-effect:

    • Verticale lift: wanneer een klant over een kaart of knop beweegt, schuift het element omhoog.
    • 3D-lift: wanneer een klant over een kaart of knop beweegt, schuift het element naar voren, waardoor het een 3D-effect krijgt. Er is ook een subtiele glans die over het element beweegt, wat het een extra dimensie geeft.

  7. Klik op Opslaan.

iPhone

  1. Tik in de Shopify-app op de knop Horizontaal menu.

  2. Tik in de sectie Verkoopkanalen op webshop.

  3. Tik op Alle thema's beheren.

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

  5. Tik op ⋮ en daarna op Thema-instellingen.

  6. Tik op Animaties.

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

  8. Optioneel: Je kunt een animatie met zweef-effect aan je kaarten en knoppen toevoegen. Selecteer hiervoor een van de volgende opties onder de instelling Zweef-effect:

    • Verticale lift: wanneer een klant over een kaart of knop beweegt, schuift het element omhoog.
    • 3D-lift: wanneer een klant over een kaart of knop beweegt, schuift het element naar voren, waardoor het een 3D-effect krijgt. Er is ook een subtiele glans die over het element beweegt, wat het een extra dimensie geeft.

  9. Tik op Opslaan.

Android

  1. Tik in de Shopify-app op de knop Menu.

  2. Tik in de sectie Verkoopkanalen op webshop.

  3. Tik op Alle thema's beheren.

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

  5. Tik op ... en daarna op Thema-instellingen.

  6. Tik op Animaties.

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

  8. Optioneel: Je kunt een animatie met zweef-effect aan je kaarten en knoppen toevoegen. Selecteer hiervoor een van de volgende opties onder de instelling Zweef-effect:

    • Verticale lift: wanneer een klant over een kaart of knop beweegt, schuift het element omhoog.
    • 3D-lift: wanneer een klant over een kaart of knop beweegt, schuift het element naar voren, waardoor het een 3D-effect krijgt. Er is ook een subtiele glans die over het element beweegt, wat het een extra dimensie geeft.

  9. Tik op ✓.

Randen en schaduwen

Van sommige interactieve contenttypen, zoals laden, knoppen, variantopties of invoervelden voor producthoeveelheden, kun je de randen en schaduwen aanpassen.

Aanpasbare opties voor randen zijn:

  • dikte, waarmee de rand van het item kan worden veranderd;
  • Dekking, waarmee de zichtbaarheid van de rand van het item kan worden ingesteld;
  • Hoekradius: hiermee kun je de hoeken van je items rond maken.

Aanpasbare opties voor schaduwen zijn:

  • Dekking: hiermee verander je de zichtbaarheid van de schaduw van het item. Met een schaduwdekking van 0% verwijder je de schaduw helemaal.
  • Horizontaal en Verticaal: met de schuifregelaars voor horizontale en verticale verschuiving verplaats je de schaduw rond het item.
  • Vervaging: met deze schuifregelaar wijzig je de dekking van de schaduw van het item.

Knoppen

Je kunt de instellingen voor CTA-knoppen in je webshop aanpassen door schaduwen toe te voegen, de spatiëring of ondoorzichtigheid te wijzigen en de vorm van je knoppen aan te passen.

Voorbeeld van een webshop met een CTA-knop

Stappen:

Desktop
  1. Ga in het Shopify-beheercentrum naar webshop > Thema's.
  2. Zoek het thema dat je wilt bewerken en klik vervolgens op Aanpassen.
  3. Klik op het tandwielpictogram Thema-instellingen.
  4. Klik op Knoppen.
  5. Optioneel: Met de schuifregelaar voor het bereik wijzig je het uiterlijk van de Rand van de knop.
  6. Optioneel: Met de schuifregelaar voor het bereik wijzig je de Schaduw van de knop. Met een Dekking van 0% voor de schaduw verwijder je de schaduw.
  7. Klik op Opslaan.
iPhone
  1. Tik in de Shopify-app op de knop ….
  2. Tik in de sectie Verkoopkanalen op webshop.
  3. Tik op Alle thema's beheren.
  4. Zoek het thema dat je wilt bewerken en tik vervolgens op Aanpassen.
  5. Tik op ⋮ en daarna op Thema-instellingen.
  6. Tik op Knoppen.
  7. Optioneel: Met de schuifregelaar voor het bereik wijzig je het uiterlijk van de Rand van de knop.
  8. Optioneel: Met de schuifregelaar voor het bereik wijzig je de Schaduw van de knop. Met een Dekking van 0% voor de schaduw verwijder je de schaduw.
  9. Tik op Opslaan.
Android
  1. Tik in de Shopify-app op de knop ☰.
  2. Tik in de sectie Verkoopkanalen op webshop.
  3. Tik op Alle thema's beheren.
  4. Zoek het thema dat je wilt bewerken en tik vervolgens op Aanpassen.
  5. Tik op ... en daarna op Thema-instellingen.
  6. Tik op Knoppen.
  7. Optioneel: Met de schuifregelaar voor het bereik wijzig je het uiterlijk van de Rand van de knop.
  8. Optioneel: Met de schuifregelaar voor het bereik wijzig je de Schaduw van de knop. Met een Dekking van 0% voor de schaduw verwijder je de schaduw.
  9. Tik op ✓.

Variantopties

Met variantopties kun je de varianten van een product op een productpagina of een sectie voor uitgelichte producten weergeven. Klanten kunnen de gewenste variant selecteren om het product aan hun winkelwagen toe te voegen zonder productpagina's te wijzigen. Je kunt zelf instellen hoe je variantopties in je webshop worden weergegeven.

Voorbeeld van een webshop met selecteerbare variantopties

Stappen:

Desktop
  1. Ga in het Shopify-beheercentrum naar webshop > Thema's.
  2. Zoek het thema dat je wilt bewerken en klik vervolgens op Aanpassen.
  3. Klik op het tandwielpictogram Thema-instellingen.
  4. Klik op Variantopties.
  5. Optioneel: Met de schuifregelaar voor het bereik kun je het uiterlijk van de Rand van je variantoptie wijzigen.
  6. Optioneel: Met de schuifregelaar voor het bereik kun je de Schaduw van de variantoptie wijzigen. Met een Dekking van 0% voor de schaduw verwijder je de schaduw.
  7. Klik op Opslaan.
iPhone
  1. Tik in de Shopify-app op de knop ….
  2. Tik in de sectie Verkoopkanalen op webshop.
  3. Tik op Alle thema's beheren.
  4. Zoek het thema dat je wilt bewerken en tik vervolgens op Aanpassen.
  5. Tik op ⋮ en daarna op Thema-instellingen.
  6. Tik op Variantopties.
  7. Optioneel: Met de schuifregelaar voor het bereik kun je het uiterlijk van de Rand van je variantoptie wijzigen.
  8. Optioneel: Met de schuifregelaar voor het bereik kun je de Schaduw van de variantoptie wijzigen. Met een Dekking van 0% voor de schaduw verwijder je de schaduw.
  9. Tik op Opslaan.
Android
  1. Tik in de Shopify-app op de knop ☰.
  2. Tik in de sectie Verkoopkanalen op webshop.
  3. Tik op Alle thema's beheren.
  4. Zoek het thema dat je wilt bewerken en tik vervolgens op Aanpassen.
  5. Tik op ... en daarna op Thema-instellingen.
  6. Tik op Variantopties.
  7. Optioneel: Met de schuifregelaar voor het bereik kun je het uiterlijk van de Rand van je variantoptie wijzigen.
  8. Optioneel: Met de schuifregelaar voor het bereik kun je de Schaduw van de variantoptie wijzigen. Met een Dekking van 0% voor de schaduw verwijder je de schaduw.
  9. Tik op ✓.

Invoer

Invoergedeelten zijn actieve onderdelen waar invoer van klanten wordt verwacht. Denk aan een hoeveelheidskiezer, een aanmeldingsformulier voor het ontvangen van e-mail of notities voor winkelwagens. Je kunt het uiterlijk van de invoergedeelten van je webshop aanpassen.

Voorbeeld van een webshop met invoergedeelte voor hoeveelheid

Stappen:

Desktop
  1. Ga in het Shopify-beheercentrum naar webshop > Thema's.
  2. Zoek het thema dat je wilt bewerken en klik vervolgens op Aanpassen.
  3. Klik op het tandwielpictogram Thema-instellingen.
  4. Klik op Invoer.
  5. Optioneel: Met de schuifregelaar voor het bereik kun je het uiterlijk van de Rand van het invoergedeelte wijzigen.
  6. Optioneel: Met de schuifregelaar voor het bereik kun je de Schaduw van het invoergedeelte wijzigen. Met een Dekking van 0% voor de schaduw verwijder je de schaduw.
  7. Klik op Opslaan.
iPhone
  1. Tik in de Shopify-app op de knop ….
  2. Tik in de sectie Verkoopkanalen op webshop.
  3. Tik op Alle thema's beheren.
  4. Zoek het thema dat je wilt bewerken en tik vervolgens op Aanpassen.
  5. Tik op ⋮ en daarna op Thema-instellingen.
  6. Tik op Invoer.
  7. Optioneel: Met de schuifregelaar voor het bereik kun je het uiterlijk van de Rand van het invoergedeelte wijzigen.
  8. Optioneel: Met de schuifregelaar voor het bereik kun je de Schaduw van het invoergedeelte wijzigen. Met een Dekking van 0% voor de schaduw verwijder je de schaduw.
  9. Tik op Opslaan.
Android
  1. Tik in de Shopify-app op de knop ☰.
  2. Tik in de sectie Verkoopkanalen op webshop.
  3. Tik op Alle thema's beheren.
  4. Zoek het thema dat je wilt bewerken en tik vervolgens op Aanpassen.
  5. Tik op ... en daarna op Thema-instellingen.
  6. Tik op Invoer.
  7. Optioneel: Met de schuifregelaar voor het bereik kun je het uiterlijk van de Rand van het invoergedeelte wijzigen.
  8. Optioneel: Met de schuifregelaar voor het bereik kun je de Schaduw van het invoergedeelte wijzigen. Met een Dekking van 0% voor de schaduw verwijder je de schaduw.
  9. Tik op ✓.

Kaarten

Met de instellingen voor productkaarten, collectiekaarten en blogkaarten kun je de stijl van elk type kaart aanpassen wanneer ze worden weergegeven in paginasecties. Je kunt de kleur, uitlijning, opvulling van afbeeldingen, randen en schaduwen van deze drie typen sectiekaarten wijzigen.

Stappen:

Desktop
  1. Ga in het Shopify-beheercentrum naar webshop > Thema's.
  2. Zoek het thema dat je wilt bewerken en klik vervolgens op Aanpassen.
  3. Klik op het tandwielpictogram Thema-instellingen.
  4. Klik op Productkaarten, Collectiekaarten of Blogkaarten.
  5. Kies een kaartstijl met de optie Stijl.
  6. Optioneel: Met de schuifregelaar Opvulling voor afbeeldingen voeg je ruimte rond de kaartafbeeldingen toe.
  7. Optioneel: Kies tussen Links, Centreren (standaard) of Rechts voor de Tekstuitlijning van je kaarten.
  8. Optioneel: Klik in de sectie Kleurschema op Wijzigen om een kleurschema voor je kaarten te selecteren.
  9. Optioneel: Met de schuifregelaar voor het bereik kun je het uiterlijk van de Rand van je kaart wijzigen.
  10. Optioneel: Met de schuifregelaar voor het bereik kun je de Schaduw van de kaart wijzigen. Met een Dekking van 0% voor de schaduw verwijder je de schaduw.
  11. Klik op Opslaan.
iPhone
  1. Tik in de Shopify-app op de knop ….
  2. Tik in de sectie Verkoopkanalen op webshop.
  3. Tik op Alle thema's beheren.
  4. Zoek het thema dat je wilt bewerken en tik vervolgens op Aanpassen.
  5. Tik op ⋮ en daarna op Thema-instellingen.
  6. Tik op Productkaarten, Collectiekaarten of Blogkaarten.
  7. Kies een kaartstijl met de optie Stijl.
  8. Optioneel: Met de schuifregelaar Opvulling voor afbeeldingen voeg je ruimte rond de kaartafbeeldingen toe.
  9. Optioneel: Kies tussen Links, Centreren (standaard) of Rechts voor de Tekstuitlijning van je kaarten.
  10. Optioneel: Tik in de sectie Kleurschema op Wijzigen. Selecteer een kleurschema voor je kaarten en tik op Gereed.
  11. Optioneel: Met de schuifregelaar voor het bereik kun je het uiterlijk van de Rand van je kaart wijzigen.
  12. Optioneel: Met de schuifregelaar voor het bereik kun je de Schaduw van de kaart wijzigen. Met een Dekking van 0% voor de schaduw verwijder je de schaduw.
  13. Tik op Opslaan.
Android
  1. Tik in de Shopify-app op de knop ☰.
  2. Tik in de sectie Verkoopkanalen op webshop.
  3. Tik op Alle thema's beheren.
  4. Zoek het thema dat je wilt bewerken en tik vervolgens op Aanpassen.
  5. Tik op ... en daarna op Thema-instellingen.
  6. Tik op Productkaarten, Collectiekaarten of Blogkaarten.
  7. Kies een kaartstijl met de optie Stijl.
  8. Optioneel: Met de schuifregelaar Opvulling voor afbeeldingen voeg je ruimte rond de kaartafbeeldingen toe.
  9. Optioneel: Kies tussen Links, Centreren (standaard) of Rechts voor de Tekstuitlijning van je kaarten.
  10. Optioneel: Tik in de sectie Kleurschema op Wijzigen. Selecteer een kleurschema voor je kaarten en tik op Gereed.
  11. Optioneel: Met de schuifregelaar voor het bereik kun je het uiterlijk van de Rand van je kaart wijzigen.
  12. Optioneel: Met de schuifregelaar voor het bereik kun je de Schaduw van de kaart wijzigen. Met een Dekking van 0% voor de schaduw verwijder je de schaduw.
  13. Tik op ✓.

Content-containers

Containers worden gebruikt voor het tekstelement van contentsecties, bijvoorbeeld het tekstvak in een diavoorstelling, een afbeeldingsbanner of de kolommen in secties met meerdere kolommen. Je kunt het uiterlijk van contentcontainers voor je webshop aanpassen.

Stappen:

Desktop
  1. Ga in het Shopify-beheercentrum naar webshop > Thema's.
  2. Zoek het thema dat je wilt bewerken en klik vervolgens op Aanpassen.
  3. Klik op het tandwielpictogram Thema-instellingen.
  4. Klik op Contentcontainers.
  5. Gebruik de schuifregelaar voor het bereik om het uiterlijk van de Rand van de contentcontainer te wijzigen.
  6. Met de schuifregelaar voor het bereik kun je de Schaduw van de contentcontainer wijzigen. Met een Dekking van 0% voor de schaduw verwijder je de schaduw.
  7. Klik op Opslaan.
iPhone
  1. Tik in de Shopify-app op de knop ….
  2. Tik in de sectie Verkoopkanalen op webshop.
  3. Tik op Alle thema's beheren.
  4. Zoek het thema dat je wilt bewerken en tik vervolgens op Aanpassen.
  5. Tik op ⋮ en daarna op Thema-instellingen.
  6. Tik op Contentcontainers.
  7. Gebruik de schuifregelaar voor het bereik om het uiterlijk van de Rand van de contentcontainer te wijzigen.
  8. Met de schuifregelaar voor het bereik kun je de Schaduw van de contentcontainer wijzigen. Met een Dekking van 0% voor de schaduw verwijder je de schaduw.
  9. Tik op Opslaan.
Android
  1. Tik in de Shopify-app op de knop ☰.
  2. Tik in de sectie Verkoopkanalen op webshop.
  3. Tik op Alle thema's beheren.
  4. Zoek het thema dat je wilt bewerken en tik vervolgens op Aanpassen.
  5. Tik op ... en daarna op Thema-instellingen.
  6. Tik op Contentcontainers.
  7. Gebruik de schuifregelaar voor het bereik om het uiterlijk van de Rand van de contentcontainer te wijzigen.
  8. Met de schuifregelaar voor het bereik kun je de Schaduw van de contentcontainer wijzigen. Met een Dekking van 0% voor de schaduw verwijder je de schaduw.
  9. Tik op ✓.

Media

Media vormen het visuele onderdeel van secties. Denk aan productmedia of de afbeelding in Afbeelding met tekst-secties. Je kunt randen en schaduwen aan je media toevoegen.

Stappen:

Desktop
  1. Ga in het Shopify-beheercentrum naar webshop > Thema's.
  2. Zoek het thema dat je wilt bewerken en klik vervolgens op Aanpassen.
  3. Klik op het tandwielpictogram Thema-instellingen.
  4. Klik op Media.
  5. Met de schuifregelaar voor het bereik wijzig je het uiterlijk van de Rand van je media.
  6. Met de schuifregelaar voor bereik wijzig je de Schaduw van de media. Met een Dekking van 0% voor de schaduw verwijder je de schaduw.
  7. Klik op Opslaan.
iPhone
  1. Tik in de Shopify-app op de knop ….
  2. Tik in de sectie Verkoopkanalen op webshop.
  3. Tik op Alle thema's beheren.
  4. Zoek het thema dat je wilt bewerken en tik vervolgens op Aanpassen.
  5. Tik op ⋮ en daarna op Thema-instellingen.
  6. Tik op Media.
  7. Met de schuifregelaar voor het bereik wijzig je het uiterlijk van de Rand van je media.
  8. Met de schuifregelaar voor bereik wijzig je de Schaduw van de media. Met een Dekking van 0% voor de schaduw verwijder je de schaduw.
  9. Tik op Opslaan.
Android
  1. Tik in de Shopify-app op de knop ☰.
  2. Tik in de sectie Verkoopkanalen op webshop.
  3. Tik op Alle thema's beheren.
  4. Zoek het thema dat je wilt bewerken en tik vervolgens op Aanpassen.
  5. Tik op ... en daarna op Thema-instellingen.
  6. Tik op Media.
  7. Met de schuifregelaar voor het bereik wijzig je het uiterlijk van de Rand van je media.
  8. Met de schuifregelaar voor bereik wijzig je de Schaduw van de media. Met een Dekking van 0% voor de schaduw verwijder je de schaduw.
  9. Tik op ✓.

Vervolgkeuzelijsten en pop-ups

Je kunt het uiterlijk van vervolgkeuzelijsten, menu's, modale pop-upvensters en pop-upmeldingen over winkelwagens aanpassen in je webshop.

Stappen:

Desktop
  1. Ga in het Shopify-beheercentrum naar webshop > Thema's.
  2. Zoek het thema dat je wilt bewerken en klik vervolgens op Aanpassen.
  3. Klik op het tandwielpictogram Thema-instellingen.
  4. Klik op Vervolgkeuzelijsten en pop-ups.
  5. Met de schuifregelaar voor het bereik wijzig je het uiterlijk van de Rand.
  6. Met de schuifregelaar voor het bereik wijzig je de Schaduw. Met een Dekking van 0% voor de schaduw verwijder je de schaduw.
  7. Klik op Opslaan.
iPhone
  1. Tik in de Shopify-app op de knop ….
  2. Tik in de sectie Verkoopkanalen op webshop.
  3. Tik op Alle thema's beheren.
  4. Zoek het thema dat je wilt bewerken en tik vervolgens op Aanpassen.
  5. Tik op ⋮ en daarna op Thema-instellingen.
  6. Tik op Vervolgkeuzelijsten en pop-ups.
  7. Met de schuifregelaar voor het bereik wijzig je het uiterlijk van de Rand.
  8. Met de schuifregelaar voor het bereik wijzig je de Schaduw. Met een Dekking van 0% voor de schaduw verwijder je de schaduw.
  9. Tik op Opslaan.
Android
  1. Tik in de Shopify-app op de knop ☰.
  2. Tik in de sectie Verkoopkanalen op webshop.
  3. Tik op Alle thema's beheren.
  4. Zoek het thema dat je wilt bewerken en tik vervolgens op Aanpassen.
  5. Tik op ... en daarna op Thema-instellingen.
  6. Tik op Vervolgkeuzelijsten en pop-ups.
  7. Met de schuifregelaar voor het bereik wijzig je het uiterlijk van de Rand.
  8. Met de schuifregelaar voor het bereik wijzig je de Schaduw. Met een Dekking van 0% voor de schaduw verwijder je de schaduw.
  9. Tik op ✓.

Lades

Panelen zijn verborgen, interactieve containers die worden weergegeven wanneer je erop tikt of klikt, zoals een uitklapbaar menu of opties voor collectiefilters. Je kunt de rand en schaduw van de panelen in je webshop aanpassen.

Stappen:

Desktop
  1. Ga in het Shopify-beheercentrum naar webshop > Thema's.
  2. Zoek het thema dat je wilt bewerken en klik vervolgens op Aanpassen.
  3. Klik op het tandwielpictogram Thema-instellingen.
  4. Klik op Laden.
  5. Optioneel: Met de schuifregelaar voor het bereik wijzig je het uiterlijk van de Rand van je lade.
  6. Met de schuifregelaar voor het bereik wijzig je de Schaduw van de lade. Met een Dekking van 0% voor de schaduw verwijder je de schaduw.
  7. Klik op Opslaan.
iPhone
  1. Tik in de Shopify-app op de knop ….
  2. Tik in de sectie Verkoopkanalen op webshop.
  3. Tik op Alle thema's beheren.
  4. Zoek het thema dat je wilt bewerken en tik vervolgens op Aanpassen.
  5. Tik op ⋮ en daarna op Thema-instellingen.
  6. Tik op Panelen.
  7. Optioneel: Met de schuifregelaar voor het bereik wijzig je het uiterlijk van de Rand van je lade.
  8. Met de schuifregelaar voor het bereik wijzig je de Schaduw van de lade. Met een Dekking van 0% voor de schaduw verwijder je de schaduw.
  9. Tik op Opslaan.
Android
  1. Tik in de Shopify-app op de knop ☰.
  2. Tik in de sectie Verkoopkanalen op webshop.
  3. Tik op Alle thema's beheren.
  4. Zoek het thema dat je wilt bewerken en tik vervolgens op Aanpassen.
  5. Tik op ... en daarna op Thema-instellingen.
  6. Tik op Panelen.
  7. Optioneel: Met de schuifregelaar voor het bereik wijzig je het uiterlijk van de Rand van je lade.
  8. Met de schuifregelaar voor het bereik wijzig je de Schaduw van de lade. Met een Dekking van 0% voor de schaduw verwijder je de schaduw.
  9. Tik op ✓.

Badges

De badges Uitverkoop en Uitverkocht worden automatisch aan je productafbeeldingen toegevoegd wanneer je de prijs verlaagt of wanneer de voorraad 0 bereikt. Je kunt de positie, de vorm en de kleur van de badges Uitverkoop en Uitverkocht individueel in je thema-instellingen wijzigen.

Voorbeeld van een webshop met de badges Uitverkoop en Uitverkocht

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

Stappen:

Desktop
  1. Ga in het Shopify-beheercentrum naar webshop > Thema's.
  2. Zoek het thema dat je wilt bewerken en klik vervolgens op Aanpassen.
  3. Klik op het tandwielpictogram Thema-instellingen.
  4. Klik op Badges.
  5. Als je de positie van de badge wil selecteren, klik je op de vervolgkeuzelijst Positie op kaarten en daarna op Linksonder, Rechtsonder, Linksboven of Rechtsboven.
  6. Optioneel: Met de schuifregelaar voor de Hoekradius kun je afgeronde hoeken aan je badges toevoegen. Als je de hoekradius op 0 px instelt, krijgt de badge rechte hoeken en als je de radius verhoogt, worden de randen meer afgerond.
  7. Optioneel: Als je een kleurschema wil selecteren, klik je op Wijzigen voor het Kleurschema uitverkoop-badge of het Kleurschema uitverkocht-badge en klik je tot slot op het gewenste kleurschema.
  8. Klik op Opslaan.
iPhone
  1. Tik in de Shopify-app op de knop ….
  2. Tik in de sectie Verkoopkanalen op webshop.
  3. Tik op Alle thema's beheren.
  4. Zoek het thema dat je wilt bewerken en tik vervolgens op Aanpassen.
  5. Tik op ⋮ en daarna op Thema-instellingen.
  6. Tik op Badges.
  7. Als je de positie van de badge wil selecteren, tik je op de vervolgkeuzelijst Positie op kaarten en daarna op Linksonder, Rechtsonder, Linksboven of Rechtsboven.
  8. Optioneel: Met de schuifregelaar voor de Hoekradius kun je afgeronde hoeken aan je badges toevoegen. Als je de hoekradius op 0 px instelt, krijgt de badge rechte hoeken en als je de radius verhoogt, worden de randen meer afgerond.
  9. Optioneel: Als je een kleurschema wil selecteren, tik je op Wijzigen voor het Kleurschema uitverkoop-badge of het Kleurschema uitverkocht-badge. Selecteer een kleurschema voor je badges en tik op Gereed.
  10. Tik op Opslaan.
Android
  1. Tik in de Shopify-app op de knop ☰.
  2. Tik in de sectie Verkoopkanalen op webshop.
  3. Tik op Alle thema's beheren.
  4. Zoek het thema dat je wilt bewerken en tik vervolgens op Aanpassen.
  5. Tik op ... en daarna op Thema-instellingen.
  6. Tik op Badges.
  7. Als je de positie van de badge wil selecteren, tik je op de vervolgkeuzelijst Positie op kaarten en daarna op Linksonder, Rechtsonder, Linksboven of Rechtsboven.
  8. Optioneel: Met de schuifregelaar voor de Hoekradius kun je afgeronde hoeken aan je badges toevoegen. Als je de hoekradius op 0 px instelt, krijgt de badge rechte hoeken en als je de radius verhoogt, worden de randen meer afgerond.
  9. Optioneel: Als je een kleurschema wil selecteren, tik je op Wijzigen voor het Kleurschema uitverkoop-badge of het Kleurschema uitverkocht-badge. Selecteer een kleurschema voor je badges en tik op Gereed.
  10. Tik op ✓.

Merkinformatie

Je kunt informatie over je merk opnemen in je webshop. Voer eerst de volgende stappen uit en voeg daarna het blok Merkinformatie aan de voettekst van je webshop toe.

Stappen:

Desktop

  1. Ga in het Shopify-beheercentrum naar webshop > Thema's.

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

  3. Klik op het tandwielpictogram Thema-instellingen.

  4. Klik op Merkinformatie.

  5. Optioneel: Typ een pakkende Kop over je merk of bedrijf.

  6. Optioneel: Typ een Beschrijving van je merk of bedrijf.

  7. Optioneel: Voeg je afbeelding toe bij Afbeelding of gebruik gratis beeldmateriaal:

    • Klik op Afbeelding selecteren en voeg een nieuwe of bestaande afbeelding toe:

      • Als je een afbeelding wil gebruiken die je al naar het Shopify-beheercentrum hebt geüpload, selecteer je de afbeelding en klik je op Gereed.
      • Als je een afbeelding van je lokale computer wil gebruiken, klik je op Afbeeldingen toevoegen. Selecteer een afbeelding, voeg deze toe en klik op Gereed.

    • Klik op Gratis afbeeldingen ontdekken als je een gratis afbeelding wil gebruiken. Zoek een afbeelding, klik erop en klik op Selecteren.

  8. Optioneel: Schuif bij Breedte afbeelding de schuifregelaar naar de gewenste pixelbreedte.

  9. Klik op Opslaan.

iPhone

  1. Tik in de Shopify-app op de knop ….

  2. Tik in de sectie Verkoopkanalen op webshop.

  3. Tik op Alle thema's beheren.

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

  5. Tik op ⋮ en daarna op Thema-instellingen.

  6. Tik op Merkinformatie.

  7. Optioneel: Typ een pakkende Kop over je merk of bedrijf.

  8. Optioneel: Typ een Beschrijving van je merk of bedrijf.

  9. Optioneel: Voeg je afbeelding toe bij Afbeelding of gebruik gratis beeldmateriaal:

    • Als je de afbeelding wil toevoegen, tik je op Afbeelding selecteren en voeg je een nieuwe of bestaande afbeelding toe:

      • Als je een afbeelding wil gebruiken die je al naar het Shopify-beheercentrum hebt geüpload, selecteer je de afbeelding en tik je op Gereed.
      • Als je een afbeelding van je lokale apparaat wil gebruiken, tik je op Afbeeldingen toevoegen. Selecteer een afbeelding van je lokale apparaat, tik erop en tik dan op Gereed.

    • Als je een gratis afbeelding wil gebruiken, tik je op Gratis afbeeldingen ontdekken. Zoek een afbeelding, tik erop en tik dan op Gereed.

  10. Optioneel: Schuif bij Breedte afbeelding de schuifregelaar voor het bereik naar de gewenste pixelbreedte.

  11. Tik op Opslaan.

Android

  1. Tik in de Shopify-app op de knop ☰.

  2. Tik in de sectie Verkoopkanalen op webshop.

  3. Tik op Alle thema's beheren.

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

  5. Tik op ... en daarna op Thema-instellingen.

  6. Tik op Merkinformatie.

  7. Optioneel: Typ een pakkende Kop over je merk of bedrijf.

  8. Optioneel: Typ een Beschrijving van je merk of bedrijf.

  9. Optioneel: Voeg je afbeelding toe bij Afbeelding of gebruik gratis beeldmateriaal:

    • Als je de afbeelding wil toevoegen, tik je op Afbeelding selecteren en voeg je een nieuwe of bestaande afbeelding toe:

      • Als je een afbeelding wil gebruiken die je al naar het Shopify-beheercentrum hebt geüpload, selecteer je de afbeelding en tik je op Gereed.
      • Als je een afbeelding van je lokale apparaat wil gebruiken, tik je op Afbeeldingen toevoegen. Selecteer een afbeelding van je lokale apparaat, tik erop en tik dan op Gereed.

    • Als je een gratis afbeelding wil gebruiken, tik je op Gratis afbeeldingen ontdekken. Zoek een afbeelding, tik erop en tik dan op Gereed.

  10. Optioneel: Schuif bij Breedte afbeelding de schuifregelaar voor het bereik naar de gewenste pixelbreedte.

  11. Tik op ✓.

Social media

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

Stappen:

Desktop
  1. Ga in het Shopify-beheercentrum naar webshop > Thema's.
  2. Zoek het thema dat je wilt bewerken en klik vervolgens op Aanpassen.
  3. Klik op het tandwielpictogram Thema-instellingen.
  4. Klik op Social media.
  5. Als je links naar je socialmedia-accounts wil toevoegen, typ je de webadressen voor je accounts in de desbetreffende velden voor Socialmedia-accounts. Voer volledige links in, zoals https://instagram.com/shopify of https://tiktok.com/@shopify.
  6. Klik op Opslaan.
iPhone
  1. Tik in de Shopify-app op de knop ….
  2. Tik in de sectie Verkoopkanalen op webshop.
  3. Tik op Alle thema's beheren.
  4. Zoek het thema dat je wilt bewerken en tik vervolgens op Aanpassen.
  5. Tik op ⋮ en daarna op Thema-instellingen.
  6. Tik op Social media.
  7. Als je links naar je socialmedia-accounts wil toevoegen, typ je de webadressen voor je accounts in de desbetreffende velden voor Socialmedia-accounts. Voer volledige links in, zoals https://instagram.com/shopify of https://tiktok.com/@shopify.
  8. Tik op Opslaan.
Android
  1. Tik in de Shopify-app op de knop ☰.
  2. Tik in de sectie Verkoopkanalen op webshop.
  3. Tik op Alle thema's beheren.
  4. Zoek het thema dat je wilt bewerken en tik vervolgens op Aanpassen.
  5. Tik op ... en daarna op Thema-instellingen.
  6. Tik op Social media.
  7. Als je links naar je socialmedia-accounts wil toevoegen, typ je de webadressen voor je accounts in de desbetreffende velden voor Socialmedia-accounts. Voer volledige links in, zoals https://instagram.com/shopify of https://tiktok.com/@shopify.
  8. Tik op ✓.

Zoekgedrag

Je webshop bevat voorspellende zoekopdrachten, waarbij suggesties worden weergegeven wanneer klanten in het zoekveld beginnen te typen. Met zoeksuggesties kunnen klanten hun zoekopdrachten formuleren en verfijnen en nieuwe manieren ontdekken om je webshop te verkennen. Klanten kunnen ook door zoeksuggesties bladeren om overeenkomsten te vinden zonder de huidige pagina te verlaten om een afzonderlijke lijst met zoekresultaten te bekijken.

Raadpleeg voorspelbaar zoeken voor meer informatie over het werken met zoeksuggesties.

Je kunt de manier waarop je klanten zoeksuggesties te zien krijgen aanpassen.

Stappen:

Desktop
  1. Ga in het Shopify-beheercentrum naar webshop > Thema's.
  2. Zoek het thema dat je wilt bewerken en klik vervolgens op Aanpassen.
  3. Klik op het tandwielpictogram Thema-instellingen.
  4. Klik op Zoekgedrag.
  5. Als je zoeksuggesties wil activeren of deactiveren, vink je Zoeksuggesties inschakelen aan of uit.
  6. Optioneel: Vink de optie Productverkoper weergeven aan of uit om de productverkoper in de zoeksuggesties te laten weergeven of verbergen.
  7. Optioneel: Als je de productprijs in zoeksuggesties wil weergeven of verbergen, vink je Productprijs weergeven aan of uit.
  8. Klik op Opslaan.
iPhone
  1. Tik in de Shopify-app op de knop ….
  2. Tik in de sectie Verkoopkanalen op webshop.
  3. Tik op Alle thema's beheren.
  4. Zoek het thema dat je wilt bewerken en tik vervolgens op Aanpassen.
  5. Tik op ⋮ en daarna op Thema-instellingen.
  6. Tik op Zoekgedrag.
  7. Als je zoeksuggesties wil activeren of deactiveren, vink je Zoeksuggesties inschakelen aan of uit.
  8. Optioneel: Vink de optie Productverkoper weergeven aan of uit om de productverkoper in de zoeksuggesties te laten weergeven of verbergen.
  9. Optioneel: Als je de productprijs in zoeksuggesties wil weergeven of verbergen, vink je Productprijs weergeven aan of uit.
  10. Tik op Opslaan.
Android
  1. Tik in de Shopify-app op de knop ☰.
  2. Tik in de sectie Verkoopkanalen op webshop.
  3. Tik op Alle thema's beheren.
  4. Zoek het thema dat je wilt bewerken en tik vervolgens op Aanpassen.
  5. Tik op ... en daarna op Thema-instellingen.
  6. Tik op Zoekgedrag.
  7. Als je zoeksuggesties wil activeren of deactiveren, vink je Zoeksuggesties inschakelen aan of uit.
  8. Optioneel: Vink de optie Productverkoper weergeven aan of uit om de productverkoper in de zoeksuggesties te laten weergeven of verbergen.
  9. Optioneel: Als je de productprijs in zoeksuggesties wil weergeven of verbergen, vink je Productprijs weergeven aan of uit.
  10. Tik op ✓.

Valuta-indeling

Je kunt de valutacode bij de prijzen op je producten weergeven.

Stappen:

Desktop
  1. Ga in het Shopify-beheercentrum naar webshop > Thema's.
  2. Zoek het thema dat je wilt bewerken en klik vervolgens op Aanpassen.
  3. Klik op het tandwielpictogram Thema-instellingen.
  4. Klik op Valuta-indeling.
  5. Als je valutacodes wil weergeven, selecteer je Valutacodes weergeven.
  6. Klik op Opslaan.
iPhone
  1. Tik in de Shopify-app op de knop ….
  2. Tik in de sectie Verkoopkanalen op webshop.
  3. Tik op Alle thema's beheren.
  4. Zoek het thema dat je wilt bewerken en tik vervolgens op Aanpassen.
  5. Tik op ⋮ en daarna op Thema-instellingen.
  6. Tik op Valutanotatie.
  7. Als je valutacodes wil weergeven, selecteer je Valutacodes weergeven.
  8. Tik op Opslaan.
Android
  1. Tik in de Shopify-app op de knop ☰.
  2. Tik in de sectie Verkoopkanalen op webshop.
  3. Tik op Alle thema's beheren.
  4. Zoek het thema dat je wilt bewerken en tik vervolgens op Aanpassen.
  5. Tik op ... en daarna op Thema-instellingen.
  6. Tik op Valutanotatie.
  7. Als je valutacodes wil weergeven, selecteer je Valutacodes weergeven.
  8. Tik op ✓.

Winkelwagen

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

Stappen:

Desktop

  1. Ga in het Shopify-beheercentrum naar webshop > Thema's.

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

  3. Klik op het tandwielpictogram Thema-instellingen.

  4. Klik op Winkelwagen.

  5. Via de vervolgkeuzelijst Type winkelwagen kun je de winkelwagenstijl Lade, Pagina of Pop-upmelding selecteren.

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

  7. Optioneel: Je kunt klanten een tekstvak aanbieden waarin ze speciale verzoeken kunnen invoeren of extra informatie bij een bestelling kunnen toevoegen. Selecteer dan Notitie voor winkelwagen inschakelen.

  8. Optioneel: Als je Lade selecteert als Type winkelwagen, kun je een collectie weergeven in de winkelwagenoptie wanneer deze leeg is:

    1. Klik bij Winkelwagenoptie op Collectie selecteren.
    2. Klik op de naam van de collectie die je wil weergeven en klik op Selecteren.

  9. Optioneel: Als je Lade selecteert als Type winkelwagen, kun je het kleurschema van de winkelwagenoptie wijzigen. Voer de volgende stappen uit:

    1. Klik in het onderdeel Winkelwagenoptie > Kleurschema op Wijzigen.
    2. Selecteer een kleurschema dat je wil gebruiken voor je winkelwagenoptie.

  10. Klik op Opslaan.

iPhone

  1. Tik in de Shopify-app op de knop ….

  2. Tik in de sectie Verkoopkanalen op webshop.

  3. Tik op Alle thema's beheren.

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

  5. Tik op ⋮ en daarna op Thema-instellingen.

  6. Tik op Winkelwagen.

  7. Selecteer het gewenste Type winkelwagen 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: Je kunt klanten een tekstvak aanbieden waarin ze speciale verzoeken kunnen invoeren of extra informatie bij een bestelling kunnen toevoegen. Selecteer dan Notitie voor winkelwagen inschakelen.

  10. Optioneel: Als je Lade selecteert als Type winkelwagen, kun je een collectie weergeven in de winkelwagenoptie wanneer deze leeg is:

    1. Tik in het onderdeel Winkelwagenoptie op Collectie selecteren.
    2. Tik op de naam van de collectie die je wil weergeven en tik op Gereed.

  11. Optioneel: Als je Lade selecteert als Type winkelwagen, kun je het kleurschema van de winkelwagenoptie wijzigen. Voer de volgende stappen uit:

    1. Tik bij Winkelwagenoptie > Kleurschema op Wijzigen.
    2. Selecteer een kleurschema dat je wil gebruiken voor de winkelwagenoptie en tik op Gereed.

  12. Tik op Opslaan.

Android

  1. Tik in de Shopify-app op de knop ☰.

  2. Tik in de sectie Verkoopkanalen op webshop.

  3. Tik op Alle thema's beheren.

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

  5. Tik op ... en daarna op Thema-instellingen.

  6. Tik op Winkelwagen.

  7. Selecteer het gewenste Type winkelwagen 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: Je kunt klanten een tekstvak aanbieden waarin ze speciale verzoeken kunnen invoeren of extra informatie bij een bestelling kunnen toevoegen. Selecteer dan Notitie voor winkelwagen inschakelen.

  10. Optioneel: Als je Lade selecteert als Type winkelwagen, kun je een collectie weergeven in de winkelwagenoptie wanneer deze leeg is:

    1. Tik in het onderdeel Winkelwagenoptie op Collectie selecteren.
    2. Tik op de naam van de collectie die je wil weergeven en tik op Gereed.

  11. Optioneel: Als je Lade selecteert als Type winkelwagen, kun je het kleurschema van de winkelwagenoptie wijzigen. Voer de volgende stappen uit:

    1. Tik bij Winkelwagenoptie > Kleurschema op Wijzigen.
    2. Selecteer een kleurschema dat je wil gebruiken voor de winkelwagenoptie en tik op Gereed.

  12. Tik op ✓.

Aangepaste CSS

In de sectie Aangepaste CSS kun je je eigen CSS-code invoeren, bijvoorbeeld als je het uiterlijk van de knoppen van je webshop volgens andere dan de beschikbare standaardinstellingen wil aanpassen of als je bepaalde tekstelementen je eigen unieke stijl wil geven.

Aangepaste CSS in de thema-instellingen geldt voor alle pagina's in je webshop, behalve de checkout.

Meer informatie over het toevoegen van aangepaste CSS aan je thema.

Themastijl

Een themastijl is een collectie van instellingen gekozen door een thema-ontwerper. Je kunt een themastijl toepassen op je winkel om het een afgewerkte look-and-feel te geven. Op alle thema's is standaard een themastijl toegepast. Welke andere opties voor de themastijl beschikbaar zijn, hangt af van het thema dat je gebruikt.

Wanneer je een thema aanpast, vervang je de instellingen voor de themastijl door je eigen thema. Wanneer je een themastijl toevoegt aan je thema, verander je je huidige instellingen, zoals kleuren en de vormgeving van je teksten.

Stappen:

Desktop
  1. Ga in het Shopify-beheercentrum naar webshop > Thema's.
  2. Zoek het thema dat je wilt bewerken en klik vervolgens op Aanpassen.
  3. Klik op het tandwielpictogram Thema-instellingen.
  4. Klik op Themastijl.
  5. Selecteer de themastijl die je wil gebruiken en klik op Stijl wijzigen.
  6. Klik op Opslaan.
iPhone
  1. Tik in de Shopify-app op de knop ….
  2. Tik in de sectie Verkoopkanalen op webshop.
  3. Tik op Alle thema's beheren.
  4. Zoek het thema dat je wilt bewerken en tik vervolgens op Aanpassen.
  5. Tik op ⋮ en daarna op Thema-instellingen.
  6. Tik op Themastijl.
  7. Selecteer de themastijl die je wilt gebruiken en tik op Gereed.
  8. Tik op Opslaan.
Android
  1. Tik in de Shopify-app op de knop ☰.
  2. Tik in de sectie Verkoopkanalen op webshop.
  3. Tik op Alle thema's beheren.
  4. Zoek het thema dat je wilt bewerken en tik vervolgens op Aanpassen.
  5. Tik op ... en daarna op Thema-instellingen.
  6. Tik op Themastijl.
  7. Selecteer de themastijl die je wilt gebruiken en tik op Gereed.
  8. Tik op ✓.

Wijzigingen ongedaan maken en opnieuw uitvoeren

Met de knop Ongedaan maken wordt je recentste wijziging ongedaan gemaakt, en met de knop Opnieuw uitvoeren wordt een wijziging die je ongedaan had gemaakt opnieuw doorgevoerd. Als je meer dan een keer op de knop Ongedaan maken klikt, worden je wijzigingen één voor één ongedaan gemaakt. Je vindt de knoppen Ongedaan maken en Opnieuw uitvoeren op de werkbalk van de themabewerker.

De knoppen Ongedaan maken en Opnieuw uitvoeren op de werkbalk van de themabewerkers

Klik op de knop Ongedaan maken om de wijzigingen terug te draaien die je in je thema hebt aangebracht, zoals onderstaande voorbeelden:

  • secties toevoegen, opnieuw rangschikken en verwijderen
  • kleuren, lettertypen en andere thema-instellingen toepassen;
  • een themastijl opnieuw instellen.

Kleuropties met stalen

De bijgewerkte Shopify-producttaxonomie bevat een standaard kleurkenmerk waarmee je kleurenstalen aan je webshop kunt toevoegen. Als je dit standaard kenmerk wil gebruiken, selecteer je een productcategorie die een metaveld voor kleurcategorie bevat. De volgende categoriemetavelden ondersteunen kleurenstalen:

  • Backing color
  • Backrest upholstery color
  • Band color
  • Blanket color
  • Body color
  • Butt cap color
  • Color
  • Canopy color
  • Case color
  • Core color
  • Cover color
  • Dial color
  • Door color
  • Door mat base color
  • Eyewear frame color
  • Eyewear lens color
  • Fingerboard color
  • Flower color
  • Flush plate color
  • Footwear color
  • Foundation color
  • Frame color
  • Furniture/Fixture color
  • Handle color
  • Housing color
  • Ink color
  • Instrument color
  • Instrument string color
  • Jumping surface color
  • Laser color
  • Leg color
  • Lens color
  • Light color
  • Neck color
  • Pen color
  • Pole color
  • Riser color
  • Rod color
  • Saddle base color
  • Saddle seat color
  • Seat color
  • Seat upholstery color
  • Shaft color
  • Sheet color
  • Shelf color
  • Shell/Frame color
  • Slat color
  • Spool color
  • String color
  • Suction cup color
  • Tabletop color
  • Tank color
  • Temple color
  • Top color
  • Upholstery color

Lees meer over het toevoegen van kleurenstalen met behulp van categoriemetavelden en het migreren van bestaande producten om metavelden te gebruiken.

Zat het antwoord dat je zocht er niet bij? Wij helpen je graag verder.