Thema's toevoegen, bekijken en kopen

Om je op weg te helpen, is er een standaard thema ingesteld op de Thema's-pagina van je beheerpaneel wanneer je een account bij Shopify opent. Als je een ander thema voor je webshop wilt aanpassen, moet je er een toevoegen aan je beheerpaneel.

Je kunt op een van de volgende manieren een thema toevoegen:

• Je kunt je bedrijf in je eigen woorden omschrijven en met AI een gratis, gepersonaliseerd thema genereren.
• Je kunt een gratis thema toevoegen vanuit je Shopify-beheercentrum.
• Je kunt een betaald thema proberen uit de Shopify Theme Store. Je kunt elk thema bekijken en aanpassen met de themabewerker. Je moet een thema kopen voordat je het in je webshop kunt publiceren.
• Als je al een thema in een ZIP-bestand op je computer hebt, kun je het uploaden.

Als je een ontwikkelaar bent of met een Shopify-partner of -bureau werkt, kun je ook op de volgende manieren een thema aan je winkel toevoegen:

• Je kunt een op GitHub gehost thema aan je winkel toevoegen met de Shopify GitHub-integratie.
• Je kunt een thema naar je winkel pushen met Shopify CLI.

Je kunt meerdere thema's aan je account toevoegen om nieuwe thema's uit te proberen, seizoensversies van je gepubliceerde thema te bewaren of wijzigingen te testen in een kopie van je gepubliceerde thema. Je kunt al deze thema's bekijken, maar er kan maar één thema tegelijk worden gepubliceerd. Wanneer je naar een nieuw thema overschakelt, heb je nog steeds toegang tot je oude thema op de pagina Thema's in Shopify.

Nadat je een thema hebt toegevoegd, kun je een link aanmaken om een voorbeeld van een niet-gepubliceerd thema met anderen te delen. Dit kan handig zijn als je feedback wilt voordat je een nieuw thema publiceert of je webshop lanceert. Je kunt geen voorbeeld van je gepubliceerde thema delen.

Geschiktheidsvereisten voor thema's

Bekijk de volgende geschiktheidsvereisten voor het toevoegen van thema's aan je winkel of organisatie:

• Het maximale aantal thema's dat je kunt toevoegen, is afhankelijk van je prijsabonnement:
• Winkels met het Starter-abonnement kunnen alleen het Spotlight-thema toevoegen.
• Winkels en organisaties met de abonnementen Basic, Grow en Advanced kunnen maximaal 20 thema's toevoegen.
• Winkels en organisaties met het Shopify Plus-abonnement kunnen maximaal 100 thema's toevoegen.

Als je de themalimiet van je abonnement bereikt, moet je een thema verwijderen voordat je een nieuw thema kunt toevoegen. Uitbreidingswinkels moeten een themalicentie hebben voor elke actieve uitbreidingswinkel.

Een gratis thema genereren met AI

Je kunt AI gebruiken om een gratis, gepersonaliseerd thema te genereren vanaf de pagina Thema's in je Shopify-beheercentrum. Hulp bij aanpassingen voor gratis thema's wordt ondersteund door Shopify.

Je kunt AI gebruiken om een gratis, gepersonaliseerd thema te genereren vanaf de pagina Thema's in je Shopify-beheercentrum. Hulp bij aanpassingen voor gratis thema's wordt ondersteund door Shopify.

Stappen:

Een gratis thema toevoegen vanuit het beheerpaneel

Gratis thema's worden ontwikkeld door Shopify. Hulp bij aanpassingen voor gratis thema's wordt ondersteund door Shopify.

Gratis thema's worden ontwikkeld door Shopify. Hulp bij aanpassingen voor gratis thema's wordt ondersteund door Shopify.

Stappen:

Een betaald thema uit de Shopify Theme Store proberen

Voordat je een betaald thema koopt, kun je het uitproberen door een voorbeeld van het thema te bekijken in je Shopify-beheercentrum. Je kunt de themabewerker gebruiken om een thema in de voorvertoning aan te passen, bijvoorbeeld door je eigen merkkleuren, merkstijl en producten te gebruiken. Als je het thema koopt, worden alle aanpassingen die je hebt gemaakt opgeslagen.

Je kunt van maximaal 19 betaalde thema's tegelijk een voorbeeld bekijken, zodat je verschillende thema's kunt vergelijken voordat je er een koopt. Betaalde thema's die je uitprobeert, hebben het label Themaproefversie.

Neem voor ondersteuning voor een betaald thema contact op met de themaontwikkelaar.

Stappen:

1. Ga naar de Shopify Theme Store en kies een betaald thema.
2. Klik op Thema proberen om het thema aan je webshop toe te voegen.
3. Klik in je Shopify-beheercentrum op Webshop > Thema's.
4. Klik in de sectie Conceptthema's op de knop naast het thema waarvan je een voorbeeld wilt bekijken om het actiemenu te openen.
5. Klik op Voorbeeld.

Je kunt de instellingen van een thema aanpassen terwijl je er een voorbeeld van bekijkt. Als je tevreden bent met het thema, kun je het thema kopen. Alle aanpassingen die je aan het thema hebt gedaan, worden opgeslagen. Je kunt de themacode niet bewerken of de AI-codegenerator gebruiken wanneer het thema een proefversie is.

Een thema kopen in de Shopify Theme Store

Alleen gebruikers met alle volgende machtigingen op winkelniveau kunnen een thema kopen in de Shopify Theme Store:

• Thema's
• Apps en kanalen beheren en installeren
• App-kosten goedkeuren

Nadat je een betaald thema in je webshop hebt geprobeerd, kun je ervoor kiezen het te kopen. Je kunt in je webshop alleen thema's publiceren die je hebt gekocht. Wanneer je een thema koopt in de Shopify Theme Store, is dat thema uitsluitend gelicentieerd voor de winkel waar de aankoop is gedaan. Als je je thema in een andere winkel wilt gebruiken, kom je mogelijk in aanmerking om het over te dragen.

Betaalde thema's worden gemaakt door externe themaontwikkelaars. Algemene ondersteuning en updates voor thema's van externe partijen worden geleverd door de themaontwikkelaar. Als je geavanceerde aanpassingen nodig hebt, maar geen ervaring hebt met het ontwikkelen van websites met HTML, CSS en JavaScript, overweeg dan een Shopify Partner in te huren.

Stappen:

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

2. Klik op Thema's toevoegen > Theme Store bezoeken.

3. Zoek een thema dat je wilt kopen en klik vervolgens op Thema proberen.

4. Klik in de sectie Conceptthema's op Kopen bij het thema dat je wilt kopen om de transactie te starten.

Een themabestand uploaden vanaf je computer

Als je een thema in een ZIP-bestand op je computer hebt, kun je het uploaden naar de pagina Thema's in je Shopify-beheercentrum.

Zorg ervoor dat je themabestanden zijn gecomprimeerd in één ZIP-bestand voordat je uploadt.

Nadat je het ZIP-bestand hebt geüpload, wordt het thema toegevoegd aan de pagina Thema's in je Shopify-beheercentrum.

Stappen:

Van thema wisselen

Als je nieuwe thema's toevoegt aan je winkel, worden deze in Shopify weergegeven in de sectie Conceptthema's op de pagina Thema's. Je kunt overschakelen naar een nieuw thema door het te publiceren in je webshop. Wanneer je een nieuw thema publiceert, is je oude thema nog steeds beschikbaar in je conceptthema's (en je kunt er desgewenst naar terugschakelen).

Als je je thema handmatig updatet, wordt de bijgewerkte versie van je thema weergegeven als een afzonderlijke versie in je conceptthema's. Wanneer je overschakelt naar de bijgewerkte versie, is de oude versie van je thema nog steeds beschikbaar in je conceptthema's. Raadpleeg Thema's updaten voor meer informatie.

Voorbereiden op het wisselen van thema

Als je een thema aan je conceptthema's toevoegt, kun je het aanpassen voordat je het publiceert. Dit is een goede gelegenheid om het nieuwe thema te beoordelen en de instellingen en content aan te passen aan je bedrijf, voordat je het bestaande thema vervangt. Je kunt ook schakelen tussen meerdere thema's die je hebt voorbereid zonder ze opnieuw in te hoeven stellen.

De producten, collecties, menu's, pagina's en blogposts van je winkel worden niet gewijzigd of verwijderd wanneer je overschakelt naar een nieuw thema, omdat ze los van het thema worden beheerd in het beheerpaneel. De content en instellingen die worden beheerd met de themabewerker, themacodebewerker en taaleditor zijn echter uniek voor elk thema en elke themaversie die je uploadt.

De volgende onderdelen van je webshop zijn gekoppeld aan het thema. Je moet deze onderdelen van je webshop aanpassen voor elk thema dat je wilt gebruiken:

• De instellingen die zijn toegepast op secties en blokken in je winkel
• Algemene thema-instellingen, inclusief kleuren en lettertypen die zijn toegepast op je webshop
• Tekst en formulering
• Codeaanpassingen, inclusief codeaanpassingen die door een app zijn toegevoegd
• Beschikbare themasjablonen

Niet alle thema's ondersteunen alle Shopify-functies. Controleer de functielijst van het thema om er zeker van te zijn dat het de functies heeft die je nodig hebt.

Themavoorbeeld

Je kunt van elk thema een voorbeeld bekijken in de sectie Thema's van je webshop. In het voorbeeld wordt het thema weergegeven in je webshop in een browsertabblad met de voorbeeldbalk van de webshop.

De voorbeeldweergavebalk van de webshop toont de volgende informatie over je thema:

• De themanaam.
• De status van het thema. Je gepubliceerde thema heeft de status Live. Niet-gepubliceerde thema's hebben de status Concept.

Je kunt de voorbeeldweergave aanpassen met de volgende acties:

• In de sectie Weergeven als kun je een ander land of een andere taal selecteren voor de voorbeeldweergave. Meer informatie over internationale markten en het toevoegen van extra talen aan je thema.
• Klik op de knop om een voorbeeld van je thema te delen.
• Klik op Voorbeeldweergave sluiten om de voorbeeldweergave te sluiten en je gepubliceerde thema weer te geven.
  • Klik op Thema bewerken om de themabewerker te openen en het thema aan te passen.
• Klik bovenaan de voorbeeldweergavebalk om deze in te klappen. Je kunt er nogmaals op klikken om deze weer uit te klappen.

Een themavoorbeeld met anderen delen

Als je op het punt staat je webshop te lanceren of van plan bent je winkel aan te passen door een nieuw thema te publiceren, dan kun je feedback van anderen vragen door een voorbeeld van je thema te delen.

Je kunt een link aanmaken waarmee anderen een voorbeeld kunnen bekijken van elk thema dat je in je Shopify-beheercentrum hebt toegevoegd. Het thema hoeft niet te worden gepubliceerd om het te kunnen delen.

Er zijn twee soorten themavoorbeelden:

• Voorbeelden voor bezoekers: Voorbeelden voor bezoekers zijn zichtbaar voor iedereen met de URL en vereisen geen authenticatie. Deze voorbeelden verlopen 2 dagen nadat de URL is aangemaakt. URL's van bezoekersvoorbeelden hebben de indeling https://<token>-<shop_id>.shopifypreview.com.
• Voorbeelden voor merchants: Voorbeelden voor merchants vereisen beheerdersauthenticatie en geven toegang tot checkouts. Deze voorbeelden verlopen 30 dagen nadat de URL is aangemaakt. URL's voor merchantvoorbeelden gebruiken de indeling van je primaire domein met een tokenparameter.

Wanneer je bij een thema op Voorbeeldweergave klikt, wordt de URL voor het merchantvoorbeeld weergegeven in de adresbalk van je browser. Om een link voor een bezoekersvoorbeeld aan te maken die je met anderen kunt delen, klik je op de knop in de voorbeeldweergavebalk. Je kunt zo vaak als je wilt nieuwe links aanmaken en het aanmaken van een nieuwe link heeft geen invloed op oude voorbeeldlinks.

Stappen:

Probleemoplossing voor themavoorbeelden

Er zijn verschillende omstandigheden waardoor je themavoorbeeld of de voorbeeldweergavebalk mogelijk niet correct wordt weergegeven. Als je na het doornemen van de stappen in deze gids nog steeds problemen met je thema ondervindt, moet je mogelijk contact opnemen met het ondersteuningsteam van je thema. Meer informatie over ondersteuning voor thema's.

De voorbeeldweergavebalk wordt weergegeven in je livewinkel

Dit gebeurt meestal wanneer je thema ten onrechte een parameter met de naam preview_theme_id toevoegt aan de URL's van je webshop. Deze parameter is alleen bedoeld voor interne voorbeeldweergave, maar als deze aanwezig is in live-URL's, wordt de voorbeeldweergavebalk weergegeven voor alle bezoekers.

Bezoek je webshop en controleer of de parameter preview_theme_id in de adresbalk van de browser staat. Je kunt je klanten ook vragen om je de link door te sturen waarop de voorbeeldweergavebalk wordt weergegeven.

Als de parameter preview_theme_id is opgenomen in de URL van je webshop, neem dan contact op met de ontwikkelaar van je thema voor ondersteuning en leg het probleem uit.

Als je vertrouwd bent met het bewerken van themacode, kun je in je themabestanden zoeken naar preview_theme_id en vervolgens de code verwijderen die dit aan URL's toevoegt. De layout-bestanden en bestanden die Javascript bevatten (eindigend op .js) bevatten dit soort code het vaakst. Bewerk de code voor een thema alleen als je kennis hebt van HTML en CSS en een basiskennis hebt van Liquid, de templatetaal van Shopify, JSON en Javascript.

Dit probleem is gemeld bij thema's die buiten de Shopify Theme Store zijn gekocht, zoals het Lumia-thema van ThemeForest.

Voorbeeldweergave van conceptthema leidt om naar huidig thema

Als je op Voorbeeldweergave klikt bij een niet-gepubliceerd thema en wordt omgeleid naar je huidige thema, dan heeft dit vrijwel altijd te maken met caching door Cloudflare.

Als je Cloudflare gebruikt voor je Shopify-winkel, heb je mogelijk cache-instellingen die het voorbeeldmechanisme van Shopify verstoren. Shopify gebruikt Cloudflare ook voor caching en deze lagen kunnen soms conflicteren. We vermelden mogelijke conflicten met externe caching in onze documentatie.

Zorg ervoor dat de voorbeeldweergavebalk correct werkt door caching in Cloudflare uit te schakelen voor alle aanvragen voor Shopify.

Voorbeeldweergavebalk ontbreekt volledig

Als de voorbeeldweergavebalk niet wordt weergegeven wanneer je een voorbeeld van een thema bekijkt, komt dit waarschijnlijk door aangepaste code of een app van derden die de standaards scripts van je thema wijzigt.

Dit probleem wordt waarschijnlijk veroorzaakt door wijzigingen die van invloed zijn op het Liquid-object, dat meestal te vinden is in het 'theme.liquid'-bestand in de opmaakmap van je thema. Het script voor de voorbeeldweergavebalk vereist dat het object correct wordt geladen. Het wijzigen van dit object kan voorkomen dat het script wordt geladen, wat resulteert in een ontbrekende voorbeeldweergavebalk en andere problemen met Shopify-functies en -apps.

Je kunt je thema en apps controleren om de bron van de wijziging te vinden. Meer informatie over het oplossen van problemen met je thema.