Secties voor Debut

Thema-content is gebouwd met secties. Secties zijn aanpasbare blokken met content die de opmaak en het uiterlijk van verschillende pagina's van uw online winkel bepalen.

Statische secties zijn secties die worden weergegeven op vooraf bepaalde locaties in uw online winkel. Deze secties kunnen niet worden verwijderd of herschikt. Statische secties kunnen kop-en voetteksten, navigatie secties of contentsecties bevatten op pagina's zoals productpagina's en collectiepagina's. De sectie product bepaalt bijvoorbeeld het uiterlijk van elke productpagina in uw online winkel.

Dynamische secties zijn optionele secties die je kunt gebruiken om de indeling van je startpagina aan te passen. Op de startpagina van je winkel, kun je dynamische secties toevoegen, verplaatsenen verwijderen om de pagina-indeling te maken. Je kunt maximaal 25 dynamische secties op je startpagina hebben.

Je kunt meer leren over de unieke selectie secties van Debut en hoe je ze kunt aanpassen aan je behoeftes.

Debut bevat de volgende statische secties:

  • Koptekst
  • Voettekst
  • Productpagina's
  • Collectiepagina's
  • Pagina collectielijst
  • Blogpagina's
  • Posts
  • Winkelwagenpagina

Dynamische secties

Je kunt dynamische secties toevoegen, verplaatsen en verwijderen en zo de indeling van je homepage aanpassen. Elk thema heeft een unieke reeks dynamische secties om uit te kiezen.

Debut bevat de volgende dynamische secties:

  • Blogberichten
  • Collectielijst
  • Uitgelichte collectie
  • Galerie
  • Afbeelding met tekst
  • Foto met tekstoverlay
  • Logolijst
  • Diavoorstelling
  • Uitgelicht product
  • Nieuwsbrief
  • Kaart
  • Tekst met opmaak
  • Getuigenissen
  • Tekstkolommen met afbeeldingen
  • Video
  • Aangepaste content

Koptekst

In de koptekstsectie kun je de content bewerken die bovenaan elke pagina in je winkel wordt weergegeven. Je kunt een logoafbeelding toevoegen, kiezen welk menu wordt weergegeven en een aankondigingsbericht maken.

De kopsectie aanpassen:

  1. Klik naast Debut op Aanpassen.

  2. Klik op Secties.

  3. Klik op Kop.

  4. Als je de uitlijning van je logo wilt instellen, selecteer in het gebied Logo-uitlijning de optie Links of Gecentreerd. Als je geen logoafbeelding toevoegt, wordt in plaats daarvan de naam van je winkel in de tekst weergegeven. Je kunt de naam van je winkel wijzigen op de pagina Algemene instellingen in de beheerder.

  5. Klik in het gebied Logoafbeelding op Afbeelding selecteren als je een logo wilt toevoegen. Upload de afbeelding van je computer door op Uploaden te klikken. Klik op Gratis afbeeldingen als je een gratis stockafbeelding van Burst wilt gebruiken.

  6. Pas de schuifregelaar Aangepaste logobreedte aan op de breedte van je keuze als je de grootte van je logo wilt wijzigen. Het aanpassen van de breedte van het logo vervormt je logo niet.

  7. Klik in het gebied Menu op Wijzigen als je wilt kiezen welk menu wordt weergegeven in de kop. Kies een bestaand menu of maak een nieuw menu door op Menu maken te klikken. Klik op Verwijderen als je geen menu in de kop wilt weergeven.

  8. Voer de volgende stappen uit om een aankondigingsbericht boven aan de pagina weer te geven:

  9. Schakel in het gebied Aankondigingsbalk de optie Aankondiging weergeven in.

  10. Schakel Alleen homepage in als je de aankondiging alleen op de homepage wilt weergeven. Anders wordt de aankondiging op elke pagina in je winkel weergegeven.

  11. Voer de tekst voor je aankondiging in het veld Tekst in.

  12. Typ de URL in het veld Link om een link aan de aankondiging toe te voegen.

  13. Klik op de kleurstaal Balk en kies een andere kleur als je de kleur van de achtergrond van de aankondigingsbalk wilt wijzigen.

  14. Klik op de kleurstaal Tekst en kies een andere kleur als je de kleur van de tekst van de aankondiging wilt wijzigen.

  15. Klik op Opslaan.

Voettekst

De voettekst van je thema is de sectie die bovenaan elke pagina in je winkel wordt weergegeven. Je kunt het volgende aan de voettekst toevoegen:

  • betalingspictogrammen
  • snelle links
  • een aanmelding voor een nieuwsbrief
  • een tekstsectie met informatie over je bedrijf
  • pictogrammen voor social media
  • een taalkiezer
  • een valutakiezer

Betaalpictogrammen toevoegen

Je kunt pictogrammen weergeven voor de betaalmethoden die je in je voettekst accepteert. In dit gebied worden de pictogrammen weergegeven die zijn gekoppeld aan de betalingsprovider die je hebt ingeschakeld in het gedeelte betalingsinstellingenvan je beheerder.

  1. Klik naast Debut op Aanpassen.

  2. Klik op Voettekst.

  3. Schakel betalings pictogrammen weergevenin.

  4. Klik op Opslaan.

Een menu, een nieuwsbrief aanmelding of tekst toevoegen

<div class="section-tag-block">
  <div class="sections-menu"><ul class="in-page-menu in-page-menu--horizontal"><li class="js-is-active"><a href="#" class="desktop marketing-button marketing-button--small">Bureaublad</a></li><li class=""><a href="#" class="iphone marketing-button marketing-button--small">iPhone</a></li><li class=""><a href="#" class="android marketing-button marketing-button--small">Android</a></li></ul></div><div class="desktop active changeable-content"><ol>
<li>Ga in het Shopify-beheercentrum naar <strong>Online winkel</strong> &gt; <strong>Thema&#39;s</strong>.
</li></ol></div><div class="iphone changeable-content"><ol>
<li>Tik in de <a href="https://www.shopify.com/install/detect">Shopify-app</a> op <strong>Winkel</strong>.
</li><li>Tik in het gedeelte <strong>Verkoopkanalen</strong> op <strong>Blogberichten</strong>.
</li><li>Tik op <strong>Thema&#39;s beheren</strong>.
</li></ol></div><div class="android changeable-content"><ol>
<li>Tik in de <a href="https://www.shopify.com/install/detect">Shopify-app</a> op <strong>Winkel</strong>.
</li><li>Tik in het gedeelte <strong>Verkoopkanalen</strong> op <strong>Blogberichten</strong>.
</li><li>Tik op <strong>Thema&#39;s beheren</strong>.
</li></ol></div>
</div>



1. Klik naast **Debut** op **Aanpassen**.
  1. Klik op Secties.

  2. Klik op Voettekst.

  3. Voeg een contentblok toe door in het Contentgebied op Content toevoegen te klikken. Selecteer een van de volgende bloktypen:

- Menu - Nieuwsbrief - Tekst

Je kunt tot 4 contentblokken toevoegen

Als je een contentblok wilt verplaatsen, klik je op het ⋮⋮ pictogram en sleep je het blok naar een andere plaats.

Om een contentblok te verwijderen, klik je op het blok en vervolgens op Content verwijderen.

Om een contentblok aan te passen, klik je op het blok en bewerk je de instellingen.

  1. Klik op Opslaan.

Pictogrammen voor sociale media toevoegen

  1. Klik naast Debut op Aanpassen.

  2. Klik op Thema-instellingen.

  3. Klik op Social media.

    1. Klik in het gebied Afbeelding voor sociaal delen op Afbeelding selecteren of Gratis afbeeldingen ontdekken als je een afbeelding voor sociaal delen wilt uploaden.
  4. Schakel een of meer van de volgende opties in om knoppen voor het delen via social media aan je producten en blogberichten toe te voegen:

- Delen op Facebook - Twitteren op Twitter - Pinnen op Pinterest (niet beschikbaar voor delen van blogposts)

  1. Als je links naar je sociale media-accounts wilt toevoegen, voer je in de velden onder Accounts de links naar je accounts in. Voer volledige links in, zoals https://instagram.com/shopify of https://twitter.com/shopify.

  2. Klik op Opslaan.

Een taalkiezer toevoegen

Voeg alleen een taalkiezer toe als je meerdere winkel talenhebt ingeschakeld.

  1. Klik naast Debut op Aanpassen.

  2. Klik op Secties.

  3. Klik op Voettekst.

  4. Selecteer taalkiezer weergevenonder taalkiezer.

  5. Klik op Opslaan.

Een valutakiezer toevoegen

Voeg alleen een valuta kiezer toe als je meerdere valuta'shebt ingeschakeld.

  1. Klik naast Debut op Aanpassen.

  2. Klik op Voettekst.

  3. Schakel onder valuta kiezerde optie valuta kiezer weergevenin.

  4. Klik op Opslaan.

Productpagina's

in de sectie Productpagina's kun je de volgende elementen toevoegen of verwijderen:

  • Een hoeveelheidselector
  • Variantlabels
  • Het productmerk of de leverancier
  • Inzoomen op afbeelding
  • Een dynamische betaalknop
  • Knoppen voor sociaal delen
  • Productaanbevelingen

Je kunt ook de grootte van je afbeeldingen instellen.

Bewerk de instellingen van de productpagina

  1. Selecteer Productpagina's in het vervolgkeuzemenu op de bovenste balk.

  2. Klik op Secties.

  3. Klik op Productpagina's.

  4. Selecteer een afbeeldingsgrootte in het vervolgkeuzemenu Afbeeldingsgrootte om de grootte van je afbeeldingen in te stellen.

  5. Schakel Hoeveelheidselector weergeven in om een hoeveelheidselector weer te geven.

  6. Schakel Variantlabels weergeven in om variantlabels, zoals 'Grootte' en 'Kleur', weer te geven. De variantlabels die worden weergegeven, zijn gebaseerd op de optienamen voor varianten voor het product.

  7. Schakel Leverancier weergeven in om het productmerk of de leverancier weer te geven. Als je een merk of leverancier wilt weergeven, moet je een leverancier aan het product toevoegen.

  8. Schakel Inzoomen op afbeeldingen inschakelen in om het mogelijk te maken dat klanten op de productafbeelding inzoomen door de muisaanwijzer erop te plaatsen.

  9. Schakel Dynamische betaalknop weergeven in als je een dynamische betaalknop wilt weergeven.

  10. Schakel Knoppen voor sociaal delen weergeven in om knoppen voor sociaal delen weer te geven.

  11. Klik op Opslaan.

Productaanbevelingen toevoegen of verwijderen

Je kunt aanbevolen producten op productpagina's weergeven om het voor klanten gemakkelijker te maken om andere producten te ontdekken die hen mogelijk interesseren.

  1. Selecteer Productpagina's in het vervolgkeuzemenu op de bovenste balk.

  2. Klik op Productaanbevelingen.

  3. Gebruik het selectievakje Dynamische aanbevelingen weergeven om productaanbevelingen op je productpagina's weer te geven of te verbergen.

  4. Optioneel: als je de titel boven de aanbevolen producten wil wijzigen, voer dan een nieuwe in het veld Kop in.

  5. Optioneel: gebruik het selectievakje Leverancier weergeven om de leveranciers in de productbeschrijvingen te tonen of te verbergen.

  6. Klik op Opslaan.

Collectiepagina's

Je kunt je collectiepagina's zo instellen dat je klanten producten in de collectie kunnen filteren en sorteren. Je kunt een lay-out voor de collectie kiezen (een raster of een lijst) en kiezen hoeveel producten je wilt weergeven.

De opmaak van de collectiepagina's instellen:

  1. Ga naar een collectiepagina in de themabewerker.

  2. Klik op het tabblad Secties.

  3. Klik op Collectiepagina's.

  4. Selecteer in de lijst Opmaak ofwel Raster of Lijst.

  5. Selecteer het aantal producten per rij en het aantal rijen per pagina (als je de rasterstijl hebt geselecteerd) in de lijsten.

  6. Schakel Collectieafbeelding weergeven in als je bovenaan de pagina een collectieafbeelding wilt weergeven.

  7. Schakel Productverkopers weergeven in als je de leverancier of het productmerk wilt weergeven.

  8. Schakel Sorteren inschakelen in om een sorteermenu weer te geven.

  9. Schakel Filteren met tags inschakelen in zodat klanten de collectie op producttags kunnen filteren.

  10. Klik op Opslaan.

Pagina collectielijst

Op de pagina collectielijst wordt een raster met alle productcollecties weergegeven. Je klanten kunnen de pagina collectielijst gebruiken om snel door je collecties te bladeren om de collectie te zoeken die ze willen bekijken. In Debut is de pagina collectielijst een link op het hoogste niveau in het koptekstmenu.

Je kunt miniaturen van al je collecties weergeven in een rasterpatroon, of je kunt ervoor kiezen om een bepaalde collectie weer te geven. Je kunt ook kiezen hoe je collecties op de pagina sorteert.

De opmaak van de pagina collectielijst instellen:

  1. Ga naar de pagina collectielijst door op de menuoptie collectie op het hoogste niveau te klikken.

  2. Klik op het tabblad Secties.

  3. Klik op Pagina collectielijst.

  4. Doe een van de volgende dingen:

    1. Als je miniaturen van al je collecties in een rasterpatroon wilt weergeven, selecteer Alle.
    2. Selecteer Geselecteerd om één collectie op de pagina collectielijst weer te geven.
  5. Ga als volgt te werk als je in de vorige stap Alle hebt geselecteerd:

    1. Kies een sorteeroptie uit de lijst Collecties sorteren op.
    2. Selecteer het aantal collecties per rij in de lijst Collecties per rij.
  6. Klik op Opslaan.

Blogpagina's

Met Debut kun je je blogposts vermelden of ze in een raster weergeven. Als je meer dan één auteur van een blogpost hebt, kun je de naam van de auteur voor elke blogpost weergeven. Je kunt ook de datum weergeven waarop elke blogpost is gepubliceerd.

  1. Navigeer naar je blogpagina in het voorbeeldgedeelte van de themabewerker.

  2. Klik op Secties.

  3. Klik op Blogpagina's.

  4. Selecteer in de lijst Opmaak of je blogposts in een lijst of een raster wilt weergeven.

  5. Schakel Auteur weergeven in om de naam van de auteur weer te geven.

  6. Schakel Datum weergeven in om de datum weer te geven waarop de blogpost is gepubliceerd.

  7. Klik op Opslaan.

Winkelwagenpagina

In het gedeelte Winkelwagenpagina kun je de volgende instellingen inschakelen:

  • Notities voor winkelwagens
  • Automatische winkelwagenupdates

Notitie voor winkelwagen toevoegen

Je kunt je klanten aantekeningen laten toevoegen aan hun bestelling op de winkelwagenpagina.

  1. Selecteer Winkelwagen in het vervolgkeuzemenu van de bovenste balk.

  2. Klik op het tabblad Secties.

  3. Klik op Winkelwagenpagina.

  4. Schakel Notities voor winkelwagen inschakelen in.

  5. Klik op Opslaan.

Automatische winkelwagen-updates inschakelen

je kunt de winkelwagen bijgewerkte informatie laten weergeven zodra een klant zijn/haar bestelling wijzigt. De subtotaalprijs kan bijvoorbeeld worden bijgewerkt wanneer de klant het aantal artikelen in zijn/haar winkelwagen wijzigt. Automatische updates voor winkelwagen inschakelen:

  1. Selecteer Winkelwagen in het vervolgkeuzemenu van de bovenste balk.

  2. Klik op het tabblad Secties.

  3. Klik op Winkelwagenpagina.

  4. Controleer Automatische updates voor winkelwagen inschakelen.

  5. Klik op Opslaan.

Uitgelichte collectie

Je kunt een collectie op de homepage weergeven. Met het weergeven van collecties kun je uitverkopen en nieuwe collecties promoten.

Met Debut kun je een knop 'Alles weergeven' toevoegen zodat klanten de volledige collectie kunnen zien en je de naam van de leverancier onder elke productafbeelding kunt weergeven.

Een collectie op je homepage laten zien:

  1. Klik op het tabblad Secties.

  2. Klik op het gedeelte Uitgelichte collectie.

  3. Typ de tekst in het veld Kop als je de tekst wilt wijzigen die wordt weergegeven boven de collectie.

  4. Selecteer in de lijst Collectie de collectie die je wilt weergeven. Als je producten wilt toevoegen of verwijderen uit de geselecteerde collectie, klik op de link Collectie bewerken om de pagina Collecties te openen in een nieuw tabblad.

  5. Selecteer in de lijst Producten per rij het aantal producten dat in elke rij moet worden weergegeven.

  6. Selecteer in de lijst Rijen het aantal productrijen dat moet worden weergegeven.

  7. Schakel Productleverancier weergeven in als je de leverancier of merknaam onder elke productfoto wilt weergeven.

  8. Schakel Knop 'Alles bekijken' weergeven in als je wilt dat klanten alle producten in de collectie kunnen zien.

  9. Klik op Opslaan.

Afbeelding met tekst

Met Debut kun je een afbeelding toevoegen met tekst die rechts of links van de afbeelding wordt weergegeven. Je kunt ook een knop toevoegen die naar een pagina in je winkel leidt.

Meestal wordt een sectie Afbeelding met tekst gebruikt om reclame te maken voor een product of collectie, of om websiteverkeer naar je blogpagina te brengen.

Een afbeelding met tekstsectie toevoegen aan je homepage:

  1. Klik op het tabblad Secties.

  2. Klik op de sectie Afbeelding met tekst.

  3. Klik in het gedeelte Afbeelding op Afbeelding selecteren en voer een van de volgende acties uit:

- To select an image you have already uploaded to your Shopify admin, click the **Library** tab.
- To select a stock image from [Shopify's Burst stock image collection](https://burst.shopify.com/), click the **Free images** tab. From here you can enter a search term, or browse the image categories.
- To select an image from your local computer, click the **Library** tab, and then click the plus button.
  1. Selecteer in de lijst Opmaak of de afbeelding links of rechts van de tekst moet worden weergegeven.

  2. Typ een nieuwe titel voor deze sectie in het veld*Kop*.

  3. Voer de tekst in die je wilt weergeven onder de kop in het veld Tekst.

  4. Voer in het veld Knoplabel de tekst in die je wilt weergeven op de knop.

  5. Selecteer in het veld Knop koppelen een pagina in je winkel waarnaar je met de knop wilt verwijzen.

  6. Klik op Opslaan.

Foto met tekstoverlay

Je kunt een grote afbeelding met aangepaste tekstoverlay op je homepage weergeven.

De sectie afbeelding met tekst bevat de volgende instellingen:

  • Afbeelding: selecteer een afbeelding die je aan de sectie wilt toevoegen.
  • Uitlijning van afbeelding: stel in op welke kant van de pagina de afbeelding moet worden weergegeven.
  • Layout: Stel de breedte van de sectie in.
  • Sectiehoogte: Stel de hoogte van de sectie in. Selecteer Aanpassen aan afbeelding als je niet wilt dat de afbeeldingen worden bijgesneden, waarbij de hoogte van de sectie wordt ingesteld op basis van de hoogte van je afbeelding.
  • Tekstgrootte: stel de grootte van de tekst in.
  • Kop: voeg een kop aan de sectie toe.
  • Tekst: voeg tekst aan de sectie toe. De sectie Afbeelding met tekstoverlay wordt automatisch hernoemd naar de kop die je opgeeft.
  • Knoplabel: voeg een knop met een tekstlabel toe aan de sectie.
  • Knoplink: koppel de knop aan een andere pagina of website.

Een afbeelding met tekst aan de homepage toevoegen

  1. Klik naast Debut op Aanpassen.

  2. Klik op*Sectie toevoegen* > Afbeelding met tekst > Toevoegen.

  3. Gebruik de instellingen om de sectie afbeelding met tekstoverlay aan te passen.

  4. Klik op Opslaan.

Nieuwsbrief

Je kunt een nieuwsbriefaanmelding toevoegen aan de homepage. Met een nieuwsbriefaanmelding kun je e-mailadressen van klanten verzamelen voor campagnes met e-mailmarketing. In de Shopify-blog vind je meer informatie over e-mailmarketing.

Een nieuwsbriefaanmelding toevoegen aan je homepage:

  1. Klik naast Debut op Aanpassen.

  2. Klik op Secties.

  3. Klik op Sectie toevoegen > Nieuwsbrief.

  4. Voer in het veld Kop een kop voor de aanmelding voor een nieuwsbrief in. De standaardkop is 'Abonneren op onze nieuwsbrief'.

  5. Voer in het veld Subkop een subkop voor de aanmelding voor een nieuwsbrief in.

  6. Klik op Opslaan.

Video

Je kunt een YouTube-video toevoegen aan je homepage. Video's kunnen klanten aantrekken en interesse in je bedrijf wekken.

Het videogedeelte bevat de volgende instellingen:

  • Videohoogte: geef de hoogte van de video op.
  • Tekstgrootte: voeg tekst toe aan de video. Als je de videostijl instelt op Afbeelding met knop afspelen, wordt de tekst verwijderd tijdens het afspelen van de video.
  • Overlay weergeven: voeg een kleurlaag toe aan je video om tekst beter leesbaar te maken. Als je de videostijl instelt op Afbeelding met knop afspelen, wordt de overlay verwijderd tijdens het afspelen van de video.
  • Stijl: stel de stijl van de video in. De stijl Achtergrondvideo is alleen beschikbaar op een desktopcomputer. Als klanten je winkel bezoeken op een tablet of mobiel apparaat, zien ze altijd de stijl Afbeelding met knop afspelen.
  • Kop: voeg een kop toe voor de video.
  • Videolink: voeg de YouTube-URL voor de video toe.
  • Coverafbeelding: voeg een coverafbeelding toe aan de video. De coverafbeelding wordt verborgen tijdens het afspelen van de video.
  • Afbeelding uitlijnen: lijn de coverafbeelding zo uit dat het belangrijkste onderdeel altijd zichtbaar is.

Een video toevoegen aan je homepage

  1. Klik naast Debut op Aanpassen.

  2. Klik op Sectie toevoegen > Video.

  3. Gebruik de instellingen om het videogedeelte aan te passen.

  4. Klik op Opslaan.

Diavoorstelling

Je kunt een diavoorstelling met afbeeldingen toevoegen aan je homepage. In de sectie diavoorstelling kun je de hoogte van de dia's instellen, tekst en knoppen toevoegen en kiezen of je diavoorstelling automatisch wordt afgespeeld.

Raadpleeg de onderstaande richtlijnen voor meer informatie over het bijsnijden van afbeeldingen in een diavoorstelling en aanbevolen afbeeldingsgrootten.

Een diavoorstelling maken:

  1. Klik naast Debut op Aanpassen.

  2. Klik op Secties.

  3. Klik op Diavoorstelling.

  4. Stel de hoogte van je dia's in vanuit het vervolgkeuzemenu Diahoogte.

    Lees meer over wat de invloed van de diahoogte op je diavoorstelling is.

  5. Stel de grootte van de koppen en subkoppen in vanuit het vervolgkeuzemenu Tekstgrootte.

  6. Stel de positie van de tekst op je dia's in vanuit het vervolgkeuzemenu Tekstuitlijning.

  7. Optioneel: Schakel*Overlay weergeven* in. Een afbeeldingsoverlay is een kleurlaag tussen een afbeelding en de tekst die op de afbeelding wordt geplaatst. Overlays kunnen helpen met kleurcontrast en leesbaarheid. Je kunt de kleur en ondoorschijnendheid van de overlay instellen in de kleurinstellingen.

  8. Optioneel: Schakel Automatisch roteren tussen dia's in om de diavoorstelling automatisch af te spelen. Selecteer hoeveel tijd je op elke dia wilt blijven door de schuifregelaar Nieuwe dia elke te gebruiken.

  9. Voer de volgende stappen uit om een afbeeldingsdia toe te voegen:

    1. Klik in het gebied Content op Afbeeldingsdia toevoegen.
    2. Selecteer onder Afbeelding de optie Afbeelding selecteren. Upload de afbeelding van je computer door op Uploaden te klikken. Als je een gratis stockafbeelding van Burst wilt gebruiken, klik op Gratis afbeeldingen.
    3. Selecteer een positie in het vervolgkeuzemenu Afbeeldingspositie als je wilt kiezen hoe je de afbeelding in de diavoorstelling wilt uitlijnen. In de onderstaande richtlijnen vind je meer informatie over de afbeeldingspositie.
    4. Typ tekst in het veld Kop, het veld Subkop of beide als je tekst aan de afbeeldingsdia wilt toevoegen.
    5. Voeg een knop toe aan je afbeeldingsdia door tekst in te voeren in het veld Tekstknoplabel. Selecteer een deel van je onlinewinkel waaraan de knop moet worden gekoppeld, in het veld Knoplink.
  10. Klik op Opslaan.

Richtlijnen voor diavoorstellingen

Je kunt de onderstaande instellingen en aanbevelingen voor afbeeldingen gebruiken om te bepalen hoe de diavoorstelling er in je onlinewinkel uit moet zien. Hoe je dia's worden weergegeven, wordt door de volgende factoren bepaald:

  • De afmetingen van je afbeeldingen
  • Je instellingen voor de afbeeldingspositie
  • Je instellingen voor de diahoogte
  • De breedte-/hoogteverhouding van je afbeeldingen

Vanwege verschillen in de grootte en vorm van het scherm kunnen je dia's er anders uitzien op mobiele apparaten en desktops.

Aanbevelingen voor de afbeeldingsgrootte

De aanbevolen afmetingen voor de afbeeldingen in een diavoorstelling zijn afhankelijk van de instellingen voor de diahoogte. Gebruik de volgende richtlijnen:

Aanbevelingen voor de afbeeldingsgrootte via instellingen
Instelling voor diahoogte Aanbevolen breedte Aanbevolen hoogte
Aanpassen aan eerste afbeelding 1200 pixels 600 pixels
Klein 1200 pixels 475 pixels
Gemiddeld 1200 pixels 489 pixels
Groot 1200 pixels 775 pixels

Raadpleeg stap 5 van de instructies voor het maken van een diavoorstelling als je de instellingen voor de diahoogte wilt bekijken of wijzigen.

Afbeeldingen bijsnijden

Je kunt stappen nemen om te bepalen hoe je afbeeldingen worden bijgesneden of om bijsnijden van afbeeldingen te voorkomen.

Bepalen hoe je afbeeldingen worden bijgesneden

Je kunt in de volgende situaties verwachten dat afbeeldingen bij sommige schermgrootten worden bijgesneden:

  • Je afbeeldingen hebben niet dezelfde breedte-/hoogteverhouding.
  • De diahoogte is ingesteld op Klein, Gemiddeld of Groot.
  • Je diahoogte is ingesteld op Aanpassen aan eerste afbeelding en je afbeeldingen zijn hoger dan het apparaatscherm of browservenster.

Je kunt bepalen hoe je afbeeldingen worden bijgesneden door de instelling Afbeeldingspositie te gebruiken.

Voor elke afbeelding kun je kiezen welk onderdeel je in het zicht wilt houden wanneer je bijsnijdt. In het volgende voorbeeld zie je hoe bij sommige schermgrootten dezelfde afbeelding kan worden bijgesneden. Voor de dia links is de afbeeldingspositie ingesteld op Centraal in het midden. Voor de dia rechts is de afbeeldingspositie ingesteld op Linksboven.

Een voorbeelddia die verschillend is bijgesneden, afhankelijk van de instelling voor de afbeeldingspositie.

Raadpleeg stap 10 van de instructies voor het maken van een diavoorstelling als je de instellingen voor de afbeeldingspositie wilt bekijken of wijzigen.

Het bijsnijden van afbeeldingen vermijden

Probeer de volgende stappen om het bijsnijden van afbeeldingen in je diavoorstelling te voorkomen:

  • Stel de diahoogte in op Aanpassen aan eerste afbeelding.
  • Gebruik afbeeldingen die twee keer zo breed zijn als ze hoog zijn. Dergelijke afbeeldingen hebben een breedte-/hoogteverhouding van 2:1. De aanbevolen afmetingen zijn 1200 x 600 pixels.
  • Zorg ervoor dat alle afbeeldingen dezelfde breedte-/hoogteverhouding hebben. De breedte-/hoogteverhouding van de dia's is belangrijker dan hun afmetingen in pixels.

In het volgende voorbeeld wordt een afbeelding van een diavoorstelling met een verhouding van 2:1 weergegeven op een desktop en op een mobiel apparaat:

Een dia wordt weergegeven op een desktop en een mobiel apparaat zonder bijsnijden.

Diahoogte

De breedte van de sectie diavoorstelling is altijd 100% van het browservenster. De hoogte van je dia's is relatief ten opzichte van de breedte. Vanwege verschillen in schermgrootte variëren de breedte en hoogte van je dia's voor verschillende apparaten. De hoogte van je dia's wordt ook beïnvloed door je instellingen voor de diahoogte.

Je kunt de instelling voor diahoogte Aanpassen aan eerste afbeelding gebruiken om de hoogte van je diavoorstelling te baseren op de hoogte van je eerste afbeelding. Deze instelling werkt het best als alle afbeeldingen dezelfde grootte of dezelfde breedte-/hoogteverhouding hebben. Als je afbeeldingen verschillende grootten of breedte-/hoogteverhoudingen hebben, kun je de volgorde van je dia's wijzigen om te zien hoe ze er met verschillende hoogten uitzien.

In het volgende voorbeeld wordt de kortste dia het eerst gepositioneerd:

Een dia die korter is, bepaalt de hoogte van de andere twee dia's. Omdat de andere dia's hoger zijn, worden ze aan de boven- en onderkant bijgesneden.

In het volgende voorbeeld wordt een hogere dia het eerst gepositioneerd:

Een dia met gemiddelde hoogte bepaalt de hoogte van de andere twee dia's. De dia die hoger is, wordt aan de boven- en onderkant bijgesneden. De dia die korter is, wordt aan de zijkanten bijgesneden.

Als je in plaats daarvan de hoogte-instellingen Klein, Gemiddeld of Groot gebruikt, word je verwezen naar de aanbevelingen voor de afbeeldingsgrootte voor je dia's.

Breedte-/hoogteverhoudingen van afbeeldingen

Als je in de diavoorstelling het bijsnijden van afbeeldingen wilt vermijden, is de aanbevolen breedte-/hoogteverhouding voor de afbeeldingen 2:1.

Als je je geen zorgen maakt over bijsnijden op desktopschermen maar wel invloed wilt hebben op de weergave op mobiele apparaten, gebruik dan afbeeldingen die vierkant zijn of afbeeldingen die hoger zijn dan dat ze breed zijn. In de volgende voorbeelddia wordt een vierkante afbeelding getoond met een breedte-/hoogteverhouding van 1:1.

Op een desktop en een mobiel apparaat wordt een vierkante dia weergegeven. De afbeelding is bijgesneden op de desktop, maar niet bijgesneden op het mobiele apparaat.

In de volgende voorbeelddia wordt een staande afbeelding getoond met een breedte-/hoogteverhouding van 2:3.

Op een desktop en een mobiel apparaat wordt een hoge dia weergegeven. De afbeelding is bijgesneden op de desktop, maar niet bijgesneden op het mobiele apparaat.

Klaar om te beginnen met verkopen met Shopify?

Probeer het gratis