Thema-instellingen

Je kunt thema-instellingen gebruiken om wijzigingen aan te brengen in de typografie, kleuren, koppelingen naar sociale media en afrekeningsinstellingen van je onlinewinkel.

Je kunt thema-instellingen gebruiken om wijzigingen aan te brengen in de typografie, kleuren, koppelingen naar sociale media en afrekeningsinstellingen van je onlinewinkel. Wanneer je je thema-instellingen wijzigt, zijn de wijzigingen van toepassing op je hele onlinewinkel.

Kleuren

Je kunt primaire en secundaire kleurschema's voor je onlinewinkel instellen.

Je kleurinstellingen aanpassen

  1. Klik opthema-instellingen.
  2. Klick opKleuren.
  3. Om de kleurkiezer te openen, klik je op het kleurstaal voor de contenttype-kleur die je wilt wijzigen.

  4. Klik opOpslaan.

RaadpleegKleurschema'svoor meer informatie over kleuropties, waaronder het instellen van kleurverloop.

Typografie

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

Het wordt aanbevolen omsysteemlettertypenin je winkel te gebruiken. Door systeemlettertypen te gebruiken, hoef je geen nieuwe lettertypen naar de computer van de klant te downloaden, wat een negatieve invloed kan hebben op de laadsnelheid van je winkel. Het lettertype dat op de computer van de klant wordt weergegeven, is afhankelijk van hun besturingssysteem.

Je typografie-instellingen aanpassen

  1. Klik opthema-instellingen.
  2. Klik opTypografie.
  3. Klik voor elk type tekst opWijzigenom de lettertypekiezer te gebruiken.
  4. Verken beschikbare lettertypen met het zoekveld of door opMeer ladente klikken.
  5. Klik op de naam van het lettertype dat je wilt gebruiken en klik vervolgens opSelecteren.
  6. Klik opOpslaan.

De grootte van je lettertypen aanpassen

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

Stappen:

  1. Klik opThema-instellingen>Typografie.
  2. Gebruik deSchaal lettertypegrootteom de standaardgrootte van de lettertypen te selecteren. De minimale grootte is 100% en de maximale is 150%. Elke schaalvergroting vergroot het lettertype met 5%. De standaardinstelling is 100%.
  3. Om de standaard lettergrootte voor hoofdtekst te wijzigen, gebruik je deLettergrootte schaalom de standaard lettergrootte te selecteren. De minimale lettergrootte is 100% en de maximale lettergrootte is 130%. Elke schaalvergroting vergroot de lettergrootte met 5%. De standaard instelling is 100%.
  4. Klik opOpslaan.

Opmaak

Met de opmaak kun je de maximale breedte instellen waarin je onlinewinkel wordt weergegeven.

  1. Klik opThema-instellingen>Opmaak.
  2. Gebruik de schuifregelaar voor het bereik om te kiezen uit een paginabreedte van 1000 of 1600 pixels. De standaardinstelling is 1600 pixels.
  3. [Optioneel] Voegverticale ruimte tussen secties toemet de schuifregelaar voor het bereik. Je kunt maximaal 100 pixels tussen de secties invoegen.
  4. [Optioneel] Als je eenGrid-opmaak hebt, gebruik je de schuifregelaar voorhorizontale ruimteenverticale ruimte在te voegen om ruimte tussen gridcontent。Als我horizontale ruimte toevoegt, wordt er maximaal 40 pixels aan ruimte aan je rijen toegevoegd. Als je verticale ruimte toevoegt, wordt er maximaal 40 pixels aan ruimte aan je kolommen toegevoegd.
  5. Klik opOpslaan.

Randen en schaduwen

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

Aanpasbare opties voorrandenzijn:

  • dikte, waarmee de rand van het item kan worden veranderd;
  • Dekking, waarmee de zichtbaarheid van de rand van het item kan worden ingesteld;
  • hoekradius, waarmee de hoeken van je items rond kunnen worden gemaakt.

Hieronder volgen de opties voorschaduwen:

  • Dekkingverandert de zichtbaarheid van de schaduwen van het item. Een schaduwondoorzichtigheid van 0% zorgt ervoor dat de schaduw van het item volledig verdwijnt.
  • Met de schuifregelaars voorhorizontaleofverticaleverschuivingen wordt de locatie rond het item verplaatst.
  • Gebruik de schuifregelaar voor hetvervagingsbereik om de ondoorzichtigheid van de schaduw van het item te veranderen.

Knoppen

Je kunt de instellingen voor CTA-knoppen in je onlinewinkel 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 onlinewinkel met een CTA-knop

Knoppen aanpassen

  1. Klik opthema-instellingen.
  2. Klik opKnoppen.
  3. Met de schuifbalken wijzig je het uiterlijk van deRandvan de knop.
  4. 见过德schuifbalken wijzig我德Schaduwvan de knop. Met een dekking van 0% voor de schaduw verwijder je de schaduw.
  5. Klik opOpslaan.

Variantopties

Met variantopties kun je de varianten van een product op een productpagina of in een gedeelte met uitgelichte producten weergeven. Klanten kunnen de gewenste variant selecteren om het product aan hun winkelwagen toe te voegen zonder dat ze productpagina's hoeven te wijzigen.

Voorbeeld van een onlinewinkel met selecteerbare variantopties

Variantopties aanpassen

  1. Klik opthema-instellingen.
  2. Klik opVariantopties.
  3. Met de schuifbalken wijzig je het uiterlijk van deRandvan de variantoptie.
  4. 见过德schuifbalken wijzig我德variantoptieSchaduw. Met een dekking van 0% voor de schaduw verwijder je de schaduw.
  5. Klik opOpslaan.

Invoer

Invoergedeeltes zijn interactieve gebieden waar klanten verwacht worden iets in te voeren. Denk aan een hoeveelheidskiezer, een aanmeldingsformulier voor het ontvangen van e-mails of notities voor winkelwagens. Het uiterlijk van de invoergedeeltes van je onlinewinkel kun je aanpassen in de thema-instellingen.

Voorbeeld van een onlinewinkel met invoergedeelte voor hoeveelheid

Invoergedeeltes aanpassen

  1. Klik opthema-instellingen.
  2. Klik opInvoer.
  3. Met de schuifbalken wijzig je het uiterlijk van deRandvan het invoerveld.
  4. 见过德schuifbalken wijzig我德Schaduwvan de invoervelden. Met een dekking van 0% voor de schaduw verwijder je de schaduw.
  5. Klik opOpslaan.

Kaarten

Kaarten zijn gescheiden gebieden in secties waarmee je meerdere items kunt weergeven, zoals productkaarten, blogkaarten, collectiekaarten of collagekaarten. Je kunt de vorm, stijl, kleur, uitlijning en opvulling van de sectiekaarten aanpassen.

Kaarten aanpassen

  1. Klik opthema-instellingen.
  2. Klik opKaarten.
  3. Kies deStijlvan de kaart in de vervolgkeuzelijst.
  4. VoegOpvulling voor afbeeldingentoe met de schuifbalk. Hiermee voeg je witruimte rondom je kaartafbeeldingen toe.
  5. Stel via de vervolgkeuzelijst detekstuitlijningvoor je kaarten in. Kies tussen links, midden (standaard) of rechts.
  6. Selecteer via de vervolgkeuzelijst eenkleurenschemavoor je kaarten.
  7. Met de schuifbalken wijzig je het uiterlijk van de kaartRand.
  8. 见过德schuifbalken wijzig我德kaartSchaduw.Met een dekking van 0% voor de schaduw verwijder je de schaduw.
  9. Klik opOpslaan.

Content-containers

Containers zijn het tekstgedeelte van content-secties, bijvoorbeeld het tekstvak in een diavoorstelling, een afbeeldingsbanner of de kolommen in secties met meerdere kolommen. Het uiterlijk van content-containers kun je voor je onlinewinkel aanpassen.

Content-containers aanpassen

  1. Klik opthema-instellingen.
  2. Klik opContentcontainers.
  3. Met de schuifbalken wijzig je het uiterlijk van derandvan de contentcontainer
  4. 见过德schuifbalken wijzig我德contentcontainerSchaduw. Met een dekking van 0% voor de schaduw verwijder je de schaduw.
  5. Klik opOpslaan.

Media

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

Media aanpassen

  1. Klik opthema-instellingen.
  2. Klik opMedia.
  3. Met de schuifbalken wijzig je het uiterlijk van deRandvan de knop.
  4. 见过德schuifbalken wijzig我德Schaduwvan de media. Met een dekking van 0% voor de schaduw verwijder je de schaduw.
  5. Klik opOpslaan.

Vervolgkeuzelijsten en pop-ups

Pas het uiterlijk van navigatie-vervolgkeuzelijsten, modale pop-upvensters en winkelwagengerelateerde pop-upmeldingen aan.

Vervolgkeuzelijsten en pop-ups aanpassen

  1. Klik opthema-instellingen.
  2. Klik opVervolgkeuzelijsten en pop-ups.
  3. Met de schuifbalken wijzig je het uiterlijk van de kaartRand.
  4. 见过德schuifbalken wijzig我德Schaduw. Met een dekking van 0% voor de schaduw verwijder je de schaduw.
  5. Klik opOpslaan.

Lades

Lades zijn verborgen, interactieve containers die verschijnen en verdwijnen wanneer erop getikt of geklikt wordt, zoals een inklapbaar navigatiemenu of filteropties.

Lades aanpassen

  1. Klik opthema-instellingen.
  2. Klik opLaden.
  3. Met de schuifbalken wijzig je het uiterlijk van de kaartRand.
  4. 见过德schuifbalken wijzig我德Schaduw. Met een dekking van 0% voor de schaduw verwijder je de schaduw.
  5. Klik opOpslaan.

Badges

De badgesUitverkoopenUitverkochtworden automatisch aan je productafbeeldingen toegevoegd wanneer de prijs daalt of wanneer de voorraadaantallen 0 bereiken. Je kunt de positie, vorm en kleur van je badges aanpassen.

Voorbeeld van een onlinewinkel met de badges Uitverkoop en Uitverkocht

De badgesPaginaenBlogworden weergegeven in relevante zoekresultaten. Je kunt de positie en vorm van deze badges aanpassen, maar niet de kleur.

Badges aanpassen

  1. Klik opthema-instellingen.
  2. Klik opBadges.
  3. Selecteer via de vervolgkeuzelijst de positie van badges binnen productkaarten. Kies tussen linksboven, rechtsboven, linksonder (standaard) of rechtsonder.
  4. Met de schuifbalk voor dehoekradiusvoeg je afgeronde hoeken toe. Als je de hoekradius in 0 pixels instelt, krijgen badjes een vierkante rand en als je een grotere radius kiest, worden de hoeken meer afgerond.
  5. Kies eenkleurenschemavoor je badges. Je kunt een alternatief kleurenschema instellen voor uitverkochte artikelen.
  6. Klik opOpslaan.

Pictogrammen

Pictogrammen zijn kleine afbeeldingen die aan bepaalde secties of blokken kunnen worden toegevoegd. Het kleurschema voor je pictogrammen kun je instellen in de thema-instellingen.

Voorbeeld van een onlinewinkel met pictogrammen in inklapbare rijen

Pictogrammen aanpassen

  1. Klik opthema-instellingen.
  2. Klik opPictogrammen.
  3. Gebruik de vervolgkeuzelijst om de standaardkleur voor je pictogrammen te selecteren. Voor je winkelpictogrammen kun je kiezen uit Accent 1, Accent 2, tekstkleur of de knop Omlijnen.
  4. Klik opOpslaan.

Social media

Je kunt knoppen voor sociaal delen voor je producten en blogposts, en links naar je sociale media-accounts toevoegen. Links naar je sociale media-accounts worden in de voettekst van je onlinewinkel weergegeven.

Je instellingen voor social media aanpassen

  1. Klik opthema-instellingen.
  2. Klik opSocial media.
  3. Als我links naar je social media-accounts wilt toevoegen, voer je in de velden onder Accounts de links naar je accounts in. Voer volledige links in, zoalshttps://instagram.com/shopifyofhttps://twitter.com/shopify.
  4. Klik opOpslaan.

Zoekgedrag

Online Store omvat voorspellende zoekopdrachten, waarin productsuggesties worden weergegeven wanneer klanten in het zoekveld beginnen te typen. Met productsuggesties kunnen klanten hun zoekopdrachten articuleren en verfijnen en nieuwe manieren ontdekken om een onlinewinkel te verkennen. Ze kunnen klanten ook snel door overeenkomsten laten bladeren zonder hun huidige pagina te verlaten om een afzonderlijke lijst met zoekresultaten te bekijken.

Je kunt de volgende instellingen aanpassen voor zoeken:

  • Productsuggesties inschakelen: productsuggesties in- of uitschakelen.
  • 卡通leverancier: leveranciers weergeven of verbergen bij productsuggesties.
  • Prijs weergeven: prijzen weergeven of verbergen bij productsuggesties.

Instellingen voor input zoeken wijzigen

  1. Klik opthema-instellingen.
  2. Klik opInput zoeken
  3. Gebruik de instellingen om het zoekgedrag voor de winkel aan te passen.
  4. Klik opOpslaan.

Raadpleegvoorspelbaar zoekenvoor meer informatie over het werken met productsuggesties.

Favicon

Je kunt een pictogram voor favorieten, of een favicon, toevoegen, waarmee je je onlinewinkel kunt promoten. Een favicon wordt op de volgende plaatsten weergegeven:

  • op het tabblad van je webbrowser
  • de geschiedenis van je webbrowser
  • als pictogrammen op je bureaublad
  • naast je onlinewinkelnaam wanneer deze is gemarkeerd als bladwijzer

Meer informatie over favicons.

Je favicon aanpassen

  1. Klik opthema-instellingen.
  2. Klik opFavicon
  3. Klik in het gebiedfavicon-afbeeldingopafbeelding selecterenen voer een van de volgende handelingen uit:

    • Als我een afbeelding wilt gebruiken die je al hebt geüpload naar je Shopify-beheercentrum, klik je op een afbeelding om deze te selecteren en klik je opSelecteren.
    • Klik opUploadenom een afbeelding van je computer te gebruiken. Kies een afbeelding vanaf je computer en klik opOpenenom het uploaden te starten. Het wordt automatisch geselecteerd wanneer het uploaden is voltooid. Klik opSelecteren.
    • Als我een gratis afbeelding wilt selecteren, klik je opGratis afbeeldingenen zoek je of klik je op een afbeelding om deze te selecteren.
  4. Alternatieve tekst aan je favicon-afbeelding toevoegen:

    1. Klik op alt-tekstBewerken.
    2. Voer in het vensterafbeelding bewerkeneen korte beschrijving van de afbeelding in.
    3. Klik opOpslaan.

Valuta-indeling

Je kunt ervoor kiezen altijd valutacodes weer te geven bij prijzen voor product, in de winkelwagen en bij checkout.

  1. Klik opthema-instellingen.
  2. Klik opValuta-indeling.
  3. Als我valutacodes wilt inschakelen, klik je op het selectievakjeValutacodes tonen.
  4. Klik opOpslaan.

Winkelwagen

Je kunt de stijl van de winkelwagen in je onlinewinkel 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. Wanneer de winkelwagen van de klant leeg is, kun je een uitgelichte collectie weergeven in de winkelwagenoptie.

Stappen:

  1. Klik opThema-instellingen>Winkelwagen.
  2. Selecteer via de vervolgkeuzelijst een winkelwagenstijl: lade, pagina of pop-upmelding.
  3. Optioneel: klik opVerkoper tonenom de verkoper van de artikelen in de winkelwagen van een klant weer te geven.
  4. Optioneel: je kunt een gebied inrichten waar klanten speciale verzoeken kunnen doen of aanvullende informatie over hun bestelling plaatsen. Als je dat wilt doen, selecteer je de optieOpmerking voor winkelwagen inschakelen.

Als我het winkelwagentype hebt ingesteld opLade, kun je een collectie weergeven in de winkelwagenoptie. De geselecteerde collectie wordt alleen weergegeven als de winkelwagen leeg is.

Als我een collectie wilt toevoegen aan de lege winkelwagenoptie, klik je opCollectie selecteren. Wanneer een collectie is geselecteerd, klik je opWijzigenom een andere collectie te selecteren of om de collectie uit de winkelwagenoptie te verwijderen. Je kunt ook opCollectie aanmakenklikken om een nieuwe collectie aan te maken. Met deze knop verlaat je de thema-instellingen en ga je naarCollectiesin het Shopify-beheercentrum.

Checkout

In dit gedeelte kun je de checkout van je winkel aanpassen. ZieShopify Checkoutvoor meer informatie over de checkoutpagina van je winkel.

Themastijlen wijzigen

即使themastijl甚至是集体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. 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:

  1. Klik opThema-instellingen>Stijlen.

  2. Selecteer de opties voor je themastijl met behulp van de vervolgkeuzelijsten. De beschikbare opties zijn afhankelijk van het thema dat je gebruikt.

  3. Klik opOpslaan.

Wijzigingen ongedaan maken en opnieuw uitvoeren

Met de knopOngedaan makenwordt je recentste wijziging ongedaan gemaakt, en met de knopOpnieuw uitvoerenwordt een wijziging die je ongedaan had gemaakt opnieuw doorgevoerd. Als je meer dan een keer op de knopOngedaan makenklikt, worden je wijziging één voor één ongedaan gemaakt. Je vindt de knoppenOngedaan makenenOpnieuw uitvoerenop de werkbalk van de themabewerker.

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

Klik op de knopOngedaan makenom de volgende wijzigingen terug te draaien:

  • secties toevoegen, opnieuw rangschikken en verwijderen
  • kleuren, lettertypen en andere instellingen toepassen op het tabbladThema-instellingen
  • een themastijl opnieuw instellen.

Klaar om te beginnen met verkopen met Shopify?

Probeer het gratis