Thema's toevoegen, bekijken en kopen

Om je op weg te helpen, is er op de pagina Thema's van het Shopify-beheercentrum een standaardthema ingesteld wanneer je een Shopify-account opent. Als je een ander thema voor je webshop wilt aanpassen, voeg je er een aan het beheercentrum toe.

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

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

Je kunt meerdere thema's aan je account toevoegen om nieuwe thema's uit te proberen, seizoensversies van je gepubliceerde thema te behouden of wijzigingen in een kopie van je gepubliceerde thema te testen. Je kunt een voorbeeld van elk van deze thema's bekijken, maar er kan slechts één thema tegelijk worden gepubliceerd. Wanneer je overschakelt naar een nieuw thema, 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 zodat je een voorbeeld van alle niet-gepubliceerde thema's kunt delen met anderen. Dit kan handig zijn als je feedback zoekt voordat je een nieuw thema publiceert of je webshop lanceert. Je kunt geen voorbeeld delen van een gepubliceerd thema.

Geschiktheidsvereisten voor thema's

Bekijk de volgende vereisten om in aanmerking te komen voor het toevoegen van thema's aan je winkel of organisatie:

  • Het maximum aantal thema's dat je kunt toevoegen hangt af van je abonnement: - Winkels met het Starter-abonnement kunnen alleen het Spotlight-thema toevoegen. - Winkels en organisaties met het Basic-, Shopify- en Advanced-abonnement kunnen tot 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 hebt bereikt, verwijder je eerst een thema voordat je een nieuw thema kunt toevoegen. Voor elke live uitbreidingswinkel heb je een themalicentie nodig.

Genereer een gratis thema met kunstmatige intelligentie

Je kunt kunstmatige intelligentie gebruiken om een gratis aangepast thema te generen van de pagina Thema's van je Shopify-beheercentrum. Hulp bij aanpassingen voor gratis thema's wordt ondersteund door Shopify.

Je kunt kunstmatige intelligentie gebruiken om een gratis aangepast thema te generen van de pagina Thema's van je Shopify-beheercentrum. Hulp bij aanpassingen voor gratis thema's wordt ondersteund door Shopify.

Stappen:

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

  2. Geef in het gedeelte Ontwerp je winkel in enkele seconden een beschrijving van je bedrijf en klik vervolgens op Thema genereren om maximaal 3 gratis gepersonaliseerde thema's te genereren.

  3. Klik op het thema waarin je geïnteresseerd bent en klik vervolgens op Thema uitproberen om het thema toe te passen op je winkel.

  4. Het thema wordt toegevoegd aan de sectie 'Themabibliotheek' van de pagina Thema's in het beheercentrum.

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

  2. Tik in de sectie Verkoopkanalen op webshop.

  3. Tik op Thema's beheren.

  4. Navigeer naar de sectie Ontwerp je winkel in een oogwenk onderaan de pagina. Beschrijf je bedrijf en tik op Thema's genereren om tot 3 gratis aangepaste thema's te genereren.

  5. Tik op het thema waarin je geïnteresseerd bent en tik op Thema uitproberen om het thema toe te passen op je winkel.

  6. Het thema wordt toegevoegd aan de sectie 'Themabibliotheek' van de pagina Thema's in het beheercentrum.

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

  2. Tik in de sectie Verkoopkanalen op webshop.

  3. Tik op Thema's beheren.

  4. Navigeer naar de sectie Ontwerp je winkel in een oogwenk onderaan de pagina. Beschrijf je bedrijf en tik op Thema's genereren om tot 3 gratis aangepaste thema's te genereren.

  5. Tik op het thema waar je geïnteresseerd in bent en tik op Thema proberen om het thema op je winkel toe te passen.

  6. Het thema wordt toegevoegd aan de sectie 'Themabibliotheek' van de pagina Thema's in het beheercentrum.

Een gratis thema uit het Shopify-beheercentrum toevoegen

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:

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

  2. Bekijk onder de sectie Populaire gratis thema's onderaan de pagina de populairste gratis thema's uit de Shopify Theme Store of klik op Theme Store bezoeken om door alle beschikbare thema's te bladeren.

  3. Klik op de themanaam om de gegevens van een thema in de Shopify Theme Store te bekijken.

  4. Klik op de knop Toevoegen voor het betreffende thema. Het thema wordt toegevoegd aan de sectie 'Themabibliotheek' van de pagina Thema's in het beheercentrum.

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

  2. Tik in de sectie Verkoopkanalen op webshop.

  3. Tik op Thema's beheren.

  4. Bekijk onder de sectie Populaire gratis thema's onderaan de pagina de populairste gratis thema's uit de Shopify Theme Store of tik op Theme Store bezoeken om door alle beschikbare thema's te bladeren.

  5. Tik op de themanaam om de gegevens van een thema te bekijken in de Shopify Theme Store.

  6. Tik op de knop Toevoegen voor het betreffende thema. Het thema wordt toegevoegd aan de sectie 'Themabibliotheek' van de pagina Thema's in het beheercentrum.

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

  2. Tik in de sectie Verkoopkanalen op webshop.

  3. Tik op Thema's beheren.

  4. Bekijk onder de sectie Populaire gratis thema's onderaan de pagina de populairste gratis thema's uit de Shopify Theme Store of tik op Theme Store bezoeken om door alle beschikbare thema's te bladeren.

  5. Tik op de themanaam om de gegevens van een thema te bekijken in de Shopify Theme Store.

  6. Tik op de knop Toevoegen voor het betreffende thema. Het thema wordt toegevoegd aan de sectie 'Themabibliotheek' van de pagina Thema's in het beheercentrum.

Een betaald thema uit de Shopify Theme Store uitproberen

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

Je kunt van maximaal 19 betaalde thema's tegelijkertijd een voorbeeld bekijken, waarmee je verschillende thema's kunt vergelijken voordat je er een koopt. Betaalde thema's die je probeert te gebruiken, hebben een proeflabel voor thema's.

Neem contact op met de ontwikkelaar van het thema voor ondersteuning bij een betaald thema.

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 het Shopify-beheercentrum op webshop > Thema's.
  4. Klik in de sectie Themabibliotheek op de knop horizontaal menu om het actiemenu te openen naast het thema dat je wil bekijken.
  5. Klik op Voorbeeld.

Je kunt een thema dat je aan het bekijken bent ook aanpassen. Als je tevreden bent met het thema, kun je het thema kopen. Alle aanpassingen die je in het thema hebt gemaakt, worden opgeslagen.

Een thema kopen in de Shopify Theme Store

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

  • Thema's
  • Beheer en installeer apps en kanalen
  • App-betalingen goedkeuren

Nadat je een betaald thema in je webshop hebt uitgeprobeerd, kun je ervoor kiezen het te kopen. Je kunt alleen gekochte thema's publiceren in je webshop. Wanneer je een thema koopt in de Shopify Theme Store, wordt dat thema exclusief in licentie gegeven aan de winkel waar de aankoop is gedaan. Als je je thema in een andere winkel wil gebruiken, mag je deze mogelijk overdragen.

Betaalde thema's worden gemaakt door externe thema-ontwerpers. Algemene ondersteuning en updates voor thema's van externe partijen worden gegeven door de ontwikkelaar van het thema. Als je geavanceerde aanpassingen nodig hebt, maar geen ervaring hebt met het ontwikkelen van websites met HTML, CSS en JavaScript, overweeg dan om 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 op Thema proberen.

  4. Klik in de sectie Themabibliotheek op Kopen op het thema dat je wilt kopen om de transactie te starten.

Een themabestand vanaf je computer uploaden

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

Voordat je uploadt, moet je ervoor zorgen dat je themabestanden in één ZIP-bestand zijn gecomprimeerd.

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

Stappen:

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

  2. Klik in het gedeelte Themabibliotheek op Thema toevoegen > Zip-bestand uploaden.

  3. Klik in het dialoogvenster Thema uploaden op Bestand kiezen om het zip-bestand te selecteren dat je wil uploaden.

  4. Klik op Uploaden.

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

  2. Tik in de sectie Verkoopkanalen op webshop.

  3. Tik op Thema's beheren.

  4. Tik in het gedeelte Themabibliotheek op Thema toevoegen > Zip-bestand uploaden.

  5. Tik in het dialoogvenster Thema uploaden op Bestand kiezen om het zip-bestand te selecteren dat je wil uploaden.

  6. Tik op Upload.

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

  2. Tik in de sectie Verkoopkanalen op webshop.

  3. Tik op Thema's beheren.

  4. Tik in het gedeelte Themabibliotheek op Thema toevoegen > Zip-bestand uploaden.

  5. Tik in het dialoogvenster Thema uploaden op Bestand kiezen om het zip-bestand te selecteren dat je wil uploaden.

  6. Tik op Upload.

Overschakelen naar een ander thema

Wanneer je nieuwe thema's aan je winkel toevoegt, verschijnen deze in de sectie Themabibliotheek van de pagina Thema's in Shopify. Je kunt overschakelen naar een nieuw thema door deze te publiceren in je webshop. Wanneer je een nieuw thema publiceert, is je oude thema nog steeds beschikbaar in de themabibliotheek (en je kunt deze weer bezoeken als je wilt).

Als je je thema handmatig bijwerkt, verschijnt de bijgewerkte versie van je thema als een afzonderlijke versie in de themabibliotheek. Wanneer je overschakelt naar de bijgewerkte versie, is de oude versie van je thema nog steeds beschikbaar in de themabibliotheek. Zie Thema's bijwerken voor meer informatie.

Voorbereiden om van thema's te wisselen

Wanneer je een thema aan je themabibliotheek toevoegt, kun je het aanpassen voordat je het publiceert. Dit is een goede kans om het nieuwe thema te bekijken en de instellingen en content aan te passen om je bedrijf weer te geven, voordat je je bestaande thema vervangt. Je kunt ook schakelen tussen meerdere thema's die je hebt voorbereid zonder dat je ze opnieuw hoeft in te 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 worden beheerd in het beheerpaneel, gescheiden van het thema. De content en instellingen die worden beheerd met behulp van de thema-, themacode- en taalbewerker zijn echter uniek voor elk thema dat en elke themaversie die je uploadt.

De volgende onderdelen van je webshop hangen samen met dit thema. Je moet deze onderdelen voor elk thema dat je wilt gebruiken aanpassen aan jouw webshop:

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

Voorbeeld van thema

Je kunt een voorbeeld van elk thema bekijken in het gedeelte Thema's van je webshop. De preview geeft het voorbeeldthema op je webshop weer in een browsertabblad met de previewbalk van de webshop.

De voorbeeldbalk van de webshop geeft de volgende informatie over je thema weer:

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

Je kunt het voorbeeld aanpassen met de volgende acties:

  • In het gedeelte Bekijken als weergavepictogram kun je een andere taal of land selecteren om voor te vertonen. Meer informatie over internationale markten en het toevoegen van extra talen aan je thema.
  • Klik op de knop link om een voorbeeld van je thema te delen.
  • Klik op Voorvertoning sluiten om de voorvertoning te sluiten en je gepubliceerde thema weer te geven.
  • Klik op Thema aanpassen om de themabewerker te openen en het thema aan te passen.
  • Klik op de bovenkant van de voorvertoningsbalk om deze samen te vouwen. Klik op de bovenkant van de voorbeeldbalk om deze in te klappen.

Een themavoorbeeld met anderen delen

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

Je kunt een link maken waarmee anderen toegang krijgen tot een voorbeeld van elk thema dat je in je Shopify-beheercentrum hebt toegevoegd. Het thema hoeft niet te worden gepubliceerd om te worden gedeeld.

Met een voorbeeldlink kunnen anderen je webshop verkennen, maar krijgen ze geen toegang tot de checkout. Wanneer je een voorbeeldlink hebt aangemaakt, blijft deze 2 dagen actief. Je kunt zo vaak als je wil nieuwe links aanmaken en het aanmaken van een nieuwe link heeft geen invloed op oude voorbeeldlinks.

Stappen:

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

  2. Klik voor het thema dat je wil delen op de knop horizontaal menu om het actiemenu te openen en klik vervolgens op Voorbeeld.

  3. Optioneel: selecteer een ander land, een andere taal of beide om het voorbeeld te wijzigen.

  4. Klik op de knoplink om de link naar je klembord te kopiëren.

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

  2. Tik in de sectie Verkoopkanalen op webshop.

  3. Tik op Thema's beheren.

  4. Tik voor het thema dat je wil delen op de knop horizontaal menu om het actiemenu te openen en tik vervolgens op Voorbeeld.

  5. Optioneel: selecteer een ander land, een andere taal of beide om het voorbeeld te wijzigen.

  6. Tik op link om de link naar je klembord te kopiëren.

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

  2. Tik in de sectie Verkoopkanalen op webshop.

  3. Tik op Thema's beheren.

  4. Tik voor het thema dat je wil delen op de knop horizontaal menu om het actiemenu te openen en tik vervolgens op Voorbeeld.

  5. Optioneel: selecteer een ander land, een andere taal of beide om het voorbeeld te wijzigen.

  6. Tik op link om de link naar je klembord te kopiëren.

Problemen met themavoorvertoning oplossen

Er zijn verschillende omstandigheden waardoor de voorbeeldweergave van je thema of de voorbeeldbalk niet correct wordt weergegeven. Als je nog steeds problemen hebt met je thema nadat je de stappen in deze handleiding hebt doorlopen, kan het zijn dat je contact op moet nemen met het ondersteuningsteam van je thema. Meer informatie over ondersteuning krijgen voor thema's.

De voorbeeldbalk wordt weergegeven in je livewinkel

Dit gebeurt meestal wanneer je thema een parameter genaamd preview_theme_id verkeerd toevoegt aan de URL's van je webshop. Deze parameter is alleen bedoeld voor interne voorvertoning, maar als deze aanwezig is op live URL's, dan zal deze de voorvertoningsbalk forceren om weer te geven voor alle bezoekers.

Bezoek je webshop en controleer op de preview_theme_id parameter in de adresbalk van de browser. Je kunt je klanten ook vragen om je het linkadres door te sturen waarop de voorbeeldbalk 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 themacode bewerken geen probleem vindt, dan kun je de themabestanden doorzoeken op preview_theme_id en vervolgens de code verwijderen die dit toevoegt aan URL's. De layout-bestanden en bestanden die Javascript bevatten (eindigend op .js) bevatten waarschijnlijk dit soort code. Bewerk de code van een thema alleen als je HTML en CSS kent 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.

Een voorbeeld van een ontwerpthema wordt omgeleid naar het livethema

Als je op Voorbeeld klikt op een ongepubliceerd thema en je wordt omgeleid naar je huidig thema, dan heeft dit bijna altijd te maken met Cloudflare caching.

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

Om ervoor te zorgen dat de voorvertoningsbalk correct werkt, schakel je caching op Cloudflare uit voor alle aanvragen voor Shopify.

De voorvertoningsbalk ontbreekt volledig

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

Dit probleem wordt waarschijnlijk veroorzaakt door wijzigingen die invloed hebben op het Liquid-object, dat zich meestal bevindt in het `theme.liquid` bestand van je thema in de opmaak map van je thema. Het script voor de voorvertoningsbalk vereist dat het object correct wordt geladen. Het wijzigen van dit object kan ervoor zorgen dat het script niet wordt geladen, wat kan resulteren in een ontbrekende voorbeeldbalk en andere problemen met Shopify functies en apps.

Je kunt je thema en apps controleren op de bron van de wijziging. Leer hoe je problemen met je thema oplost.

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