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.
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:
Ga in het Shopify-beheercentrum naar webshop > Thema's.
Zoek het thema dat je wilt bewerken en klik vervolgens op Aanpassen.
Klik op het tandwielpictogram Thema-instellingen.
Klik op Logo.
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.
Optioneel: Voeg alt-tekst toe aan je logoafbeelding:
Klik bij Logo op Bewerken.
Typ in het veld Alt-tekst een korte beschrijving van de afbeelding.
Klik op Opslaan.
Optioneel: Schuif bij Breedte van logo op desktop de schuifregelaar naar de gewenste pixelbreedte.
Klik op Opslaan.
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:
Ga in het Shopify-beheercentrum naar webshop > Thema's.
Zoek het thema waarvoor je een favicon wil toevoegen en klik vervolgens op Aanpassen.
Klik op het tandwielpictogram Thema-instellingen.
Klik op Logo of Favicon, afhankelijk van de versie van je thema.
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.
Klik op Gereed.
Optioneel: Voeg alt-tekst aan je favicon-afbeelding toe:
Klik in de sectie Favicon-afbeelding op Bewerken.
Typ in het veld Alt-tekst een korte beschrijving van de afbeelding.
Klik op Opslaan.
Klik op Opslaan.
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:
Ga in het Shopify-beheercentrum naar webshop > Thema's.
Zoek het thema dat je wilt bewerken en klik vervolgens op Aanpassen.
Klik op het tandwielpictogram Thema-instellingen.
Klick op Kleuren.
Klik in de sectie Schema's op een bestaand schema of klik op Schema toevoegen om een nieuw kleurenschema toe te voegen.
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
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.
Klik op Opslaan.
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.
Ga in het Shopify-beheercentrum naar webshop > Thema's.
Zoek het thema dat je wilt bewerken en klik vervolgens op Aanpassen.
Klik op het tandwielpictogram Thema-instellingen.
Klik op Typografie.
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.
Klik op de naam van het lettertype dat je wil gebruiken en daarna op Selecteren.
Klik op Opslaan.
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:
Ga in het Shopify-beheercentrum naar webshop > Thema's.
Zoek het thema dat je wilt bewerken en klik vervolgens op Aanpassen.
Klik op het tandwielpictogram Thema-instellingen.
Klik op Typografie.
Als je de standaard lettergrootte voor Koptekst wil wijzigen, gebruik je de Schaal lettertypegrootte om de standaardgrootte te selecteren.
Als je de standaard lettergrootte voor Hoofdtekst wil wijzigen, gebruik je de Schaal lettertypegrootte om de standaardgrootte te selecteren.
Klik op Opslaan.
Opmaak
Je kunt de maximale breedte instellen waarin je webshop wordt weergegeven en de verticale en horizontale ruimte tussen secties instellen.
Stappen:
Ga in het Shopify-beheercentrum naar webshop > Thema's.
Zoek het thema dat je wilt bewerken en klik vervolgens op Aanpassen.
Klik op het tandwielpictogram Thema-instellingen.
Klik op Indeling.
Schuif de schuifregelaar bij Paginabreedte naar een paginabreedte tussen 1000 en 1600 pixels. De standaardinstelling is 1600 px.
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.
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.
Klik op Opslaan.
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:
Ga in het Shopify-beheercentrum naar webshop > Thema's.
Zoek het thema dat je wilt bewerken en klik vervolgens op Aanpassen.
Klik op het tandwielpictogram Thema-instellingen.
Klik op Animaties.
Optioneel: Selecteer Secties onthullen bij het scrollen om een animatie te activeren die de secties van je webshop onthult bij het scrollen.
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.
Klik op Opslaan.
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.
Stappen:
Ga in het Shopify-beheercentrum naar webshop > Thema's.
Zoek het thema dat je wilt bewerken en klik vervolgens op Aanpassen.
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.
Klik op Opslaan.
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.
Stappen:
Ga in het Shopify-beheercentrum naar webshop > Thema's.
Zoek het thema dat je wilt bewerken en klik vervolgens op Aanpassen.
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.
Klik op Opslaan.
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.
Stappen:
Ga in het Shopify-beheercentrum naar webshop > Thema's.
Zoek het thema dat je wilt bewerken en klik vervolgens op Aanpassen.
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.
Klik op Opslaan.
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:
Ga in het Shopify-beheercentrum naar webshop > Thema's.
Zoek het thema dat je wilt bewerken en klik vervolgens op Aanpassen.
Klik op het tandwielpictogram Thema-instellingen.
Klik op Productkaarten, Collectiekaarten of Blogkaarten.
Kies een kaartstijl met de optie Stijl.
Optioneel: Met de schuifregelaar Opvulling voor afbeeldingen voeg je ruimte rond de kaartafbeeldingen toe.
Optioneel: Kies tussen Links, Centreren (standaard) of Rechts voor de Tekstuitlijning van je kaarten.
Optioneel: Klik in de sectie Kleurschema op Wijzigen om een kleurschema voor je kaarten te selecteren.
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.
Klik op Opslaan.
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:
Ga in het Shopify-beheercentrum naar webshop > Thema's.
Zoek het thema dat je wilt bewerken en klik vervolgens op Aanpassen.
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.
Klik op Opslaan.
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:
Ga in het Shopify-beheercentrum naar webshop > Thema's.
Zoek het thema dat je wilt bewerken en klik vervolgens op Aanpassen.
Met de schuifregelaar voor het bereik wijzig je de Schaduw. Met een Dekking van 0% voor de schaduw verwijder je de schaduw.
Klik op Opslaan.
Lades
Panelen zijn verborgen, interactieve containers die worden weergegeven wanneer erop getikt of geklikt wordt, zoals een uitklapbaar navigatiemenu of opties voor collectiefilters. Je kunt de rand en schaduw van de panelen in je webshop aanpassen.
Stappen:
Ga in het Shopify-beheercentrum naar webshop > Thema's.
Zoek het thema dat je wilt bewerken en klik vervolgens op Aanpassen.
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.
Klik op Opslaan.
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 wijzigen.
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:
Ga in het Shopify-beheercentrum naar webshop > Thema's.
Zoek het thema dat je wilt bewerken en klik vervolgens op Aanpassen.
Klik op het tandwielpictogram Thema-instellingen.
Klik op Badges.
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.
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.
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.
Klik op Opslaan.
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:
Ga in het Shopify-beheercentrum naar webshop > Thema's.
Zoek het thema dat je wilt bewerken en klik vervolgens op Aanpassen.
Klik op het tandwielpictogram Thema-instellingen.
Klik op Merkinformatie.
Optioneel: Typ een pakkende Kop over je merk of bedrijf.
Optioneel: Typ een Beschrijving van je merk of bedrijf.
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.
Optioneel: Schuif bij Breedte afbeelding de schuifregelaar naar de gewenste pixelbreedte.
Klik op Opslaan.
Social media
Je kunt links naar je socialmedia-accounts toevoegen die worden weergegeven in de voettekst van je webshop.
Stappen:
Ga in het Shopify-beheercentrum naar webshop > Thema's.
Zoek het thema dat je wilt bewerken en klik vervolgens op Aanpassen.
Klik op het tandwielpictogram Thema-instellingen.
Klik op Social media.
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.
Klik op Opslaan.
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:
Ga in het Shopify-beheercentrum naar webshop > Thema's.
Zoek het thema dat je wilt bewerken en klik vervolgens op Aanpassen.
Klik op het tandwielpictogram Thema-instellingen.
Klik op Zoekgedrag.
Als je zoeksuggesties wil activeren of deactiveren, vink je Zoeksuggesties inschakelen aan of uit.
Optioneel: Vink de optie Productverkoper weergeven aan of uit om de productverkoper in de zoeksuggesties te laten weergeven of verbergen.
Optioneel: Als je de productprijs in zoeksuggesties wil weergeven of verbergen, vink je Productprijs weergeven aan of uit.
Klik op Opslaan.
Valuta-indeling
Je kunt de valutacode bij de prijzen op je producten weergeven.
Stappen:
Ga in het Shopify-beheercentrum naar webshop > Thema's.
Zoek het thema dat je wilt bewerken en klik vervolgens op Aanpassen.
Klik op het tandwielpictogram Thema-instellingen.
Klik op Valuta-indeling.
Als je valutacodes wil weergeven, selecteer je Valutacodes weergeven.
Klik op Opslaan.
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:
Ga in het Shopify-beheercentrum naar webshop > Thema's.
Zoek het thema dat je wilt bewerken en klik vervolgens op Aanpassen.
Klik op het tandwielpictogram Thema-instellingen.
Klik op Winkelwagen.
Via de vervolgkeuzelijst Type winkelwagen kun je de winkelwagenstijl Lade, Pagina of Pop-upmelding selecteren.
Optioneel: Selecteer Verkoper weergeven om de verkopers van de artikelen in de winkelwagen van een klant weer te geven.
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.
Optioneel: Als je Lade selecteert als Type winkelwagen, kun je een collectie weergeven in de winkelwagenoptie wanneer deze leeg is:
Klik bij Winkelwagenoptie op Collectie selecteren.
Klik op de naam van de collectie die je wil weergeven en klik op Selecteren.
Optioneel: Als je Lade selecteert als Type winkelwagen, kun je het kleurschema van de winkelwagenoptie wijzigen. Voer de volgende stappen uit:
Klik in het onderdeel Winkelwagenoptie > Kleurschema op Wijzigen.
Selecteer een kleurschema dat je wil gebruiken voor je winkelwagenoptie.
Klik op Opslaan.
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.
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:
Ga in het Shopify-beheercentrum naar webshop > Thema's.
Zoek het thema dat je wilt bewerken en klik vervolgens op Aanpassen.
Klik op het tandwielpictogram Thema-instellingen.
Klik op Themastijl.
Selecteer de themastijl die je wil gebruiken en klik op Stijl wijzigen.
Klik op Opslaan.
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.
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.
Zat het antwoord dat je zocht er niet bij? Wij helpen je graag verder.
