Functies van je onlinewinkel

Deze pagina is afgedrukt op Apr 18, 2023. Ga voor de huidige versie naar https://help.shopify.com/nl/manual/online-store/themes/theme-structure/theme-features.

Met secties kun je functies aan elke pagina van je onlinewinkel toevoegen. Je kunt secties kiezen, toevoegen en configureren met afbeeldingen, tekst, merkkleuren en meer.

Sommige pagina's hebben standaardsecties, zoals de aankondigingsbalk, de koptekst en de voettekst. Deze secties worden op elke pagina weergegeven.

Aankondigingsbalk

Met de aankondigingsbalk kun je vanaf elke pagina belangrijke informatie aan je klanten doorgeven. De sectie heeft geen eigen instellingen, maar je kunt maximaal 12 verschillende aankondigingsblokken aanpassen om weer te geven. Je kunt een link naar een aankondigingsbalk toevoegen om deze klikbaar te maken en klanten naar een specifieke pagina te leiden.

Aankondigingsblok

De instellingen voor het mededelingenblok in het mededelingenbalkgedeelte
Instellingen Beschrijving
Tekst De aankondiging die je aan je klanten wil weergeven.
Kleurschema Het kleurenschema dat je voor de aankondigingsbalk wil gebruiken.
Link De link waarnaar je klanten wilt laten navigeren als ze op de aankondigingsbalk klikken.

Koptekst

De koptekst wordt op alle pagina's van je onlinewinkel weergegeven.

Sectie-instellingen

De instellingen voor het koptekstgedeelte
Instellingen Beschrijving
Positie van logo voor desktop

Waar het logo in de koptekst wordt weergegeven wanneer een klant de site op een groot scherm bekijkt. De positie van het logo wordt automatisch geoptimaliseerd voor mobiele apparaten.

  • Midden links- Geeft het logo inline weer met het hoofdmenu, verticaal gecentreerd en links uitgelijnd.
  • Linksboven- Geeft het logo weer boven het hoofdmenu en aligneert het logo en de menuopties aan de linkerkant.
  • Midden boven (standaard)- Geeft het logo weer boven het hoofdmenu en lijnt het logo en de menuopties in het midden uit.
Menu Het menu dat je als hoofdmenu gebruikt. Klik opWijzigenomeen ander menu te selecteren.
Menutype voor desktop Gebruik de vervolgkeuzelijst om een menutype voor desktopcomputers te kiezen:
  • Vervolgkeuzelijst: geeft menucontent op het tweede水平我们,长大一点点rbij het derde niveau is ingeklapt totdat op het overeenkomende tweede niveau-item wordt geklikt. Het menutype wordt automatisch aangepast voor mobiele apparaten.
  • Megamenu: geeft alle menucontent op het tweede en derde niveau weer bij de eerste klik. Het menutype wordt automatisch aangepast voor mobiele apparaten.
  • Lade: geeft het lademenu weer via een hamburgermenupictogram. Wanneer erop wordt geklikt, worden alle menuopties van het eerste niveau weergegeven. Wanneer daarop wordt geklikt, worden verdere navigatielagen (tweede en derde niveau) geopend.
Sticky header

Kies of je een sticky header wilt gebruiken en hoe je deze wilt weergeven.

  • Geen: De koptekst scrolt niet mee met de klant.
  • Bij omhoog scrollen: De koptekst wordt weergegeven wanneer de klant op de pagina scrolt.
  • Altijd: De koptekst is altijd zichtbaar wanneer de klant omhoog of omlaag scrolt op de pagina.
  • Altijd;verklein标志: De koptekst is altijd zichtbaar wanneer de klant wanneer de klant omhoog of omlaag scrolt op de pagina. Het logo wordt met 25% verkleind als de klant op de pagina scrolt.
Scheidingsregel tonen Toont een regel om de koptekst visueel te scheiden van de content van de pagina.
Kleurschema Kies de achtergrond van de koptekst van je winkel. Gebruik de vervolgkeuzelijst om te kiezen uit Accent 1, Accent 2, Achtergrond 1, Achtergrond 2 of Omgekeerd.
Kiezer voor land/regio inschakelen Voegt een kiezer toe waar een klant de landen en regio's kan kiezen die je hebt ingeschakeld in je betalingsinstellingen, zodat klanten je productprijzen kunnen zien in de valuta van hun keuze.
Taalkiezer inschakelen Voegt een kiezer toe waar een klant de landen en regio's kan kiezen die je hebt ingeschakeld in je taalinstellingen, zodat klanten door je winkel kunnen bladeren in de taal van hun keuze.
Positie logo op mobiel

Kies waar het logo wordt weergegeven op mobiel.

  • Gecentreerd: Het logo wordt in het midden van de koptekst weergegeven.
  • Links: Het logo wordt aan de linkerkant van de koptekst weergegeven.
Afstand Voeg spatiëring onder je koptekst toe. Gebruik de schuifregelaar voor het bereik om maximaal 100 pixels aan ruimte aan de ondermarge toe te voegen.
Opvulling voor sectie Voeg boven of onder de koptekst witruimte toe. Met de schuifregelaar voor het bereik kun je maximaal 100 pixels aan ruimte boven of onder de koptekst invoegen.

Koptekstblok

Je kunt de volgende blokken aan de sectieKopteksttoevoegen.

De instellingen voor het app-blok in de koptekstsectie
Instellingen Beschrijving
Apps Voeg eenonlinewinkel 2.0-compatibele apptoe. Voeg maximaal drie apps toe. Deze bevinden zich links van het winkelwagenpictogram en zijn beperkt tot een grootte van 44 bij 44 pixels.

Voettekst

De voettekst wordt op alle pagina's in je thema weergegeven.

Sectie-instellingen

De instellingen voor het voettekstgedeelte
Instellingen Beschrijving
Kleurschema De achtergrond van de voettekst kan gekozen worden uit Accent 1, Accent 2, Achtergrond 1, Achtergrond 2 of Omgekeerd.
Aanmelding voor het ontvangen van e-mail weergeven Bevat een formulier voor aanmelding(en) voor het ontvangen van e-mail waar klanten zich kunnen abonneren op je nieuwsbrieven en marketing.
Opschrift De titel voor hetAanmeldingsformulier voor het ontvangen van e-mail weergeven. AlsAanmelding voor het ontvangen van e-mail weergevenniet is ingeschakeld, wordt dit niet weergegeven. Gebruik de knoppen om de tekst vetgedrukt of cursief te maken of om een link toe te voegen.
Volgen op Shop Toon een volgknop voor je webshop in de Shop-app. Hier vind je meer informatie overvolgen op Shop.
Pictogrammen voor social media Geeft pictogrammen weer voor alle sociale-mediaplatforms waarvoor je een profiellink hebt ingevoerd in je thema-instellingen.
Kiezer voor land/regio inschakelen Voegt een kiezer toe waar een klant de landen en regio's kan kiezen die je hebt ingeschakeld in je betalingsinstellingen, zodat klanten je productprijzen kunnen zien in de valuta van hun keuze.
Taalkiezer inschakelen Voegt een kiezer toe waar een klant de landen en regio's kan kiezen die je hebt ingeschakeld in je taalinstellingen, zodat klanten door je winkel kunnen bladeren in de taal van hun keuze.
Betalingspictogrammen weergeven Geeft de pictogrammen weer voor betaalmethoden die in je winkel zijn ingeschakeld. Wanneer een klant je winkel bezoekt, worden deze pictogrammen gefilterd, zodat alleen de betaalmethoden die worden ondersteund in de regio en valuta van de huidige klant worden weergegeven.
Links naar beleid weergeven Hier worden de pictogrammen met links naar beleid naast je copyright-informatie weergegeven. Links naar beleid worden gegenereerd uitInstellingen>Beleidhet Shopify-beheercentrum。海尔vind我米尔formatie over hettoevoegen van winkelbeleid.
Afstand Voeg ruimte boven je voettekst toe. Gebruik de schuifregelaar voor het bereik om maximaal 100 pixels aan ruimte aan de bovenmarge toe te voegen.
Opvulling voor sectie Voeg ruimte aan de boven- of onderkant van de voettekst toe. Gebruik de schuifregelaar voor het bereik om maximaal 100 pixels aan ruimte aan de boven- of onderkant van je voettekst toe te voegen.
De instellingen voor het menublok in de voettekstsectie
Instellingen Beschrijving
Opschrift De titel van het blok. Gebruik de knoppen om de tekst vetgedrukt of cursief te maken of om een link toe te voegen.
Menu Het menu dat in het blok moet worden weergegeven. Alleen menuopties op het hoogste niveau worden in de voettekst weergegeven, dus vervolgkeuzelijsttypen worden niet weergegeven zoals verwacht.

Merkinformatieblok

Je merkinformatie wordt beheerd in de thema-instellingen. Hier vind je meer informatie overmerkinformatie.

De instellingen voor het merkinformatieblok in de sectie Voettekst
Instellingen Beschrijving
Pictogrammen social media weergeven Geeft pictogrammen weer voor alle sociale-mediaplatforms waarvoor je een profiellink hebt ingevoerd in je thema-instellingen.

Tekstblok

HetTekstblok kan worden gebruikt om belangrijke informatie te markeren, zoals winkeldetails, promoties of contactgegevens.

De instellingen voor het tekstblok in de voettekstsectie
Instellingen Beschrijving
Opschrift De titel van het blok. Gebruik de knoppen om de tekst vetgedrukt of cursief te maken of om een link toe te voegen.
Subtekst De tekst om weer te geven in het blok.

Afbeeldingsblok

De instellingen voor het afbeeldingsblok in de voettekst
Instellingen Beschrijving
Afbeelding De afbeelding die in het blok wordt weergegeven.
Breedte afbeelding Stelt de breedte van de afbeelding in. Kan een veelvoud van 5 zijn, van 50 px tot 200 px. Standaard is 100 px.
Uitlijning van afbeelding op groot scherm

Lijnt de afbeelding in het blok uit:

  • Links- Lijnt de afbeelding uit aan de linkerkant van het blok.
  • Centreer (standaard)- Lijnt de afbeelding uit op het midden van het blok.
  • Rechts- Lijnt de afbeelding rechts van het blok uit.

Blogberichten

Als je een blog in je Shopify-winkel hebt, kun je eenblogpostgedeelte gebruiken om berichten van die blog te markeren. Elke blogpost in het gedeelteBlogpoststoont de eerste 55 woorden een fragment van een post. Als de blogpost geen fragment bevat, worden in plaats daarvan de eerste 30 woorden van de post weergegeven.

Sectie-instellingen

De instellingen voor de blogpostsectie
Instellingen Beschrijving
Opschrift De titel van de sectie. Gebruik de knoppen om de tekst vetgedrukt of cursief te maken of om een link toe te voegen.
Grootte hoofdtekst Wijzig de grootte van de koptekst. Kies uit klein, gemiddeld of groot.
Blog Van welke blog je blogposts wilt weergeven. Standaardinstelling is het eerste blog op je gealfabetiseerdepaginaBlogs.
Blogberichten Het aantal blogposts dat je in de sectie wilt weergeven. Maximaal: 4 berichten.
Aantal kolommen op desktop Aantal kolommen dat wordt weergegeven op desktopcomputers. Minimum: 1. Maximum: 4.
Kleurschema De achtergrondkleur van de blogsectie. Kies uit Accent 1, Accent 2, Achtergrond 1, Achtergrond 2 of Omgekeerd.
Uitgelichte afbeelding weergeven Geeft de uitgelichte afbeelding voor de blogpost weer. Voorgestelde beeldverhouding: 3:2.
Datum weergeven Geeft de datum weer waarop het blogbericht is gemaakt.
Auteur weergeven Toont de auteur van de blogpost.
Schakel de knop 'Alles weergeven' in als de blog meer blogberichten bevat dan wordt getoond Als het blog meer blogposts heeft dan in het veldBlogpostis ingesteld, wordt er een knop 'Alles weergeven' weergegeven waarmee de klanten naar de blogpagina gaan.
Opvulling voor sectie Voeg spatiëring aan de boven- of onderkant van de sectie Blogpost toe. Gebruik de schuifregelaar voor het bereik om boven of onder de sectie Blogpost maximaal 100 pixels aan ruimte toe te voegen.

Selecteer een blog

  1. Klik in je themabewerker op de titel van de sectie blogposts.
  2. Klik in de sectieBlogopWijzigen.
  3. Selecteer het blog.
  4. Klik opSelecterenen vervolgens opOpslaan

Collage

Je kunt een collage maken van afbeeldingen, producten, collecties en video's. Elke sectieCollagebevat drie blokken. De sectie bevat standaard een afbeeldings-, product- en collectieblok. Als je een van de blokken verwijdert, kun je een videoblok toevoegen.

Voeg extra collagesecties onder de eerste toe als je een collage van meer dan drie blokken wilt maken en voeg geen waarde in deKoptoe aan de lagere collagesecties. De collagesecties verschijnen als één sectie samen te flowen.

De aanbevolen beeldverhouding voor alle afbeeldingen in deze sectie is 2:3 of 1:1.

Sectie-instellingen

De instellingen voor de collagesectie
Instellingen Beschrijving
Opschrift De titel van de sectie. Gebruik de knoppen om de tekst vetgedrukt of cursief te maken of om een link toe te voegen.
Grootte hoofdtekst Wijzig de grootte van de koptekst. Kies uit klein, gemiddeld of groot.
Opmaak bureaublad

Hoe collagemedia op desktop worden weergegeven.

  • Groot links blok (standaard)- Het eerste blok in de sectie wordt links weergegeven en groter dan alle andere blokken.
  • Groot blok rechts: het laatste blok in de sectie wordt aan de rechterkant weergegeven en groter dan elk ander blok.
Opmaak voor mobiel

Hoe de blokken worden weergegeven in de mobiele layout.

Collage- Geeft de afbeeldingen weer in een collage-opmaak:
  • AlsGroot blok linksis ingeschakeld inOpmaak bureaublad, dan verschijnt het eerste blok in de sectie bovenaan en groter dan alle andere blokken.
  • AlsGroot blok rechtsis ingeschakeld inOpmaak bureaublad, dan verschijnt het laatste blok in de sectie onderaan en groter dan alle andere blokken.
Kolom- Geeft media allemaal even groot en in een kolom weer.
Kleurschema De achtergrondkleur van de collage. Kies uit Accent 1, Accent 2, Achtergrond 1, Achtergrond 2 of Omgekeerd.
Opvulling voor sectie Voeg spatiëring aan de boven- of onderkant van de collagesectie toe. Gebruik de schuifregelaar voor het bereik om maximaal 100 pixels aan ruimte aan de boven- of onderkant van de sectie toe te voegen.

Videoblok

De instellingen voor het videoblok in de collagesectie
Instellingen Beschrijving
Coverafbeelding De afbeelding die wordt weergegeven voordat een klant de video afspeelt. Je kunt een aangepaste coverafbeelding uploaden vanuit het Shopify-beheercentrum.
URL De YouTube- of Vimeo-link naar de video. De video moet openbaar beschikbaar zijn. De video wordt in een pop-upvenster afgespeeld.
Alt-tekst video De alt-tekst voor de video. Beschrijft de context en het doel van de video voor klanten die schermlezers gebruiken.

Productblok

De instellingen voor het productblok in de collagesectie
Instellingen Beschrijving
Product Het product dat je wilt weergeven.
Tweede afbeeldingen tonen als je de aanwijzer erboven houdt Als een klant met zijn cursor over de productafbeelding zweeft, verschijnt de tweede productafbeelding, als er een aanwezig is.

Collectieblok

De instellingen voor het collectieblok in de collagesectie
Instellingen Beschrijving
Collectie De collectie die je wilt weergeven.

Afbeeldingsblok

De instellingen voor het afbeeldingenblok in de collagesectie
Instellingen Beschrijving
Afbeelding De afbeelding voor de sectie. Klik opAfbeeldingselecterenomeen afbeelding te kiezen of klik op de knopWijzigenomde afbeelding te wijzigen of verwijderen.
Alt-tekst bewerken Voeg een korte afbeeldingsbeschrijving toe om SEO te verbeteren en de afbeelding te beschrijven voor klanten die schermlezers gebruiken.

Inklapbare content

De sectie met inklapbare content ondersteunt rijen die kunnen worden ingeklapt of uitgevouwen om de content erin te bekijken, en een afbeelding die aan de linker- of rechterkant van de inklapbare content kan worden geplaatst.

Sectie-instellingen

De instellingen voor de sectie met inklapbare content
Instellingen Beschrijving
Bijschrift Een optioneel bijschrift voor de sectie met inklapbare content. Dit wordt weergegeven boven de sectiekoptekst.
Opschrift De koptekst van de sectie met inklapbare content. Gebruik de knoppen om de tekst vetgedrukt of cursief te maken of om een link toe te voegen.
Grootte hoofdtekst Wijzig de grootte van de koptekst. Kies uit klein, gemiddeld of groot.
Uitlijning koptekst Kies de uitlijning van de sectiekopteksten. De opties zijn links, centraal (standaard) of rechts.
Opmaak

Selecteer een opmaak voor de inklapbare content:

  • Geen container(standaard);
  • Rijcontainer: elke inklapbare rij staat in een gearceerd vak;
  • Sectiecontainer: bevat de volledige sectie遇到inklapbare内容in een gearceerd vak.
Kleurschema De achtergrondkleur van de sectie met inklapbare content. Je kunt kiezen tussen Accent 1, Accent 2, Achtergrond 1, Achtergrond 2 of Omkeren.
Kleurschema van container De achtergrondkleur van de container met inklapbare content. Je kunt kiezen tussen Accent 1, Accent 2, Achtergrond 1, Achtergrond 2 of Omkeren. Het geselecteerde kleurschema is alleen zichtbaar wanneer de optieOpmaakis ingesteld opRijofSectiecontainer.
Eerste inklapbare rij openen Wanneer dit is ingeschakeld, wordt de eerste rij met inklapbare content standaard uitgevouwen.
Afbeelding De afbeelding voor de sectie. Klik opAfbeeldingselecterenomeen afbeelding te kiezen of klik op de knopWijzigenomde afbeelding te wijzigen of verwijderen.
Alt-tekst bewerken Voeg een korte afbeeldingsbeschrijving toe om SEO te verbeteren en de afbeelding te beschrijven voor klanten die schermlezers gebruiken.
Breedte-/hoogteverhouding van afbeeldingen De breedte-/hoogteverhouding voor de sectieafbeelding:
  • Aanpassen aan afbeelding(standaard): gebruikt de breedte-/hoogteverhouding van de afbeeldingen. Hiermee voorkom je dat de afbeelding wordt bijgesneden.
  • Klein
  • Groot
Opmaak bureaublad Kies of de afbeelding of de inklapbare rijen het eerst worden weergegeven. Standaardinstelling is Tekst eerst. Op mobiel wordt altijd eerst de afbeelding weergegeven.
Opvulling voor sectie Voeg spatiëring aan de boven- of onderkant van de samenvouwbare content toe. Gebruik de schuifregelaar voor het bereik om boven of onder de sectie met samenvouwbare content maximaal 100 pixels aan ruimte toe te voegen.

Inklapbaar rijenblok

De instellingen voor het inklapbare rijblok
Instellingen Beschrijving
Opschrift Een kop voor de inklapbare rij.
Pictogram Kies een pictogram in de vervolgkeuzelijst om weer te geven vóór de kop van de samenvouwbare content. Het vinkjespictogram is standaard geselecteerd.
Rijcontent Content voor de inklapbare rij. Content kan worden opgemaakt of URL-links bevatten. Deze functie kan worden gebruikt in combinatie metRijcontent vanaf pagina.
Rijcontent vanaf pagina Je kunt bestaande content van een andere pagina invoegen in een inklapbare rij. Klik opWijzigenomeen pagina te selecteren of te verwijderen. Deze functie kan worden gebruikt in combinatie metRijcontent.

Collectielijst

Je kunt een lijst toevoegen met collecties die je wilt uitlichten. Je kunt tot 16 collectieblokken toevoegen aan een collectielijst.

Sectie-instellingen

De instellingen voor de collectielijstsectie
Instellingen Beschrijving
Opschrift De titel van de sectie. Gebruik de knoppen om de tekst vetgedrukt of cursief te maken of om een link toe te voegen.
Grootte hoofdtekst Wijzig de grootte van de koptekst. Kies uit klein, gemiddeld of groot.
Breedte-/hoogteverhouding van afbeeldingen De afbeeldingsverhouding voor de uitgelichte afbeeldingen van de collecties:
  • Aanpassen aan afbeeldingen: gebruikt de breedteverhouding van de afbeelding. Hiermee voorkom je dat de afbeelding wordt bijgesneden.
  • Portret: snijdt de afbeeldingen bij om een breedteverhouding van 2:3 te gebruiken.
  • Vierkant (standaard)- Snijdt de afbeeldingen bij tot een 1:1-ratio.
Aantal kolommen op desktop Aantal kolommen dat wordt weergegeven op desktopcomputers. Minimum: 1. Maximum: 5.
Kleurschema De achtergrondkleur van de collectielijstsectie. Kies uit Accent 1, Accent 2, Achtergrond 1, Achtergrond 2 of Omgekeerd.
Schakel de knop 'Alles weergeven' in als de lijst meer collecties bevat dan wordt getoond Geeft een knop 'Alles weergeven' weer waarmee klanten de volledige lijst met collecties kunnen bekijken.
Aantal kolommen op mobiel Stel een specifieke kolomopmaak in voor mobiele apparaten. Kies voor 1 of 2 kolommen.
Swipen op mobiel inschakelen Wijzigt de mobiele weergave van een kolom in een rij, waar klanten zijwaarts kunnen swipen om meer collectieblokken te zien.
Opvulling voor sectie Voeg spatiëring aan de boven- of onderkant van de collectielijst toe. Gebruik de schuifregelaar voor het bereik om boven of onder de collectiesectie maximaal 100 pixels aan ruimte toe te voegen.

Kies collecties

  1. Klik in je themabewerker op hetCollectieblokwaar je een collectie aan wilt toevoegen.
  2. Klik opCollectie selecteren.
  3. Klik op een collectie en klik vervolgens opSelecteren.

Contactformulier

Je contactformulier verzendt alle inzendingen naar hete-mailadres van de afzendervan je winkel. Je kunt het e-mailadres van de afzender wijzigen op de instellingen-paginaWinkelgegevensvan je Shopify-beheercentrum.

Het formulier heeft de volgende velden:

  • Naam
  • E-mailadres(vereist)
  • Telefoonnummer
  • Reactie

Sectie-instellingen

De instellingen voor de contactformuliersectie
Instellingen Beschrijving
Opschrift De titel van de sectie. Gebruik de knoppen om de tekst vetgedrukt of cursief te maken of om een link toe te voegen.
Grootte hoofdtekst Wijzig de grootte van de koptekst. Kies uit klein, gemiddeld of groot.
Kleurschema De achtergrondkleur van de contactformuliersectie. Kies uit Accent 1, Accent 2, Achtergrond 1, Achtergrond 2 of Omgekeerd.
Opvulling voor sectie Voeg spatiëring aan de boven- of onderkant van het contactformulier toe. Gebruik de schuifregelaar voor het bereik om boven of onder de contactformuliersectie maximaal 100 pixels aan ruimte toe te voegen.

Aangepaste Liquid

Je kunt je eigen Liquid-code toevoegen om een aangepaste sectie te maken.

  • Voeg app-fragmenten toe in de instructies van je gedownloade apps om eenvoudig apps aan je pagina's toe te voegen.
  • Voeg aangepaste Liquid-code rechtstreeks in de editor toe.

Sectie-instellingen

De instellingen voor de sectie Aangepaste Liquid
Instellingen Beschrijving
Aangepaste Liquid Voeg app-fragmenten of andere aangepaste Liquid-code toe om geavanceerde aanpassingen aan te maken.
Kleurschema De achtergrondkleur van de contactformuliersectie. Kies uit Accent 1, Accent 2, Achtergrond 1, Achtergrond 2 of Omgekeerd.
Opvulling voor sectie Voeg spatiëring aan de boven- of onderkant van de sectie Aangepaste Liquid toe. Gebruik de schuifregelaar voor het bereik om boven of onder de sectie Aangepaste Liquid maximaal 100 pixels aan ruimte toe te voegen.

Je kunt een sectie toevoegen aan dewachtwoordpagina, waar klanten匈牙利语e-mailadres kunnen invoeren om te worden geïnformeerd wanneer je winkel open is. Elk e-mailabonnement maakt eenklantaccountaan.

De sectie wordt geleverd met drie standaardblokken:

  • Opschrift
  • Subkop
  • E-mailformulier

Sectie-instellingen

De instellingen voor de sectie voor aanmelding voor het ontvangen van e-mail
Instellingen Beschrijving
Achtergrondafbeelding De achtergrondafbeelding voor de banner voor aanmelding voor het ontvangen e-mail. Klik opWijzigenomde afbeelding te vervangen of te verwijderen. Wanneer de afbeelding is verwijderd, wordt de afbeelding weergegeven die bij het thema hoort. Verberg deze afbeelding door het selectievakjeAchtergrondafbeelding weergevenuit te schakelen.
Alt-tekst bewerken Klik om alt-tekst van afbeelding in te stellen voor zoekmachineoptimalisatie en om de afbeelding te beschrijven voor klanten die schermlezers gebruiken.
Dekking van afbeeldingsoverlay Dimt de banner voor aanmelding voor het ontvangen van e-mail met een overlay. Gebruik de schuifregelaar om de ondoorzichtigheid van de overlay in te stellen. De standaardwaarde is 0%.
Achtergrondafbeelding weergeven Vink dit vakje aan om de achtergrondafbeelding op de banner voor aanmelding voor het ontvangen van e-mail weer te geven.
Hoogte van de banner

Stel de hoogte van de afbeelding van de banner voor aanmelding voor het ontvangen van e-mail in via de vervolgkeuzelijst. Je kunt kiezen tussen Aanpassen aan afbeelding, klein, gemiddeld (standaard) of groot.
Positie van content op desktop Stel de positie van de banner voor aanmelding voor het ontvangen van e-mail in voor desktopcomputers. Je kunt kiezen tussen boven, midden of onder en rechts, links of centraal. Midden centraal is de standaardoptie.


Op de desktop bedekt het tekstvak de afbeelding gedeeltelijk. Op mobiel wordt het tekstvak onder de afbeelding weergegeven.
Container op desktop weergeven Plaatst afbeeldingstekst范我旗帜voor河畔melding voor het ontvangen van e-mail in een tekstvak op de afbeelding voor klanten die vanaf een desktopcomputer winkelen.
Uitlijning van content op desktop Stel de uitlijning van de tekst van de afbeeldingsbanner in voor desktopcomputers. Je kunt kiezen tussen rechts, links of centraal (standaard).
Kleurschema De achtergrondkleur van de sectie met de banner voor aanmelding voor het ontvangen van e-mails. Kies uit Accent 1, Accent 2, Achtergrond 1 (standaard), Achtergrond 2 of Omgekeerd.


Op desktop is het geselecteerde kleurschema alleen zichtbaar wanneer de optieContainer op desktop weergevenis geselecteerd. Op mobiel is het geselecteerde kleurschema alleen zichtbaar wanneerContent op mobiel onder de afbeelding weergevenis geselecteerd.
Uitlijning van content op mobiel Stel de uitlijning van de tekst van de afbeeldingsbanner voor mobiele apparaten in. Je kunt kiezen tussen rechts, links of centraal (standaard).
Content op mobiel onder weergeven Content wordt op mobiele apparaten onder de afbeelding van de e-mail aanmeldingsbanner weergegeven.

Blok met koptekst

De instellingen voor het koptekstblok in de sectie voor aanmelding voor het ontvangen van e-mail
Instellingen Beschrijving
Opschrift De titel van de sectie.
Grootte hoofdtekst Wijzig de grootte van de koptekst. Kies uit klein, gemiddeld of groot.

Blok met subkop

De instellingen voor het subkoptekstblok in de sectie voor aanmelding voor het ontvangen van e-mail
Instellingen Beschrijving
Beschrijving De beschrijving voor de sectie.
Tekststijl Wijzigt de tekststijl in de sectie aanmelding voor het ontvangen van e-mail. Je kunt kiezen tussen Hoofdtekst (standaard) en Ondertitel.

Aanmelding voor het ontvangen van e-mail

Je kunt een gedeelte toevoegen waar klanten hun e-mailadres kunnen invoeren en zich kunnen abonneren op je nieuwsbrief of marketing. Wanneer een klant zich abonneert, wordt er een klantaccount aangemaakt in je Shopify-beheercentrum.

De sectie wordt geleverd met drie standaardblokken:

  • Opschrift
  • Subkop
  • E-mailformulier

Sectie-instellingen

De instellingen voor aanmelding(en) voor het ontvangen van e-mail
Instellingen Beschrijving
Kleurschema De achtergrondkleur van de sectie voor het aanmelden voor het ontvangen van e-mail. Kies uit Accent 1, Accent 2, Achtergrond 1, Achtergrond 2 of Omgekeerd.
Volledige breedte voor sectie gebruiken Maakt de sectie de volledige breedte van het browservenster.

Blok met koptekst

De instellingen voor het koptekstblok in de sectie voor aanmelding voor het ontvangen van e-mail
Instellingen Beschrijving
Opschrift De titel van de sectie. Gebruik de knoppen om de tekst vetgedrukt of cursief te maken of om een link toe te voegen.
Grootte hoofdtekst Wijzig de grootte van de koptekst. Kies uit klein, gemiddeld of groot.

Blok met subkop

De instellingen voor het subkopblok in de collectielijstsectie
Instellingen Beschrijving
Beschrijving De beschrijving voor de sectie.

E-mailformulier

甚至在het e-mailformulier-blok wordt草原weergegeven waarin een klant een e-mailadres kan invoeren om zich aan te melden voor je marketingmaterialen. Het blok heeft geen aanpasbare instellingen.

Uitgelichte collectie

Je kunt een sectie toevoegen waarin producten in één collectie worden weergegeven.

Sectie-instellingen

De instellingen voor de sectie met uitgelichte collectie
Instellingen Beschrijving
Opschrift De titel van de sectie. Gebruik de knoppen om de tekst vetgedrukt of cursief te maken of om een link toe te voegen. Klik op de dynamische bronknop om een dynamische bron in te voegen als titel van de sectie.
Grootte hoofdtekst Wijzig de grootte van de koptekst. Kies uit klein, gemiddeld of groot.
Beschrijving Voer beschrijvende tekst in voor de uitgelichte collectie. Je kunt de tekst opmaken alsvetgedruktofcursiefof met een link. Klik op de dynamische bronknop om een dynamische bron voor de uitgelichte collectiebeschrijving in te voegen
Collectiebeschrijving van het Shopify-beheercentrum weergeven Als je dit vakje aanvinkt, wordt de collectiebeschrijving gebruikt die je in het Shopify-beheercentrum aan de collectie hebt toegevoegd, in plaats van tekst die je hebt ingevoerd in het veld Beschrijving hierboven.
Beschrijvingsstijl Kies in de vervolgkeuzelijst een stijl voor de beschrijving van je uitgelichte collectie. Opties zijn hoofdtekst (standaard), ondertitel of hoofdletters.
Collectie Van welke collectie je producten wilt weergeven. Klik opWijzigenom de集体te verwijderen te wijzigen。
Maximum aantal producten om te tonen Het aantal producten uit de collectie dat je wilt weergeven. Minimum: 2. Maximum: 25.
Aantal kolommen op desktop Aantal kolommen dat wordt weergegeven op desktopcomputers. Minimum: 1. Maximum: 5.
Volledige breedte voor producten gebruiken Vink het selectievakje aan om producten in de volledige breedte van het venster weer te geven, ongeacht de instelling voor de paginabreedte.
Schakel de knop 'Alles weergeven' in als collectie meer producten heeft dan wordt getoond Als de collectie meer producten heeft dan ingesteld in het veldMaximum weer te geven producten, wordt de knop 'Alles weergeven' weergegeven waarmee de klanten naar de collectiepagina gebracht worden.
Stijl 'Alles weergeven' Kies tussen een link, een effen knop en een omlijnde knop.
Carrousel op desktop inschakelen Vink het selectievakje aan om producten weer te geven in een carrousel op schermen die breder zijn dan 989 pixels.
Kleurschema De achtergrondkleur van de sectie Uitgelichte collectie. Kies uit Accent 1, Accent 2, Achtergrond 1, Achtergrond 2 of Omgekeerd.
Breedte-/hoogteverhouding van afbeeldingen De afbeeldingsverhoudingen voor de productafbeeldingen:
  • Aanpassen aan afbeelding(standaard) - Gebruikt de breedteverhouding van de afbeeldingen. Hiermee voorkom je dat de afbeelding wordt bijgesneden.
  • Portret: snijdt de afbeeldingen bij om een breedteverhouding van 2:3 te gebruiken.
  • Square: snijdt de afbeeldingen bij om een breedteverhouding van 1:1 te gebruiken.
Tweede afbeeldingen tonen als je de aanwijzer erboven houdt Als de klant met zijn cursor over de productafbeelding zweeft, verschijnt de tweede productafbeelding, als er een aanwezig is.
Verkoperweergeven Toont de verkopers van de producten.
Geef productbeoordeling weer Geeft de gemiddelde productbeoordeling sterrenweer, met het aantal recensies tussen haakjes, bijvoorbeeld: ★★★★★ (8). Er is ook een app voor productrecensies nodig, zoalsShopify Product Reviewsenmetavelddefinitiesvoorreviews.rating_countenreviews.rating.
Knop Snel toevoegen inschakelen Met de knop Snel toevoegen kunnen klanten vanaf de productkaart een artikel in hun winkelwagen leggen. Als het product varianten heeft, staat er 'Opties kiezen' op de knop en worden de productgegevens in een pop-up weergegeven. Daar kan de klant de gewenste varianten selecteren, artikelen aan de winkelwagen toevoegen, direct afrekenen met 'Nu kopen' of de volledige details van het artikel bekijken door erop te klikken. Let op: voor deze instelling moet de knop 'Nu kopen' zijn ingeschakeld op jeproductpagina. Als de knop 'Nu kopen' niet is ingeschakeld op de producttemplate, kunnen klanten wel het product in hun winkelwagen leggen, maar zien ze de snelle checkout-workflow 'Nu kopen' niet.
Aantal kolommen op mobiel Stel een specifieke kolomopmaak in voor mobiele apparaten. Kies voor 1 of 2 kolommen.
Swipen op mobiel inschakelen Verandert de mobiele weergave van een kolom in een rij, waar klanten naar links of rechts kunnen vegen om meer producten te zien.
Opvulling voor sectie Voeg spatiëring aan de boven- of onderkant van de sectie Uitgelichte collectie toe. Gebruik de schuifregelaar voor het bereik om boven of onder de sectie Uitgelichte collectie maximaal 100 pixels aan ruimte toe te voegen.

Uitgelicht product

Je kunt een sectie toevoegen met een specifiek product.

Sectie-instellingen

De instellingen voor het gedeelte met aanbevolen producten
Instellingen Beschrijving
Product Het product dat je in de sectie wilt uitlichten.
Kleurschema Selecteer het kleurschema van het uitgelichte product.
Secundaire achtergrond tonen Geeft het uitgelichte product weer in je secundaire achtergrondkleur.
Media op desktopbreedte Selecteer een klein, gemiddeld of groot mediaformaat. De afbeelding wordt automatisch voor mobiel geoptimaliseerd.
Media beperken tot schermhoogte Met deze optie stel je een maximumhoogte voor media in op basis van de hoogte van het browservenster.
Media passen SelecteerOrigineelvoor de oorspronkelijke beeldverhouding ofOpvullenomde media passend te maken op de container.
Positie van media voor desktopcomputer Selecteer of de uitgelichte productmedia links of rechts moeten staan. Alleen van toepassing voor gebruikers die toegang hebben tot de pagina op een desktopcomputer.
Inzoomen op afbeelding

Kies hoe op een desktop wordt in- en uitgezoomd op de afbeelding:

  • Lightbox openen: Opent de grote afbeelding. Standaard voor mobiel.
  • Geen zoom: Deactiveert de zoominstelling op afbeeldingen. Aanbevolen voor afbeeldingen die geen hoge resolutie hebben.
  • Klikken en aanwijzen: klik om in te zoomen op de afbeelding, ga er dan met de muis over om verschillende delen ingezoomd te bekijken. Zoomen bij aanwijzen wordt uitgeschakeld wanneer je opnieuw op de vergrote afbeelding klikt of wanneer je met de muis weggaat van de afbeelding. Als deze instelling is ingeschakeld, wordt de afbeelding bij gebruik op een mobiel apparaat standaard geopend in een modaal (lightbox).
Media van andere varianten verbergen Selecteer deze optie om, nadat er een variant is geselecteerd, de media voor andere varianten te verbergen.
Video-looping inschakelen Hiermee kan de video nogmaals worden afgespeeld. Klanten moeten klikken om opnieuw af te spelen.
Opvulling voor sectie Voeg spatiëring aan de boven- of onderkant van de sectie Uitgelicht product toe. Gebruik de schuifregelaar voor het bereik om maximaal 100 pixels aan ruimte aan de boven- of onderkant van de sectie toe te voegen.

Sectieblokken

Je kunt de volgende blokken aan de sectieUitgelicht producttoevoegen.

De blokken die beschikbaar zijn in het gedeelte met uitgelichte producten
Blok Instellingen
Tekst Voer tekst in voor je uitgelichte product:
  • Tekst: accepteert tekst of dynamische bron.
  • Tekststijl: kies tussenBody,SubtitleofUppercase.
Titel Grootte koptekst: Kies uitKlein,GemiddeldofGroot.
Prijs Dit blok heeft geen aanpasbare instellingen.
Variantkiezer Kies uit opties of een vervolgkeuzelijst.
Hoeveelheidskiezer Dit blok heeft geen aanpasbare instellingen.
Koopknoppen Vink het selectievakjeDynamische checkoutknoppen weergevenaan om dynamische checkoutopties weer te geven die je in je instellingen voorbetalingenhebt ingeschakeld.
Delen Klikbare tekst waarmee klanten het product op hun sociale media kunnen delen.
Productbeoordeling Geeft de gemiddelde productbeoordeling sterrenweer, met het aantal recensies tussen haakjes, bijvoorbeeld: ★★★★★ (8). Er is ook een app voor productrecensies nodig, zoalsShopify Product Reviewsenmetavelddefinitiesvoorreviews.rating_countenreviews.rating.
Aangepaste Liquid Voegaangepaste Liquid- of HTML-codetoe.
Apps Voeg eenOnline Store 2.0-compatibele apptoe.
Pictogram met tekst 说勃洛克bevat马克西maal drie pictogrammen die je kunt selecteren in een lijst met vooraf geïnstalleerde pictogrammen of van een afbeelding die je uploadt. Als je een afbeelding uploadt, vervangt deze afbeelding eventuele selecties in de vervolgkeuzelijst voor pictogrammen. Voor de opmaak van je pictogrammen kun je verticaal of horizontaal selecteren. Als je een pictogram wilt verwijderen, verwijder je het koptekstveld. Als je meer dan drie pictogrammen wilt weergeven, voeg je nog een **Pictogram met tekst**-blok toe.
SKU Dit blok bevat de SKU (stock keeping unit) die aan een product is gekoppeld als je variant een bijbehorende SKU heeft. Hier vind je meer informatie over [het toevoegen van SKU-nummers aan je productvarianten vanuit het Shopify-beheercentrum](/manual/online-store/themes/themes-by-shopify/vintage-themes/customizing-vintage-themes/show-sku#add-sku-numbers-to-your-product-variants-from-the-admin-sectioned%20themes-specific).

Bannerafbeelding

De sectie afbeeldingsbanner ondersteunt een of twee afbeeldingen en een tekstvak met knoppen. Als er twee afbeeldingen worden gebruikt, worden ze naast elkaar weergegeven op desktop. Op mobiel kun je kiezen of de afbeeldingen naast elkaar of als een kolom worden weergegeven.

Op desktop bedekt het tekstvak de afbeelding gedeeltelijk. Op mobiel wordt het tekstvak onder de afbeelding weergegeven. De opties voor tekstuitlijning zijn rechts, links of centraal voor zowel desktop als mobiel.

Sectie-instellingen

De instellingen voor de afbeeldingsbannersectie
Instellingen Beschrijving
Eerste afbeelding De hoofdafbeelding van de banner. Als er twee afbeeldingen aan de sectie worden toegevoegd, dan verschijnt deze afbeelding links of bovenaan. Dit hangt af van de klant en of deze een desktop of mobiel gebruikt.
Alt-tekst bewerken Klik om alt-tekst van afbeelding in te stellen voor zoekmachineoptimalisatie en om de afbeelding te beschrijven voor klanten die schermlezers gebruiken.
Tweede afbeelding De tweede afbeelding van de banner. Als er twee afbeeldingen aan de sectie worden toegevoegd, dan verschijnt deze afbeelding rechts of onderaan. Dit hangt af van de klant en of deze een desktop of mobiel gebruikt.
Dekking van afbeeldingsoverlay Voegt een overlay toe aan de bannerafbeeldingen. Gebruik de schuifregelaar om de ondoorzichtigheid van de overlay in te stellen. Standaardwaarde is 0%.
Hoogte van de banner

Stel de hoogte van je bannerafbeeldingen in met behulp van de vervolgkeuzelijst.

  • Aanpassen aan eerste afbeelding: Hiermee stel je de hoogte van de sectie in op de hoogte van de eerste afbeelding.
  • Klein- Desktop: 420 px, mobiel: 280 px
  • Medium(standaard) - Desktop: 560 px, mobiel: 340 px
  • Groot- Desktop: 720 px, mobiel: 390 px
Positie van content op desktop Stel de positie van de banner voor desktopafbeeldingen in. Je kunt kiezen tussen boven, midden of onder en rechts, links of centraal.
Container op desktop weergeven Plaatst de tekst van de bannerafbeelding in een tekstvak over de bannerafbeelding voor klanten die vanaf een desktopcomputer winkelen.
Uitlijning van content op desktop Stel de uitlijning van de bannertekst van de afbeelding voor desktopcomputers in. Je kunt kiezen tussen rechts, links of centraal.
Kleurschema De achtergrondkleur van de sectie met bannerafbeelding. Kies uit Accent 1, Accent 2, Achtergrond 1, Achtergrond 2 of Omgekeerd. Het geselecteerde kleurschema is alleen zichtbaar wanneer de optieGeef het tekstvak weer op het bureaubladis geselecteerd.
Gedrag van afbeeldingen

Selecteer een animatie voor de afbeelding:

  • Geen(standaard)
  • Omgevingsbeweging: de afbeelding wordt langzaam naar de container verplaatst
Uitlijning van content op mobiel Stel de uitlijning van de bannertekst van de afbeelding voor mobiele apparaten in. Je kunt kiezen tussen rechts, links of centraal.
Afbeeldingen stapelen op mobiel Als er twee afbeeldingen aan de sectie zijn toegevoegd, worden de afbeeldingen weergegeven in een kolom in plaats van naast elkaar.
Container op mobiel weergeven Plaatst de tekst van de bannerafbeelding in een tekstvak over de bannerafbeelding voor klanten die vanaf een mobiel apparaat winkelen.

Blok met koptekst

De instellingen voor het koptekstblok in de afbeeldingsbannersectie
Instellingen Beschrijving
Opschrift Grote tekst voor de titel van het tekstvak. Gebruik de knoppen om de tekst vetgedrukt of cursief te maken of om een link toe te voegen.
Grootte hoofdtekst Wijzig de grootte van de koptekst. Kies uit klein, gemiddeld of groot.

Tekstblok

De instellingen voor het tekstblok in de sectie voor de afbeeldingsbanner
Instellingen Beschrijving
Beschrijving Toont tekst in alineastijl.
Tekststijl Wijzigt de stijl van tekst in de afbeeldingsbanner. Kies tussen Hoofdtekst, Subtitel en Hoofdletters.

Blok met knop

De instellingen voor het knoppenblok in de sectie voor de afbeeldingsbanner
Instellingen Beschrijving
Eerste knoplabel De tekst die wordt weergegeven op de eerste knop.
Eerste knoplink De URL waar je de eerste knop naar wilt linken.
Gebruik de knopstijl Omlijnen Past de knopstijl aan zodat de knop omlijnd is in plaats van effen.
Tweede knoplabel De tekst die wordt weergegeven op de tweede knop.
Tweede knoplink De URL waarnaar je de tweede knop wilt laten verwijzen.
Gebruik de knopstijl Omlijnen Past de knopstijl aan zodat de knop omlijnd is in plaats van effen.

Afbeeldingmet tekst

Je kunt een sectie met een afbeelding en een tekstblok toevoegen met een optionele knop om klanten naar een nieuwe pagina te leiden. Plaats een afbeelding bij tekst om de aandacht op je gekozen product, collectie of blogpost te richten. Voeg details over beschikbaarheid en stijl toe of plaats een productrecensie.

Sectie-instellingen

De instellingen voor de afbeelding met tekstsectie
Instellingen Beschrijving
Afbeelding Klik opAfbeeldingselecterenomeen afbeelding voor de sectie te kiezen. Klik op de knopWijzigenomde afbeelding te wijzigen of verwijderen.
Alt-tekst bewerken Klik om alt-tekst van afbeelding in te stellen voor zoekmachineoptimalisatie en om de afbeelding te beschrijven voor klanten die schermlezers gebruiken.
Hoogte afbeelding Kies de hoogte voor de afbeelding:
  • Aanpassen aan afbeelding(standaard);
  • Klein
  • Gemiddeld
  • Groot
Breedte van afbeelding op desktop De breedte voor de afbeelding:
  • Klein
  • Gemiddeld(standaard);
  • Groot
Plaatsing van afbeelding op desktop Kies of de afbeelding of de tekst het eerst wordt weergegeven. Afbeelding eerst is standaard voor mobiele opmaak:
  • Afbeeldingeerst(standaard voor mobiel);
  • Afbeeldingals tweede
Positie van content op desktop De verticale positie van decontentin de container:
  • Boven(standaard);
  • Midden
  • Onder
Uitlijning van content op desktop De uitlijning van detekstin de container:
  • Links(standaard)
  • Centraal
  • Rechts
Content-opmaak Hiermee kunnen de afbeelding en tekstvakjes elkaar overlappen. AlsGeen overlapis geselecteerd, wordt de content aangepast aan de tekst en afbeelding.
  • Overlappingen
  • Geen overlap(standaard).
Kleurschema De achtergrondkleur van de afbeelding met tekst. Kies uit Accent 1, Accent 2, Achtergrond 1, Achtergrond 2 of Omgekeerd.
Gedrag van afbeeldingen

Selecteer een animatie voor de afbeelding:

  • Geen(standaard)
  • Omgevingsbeweging: de afbeelding wordt langzaam naar de container verplaatst
Opmaak voor mobiel Kies de uitlijning van content voor mobiele apparaten:
  • Links(standaard);
  • Rechts
  • Centraal
Opvulling voor sectie Voeg spatiëring aan de boven- of onderkant van de sectie Afbeelding met tekst toe. Gebruik de schuifregelaar voor het bereik om boven of onder de sectie Afbeelding met tekst maximaal 100 pixels aan ruimte toe te voegen.

Blok met koptekst

De instellingen voor het koptekstblok in de sectie afbeelding met tekst
Instellingen Beschrijving
Opschrift Titeltekst voor de sectie. Gebruik de knoppen om de tekst vetgedrukt of cursief te maken of om een link toe te voegen.
Grootte hoofdtekst Wijzig de grootte van de koptekst. Kies uit klein, gemiddeld of groot.

Tekstblok

De instellingen voor het tekstblok in de sectie afbeelding met tekst
Instellingen Beschrijving
Inhoud Toont tekst in alineastijl in de tekstsectie.
Tekststijl Stijl voor de contenttekst:
  • Body(standaard);
  • Ondertitel

Blok met knop

De instellingen voor het knoppenblok in de sectie afbeelding met tekst
Instellingen Beschrijving
顶华tekstlabel会面 De tekst die wordt weergegeven op de knop.
Knop met link De URL waarnaar je de knop wilt laten verwijzen.

Bijschriftblok

De instellingen voor het bijschriftblok in de sectie afbeelding met tekst
Instellingen Beschrijving
Tekst Voeg een tagline of bijschrift aan je afbeelding toe. Tekst verschijnt onder aan de sectie afbeelding met tekst.
Tekststijl Stijl van de tekst van de content:
  • Hoofdletters(standaard);
  • Ondertitel
Tekstgrootte Grootte van de contenttekst:
  • Klein
  • Gemiddeld(standaard);
  • Groot

Meerdere kolommen

Je kunt de sectie met meerdere kolommen gebruiken om content weer te geven in een kolomopmaak en een knop onder de kolommen toevoegen om de klant naar een nieuwe pagina te brengen. Plaats een afbeelding bij tekst om de aandacht op je gekozen product, collectie of blogpost te richten. Voeg details over beschikbaarheid en stijl toe of plaats een productrecensie.

Sectie-instellingen

De instellingen voor de sectie met meerdere kolommen
Instellingen Beschrijving
Opschrift De titel van de sectie. Gebruik de knoppen om de tekst vetgedrukt of cursief te maken of om een link toe te voegen.
Grootte hoofdtekst Wijzig de grootte van de koptekst. Kies uit klein, gemiddeld of groot.
Breedte afbeelding

De breedte van afbeeldingen die aan de kolommen zijn toegevoegd.

  • Volledige breedte van kolom(standaard) - De breedte van de afbeelding is de volledige breedte van de kolom.
  • Halve breedte kolom- De breedte van de afbeelding is de helft van de breedte van de kolom.
  • Een derde breedte van kolom- De breedte van de afbeelding is een derde van de breedte van de kolom.
Breedte-/hoogteverhouding van afbeeldingen

De afbeeldingsverhouding voor de afbeelding:

  • Aanpassen aan afbeelding(standaard) - Gebruikt de breedteverhouding van de afbeelding. Hiermee voorkom je dat de afbeelding wordt bijgesneden.
  • Portret: snijdt de afbeelding bij om een breedteverhouding van 2:3 te gebruiken.
  • Square: snijdt de afbeelding bij om een breedteverhouding van 1:1 te gebruiken.
  • Cirkel- Snijdt de afbeelding bij tot een cirkel
Aantal kolommen op desktop Gebruik de bereikschaal om het aantal kolommen te selecteren dat op desktopcomputers wordt weergegeven. Het minimum is 1, het maximum 6.
Uitlijning kolom

De uitlijning van de afbeeldingen en tekst binnen de kolommen:

  • Links (standaard)- Lijnt de afbeeldingen en tekst links uit.
  • Centreer- Lijnt de afbeeldingen en tekst gecentreerd uit.
Secundaire achtergrond KiesGeenomde secundaire achtergrond te verbergen ofWeergeven als kolomachtergrondomde kolomcontainerkleuren te wijzigen.
顶华tekstlabel会面 De tekst die wordt weergegeven op de knop.
Knop met link De URL waarnaar je de knop wilt laten verwijzen.
Kleurschema De achtergrondkleur van de sectie met meerdere kolommen. Kies uit Accent 1, Accent 2, Achtergrond 1, Achtergrond 2 of Omgekeerd.
Aantal kolommen op mobiel Stel een specifieke kolomopmaak in voor mobiele apparaten. Kies voor 1 of 2 kolommen.
Swipen op mobiel inschakelen Wijzigt de mobiele weergave van een kolom in een rij, waar klanten zijwaarts kunnen swipen om meer collectieblokken te zien.
Opvulling voor sectie Voeg spatiëring aan de boven- of onderkant van de sectie met meerdere kolommen toe. Gebruik de schuifregelaar voor het bereik om boven of onder de sectie met meerdere kolommen maximaal 100 pixels aan ruimte toe te voegen.

Kolomblok

Je kunt maximaal 12 kolommen in één sectie hebben. Als je één, twee of drie kolomblokken hebt, worden ze in één rij weergegeven op desktop. Als je vier of meer kolomblokken hebt, worden deze weergegeven in een opmaak van twee kolommen. Op een mobiel apparaat worden de kolomblokken in een enkele kolom weergegeven, tenzij de optieSwipen op mobiel inschakelenis ingeschakeld.

De instellingen voor het kolomblok in de sectie met meerdere kolommen
Instellingen Beschrijving
Afbeelding De afbeelding die je wilt weergeven.
Opschrift De titel van de kolom. Gebruik de knoppen om de tekst vetgedrukt of cursief te maken of om een link toe te voegen.
Beschrijving De alineatekst in de kolom.
Linklabel [optioneel] De tekst van een link die onder het kolomblok is toegevoegd. Vul niets in als er geen link is toegevoegd.
Link URL voor de link. Vul niets in als er geen link is.

Meerdere rijen

Je kunt een sectie toevoegen met meerdere rijen, elk met een afbeelding, tekst en een optionele knop. Koppel tekst aan een afbeelding om op je gekozen product, collectie of blogpost te focussen. Voeg details over beschikbaarheid en stijl toe of geef een recensie.

Je kunt ookmetaobjecten-contentweergeven via dynamische bronnen. Als je metaobjecten-vermeldingen wilt weergeven,bouw je een metaobject,maak je vermeldingen aanen zorg je ervoor dat het metaobjecttoegang tot de webshopheeft voordat je ze in secties met meerdere rijen kunt gebruiken.

Sectie-instellingen

De instellingen voor de sectie met meerdere rijen
Instellingen Beschrijving
Hoogte afbeelding Kies de hoogte voor de afbeelding:
  • Aanpassen aan afbeelding;
  • Klein
  • Gemiddeld (standaard);
  • Groot
Breedte van afbeelding op desktop De breedte voor de afbeelding:
  • Klein
  • Gemiddeld(standaard);
  • Groot
Grootte hoofdtekst Wijzig de grootte van de koptekst. Kies uitklein,gemiddeldofgroot.
Tekststijl Wijzigt de tekststijl. Kies tussenHoofdtekst(standaard) enOndertitel.
Knopstijl Kies uit een opgevulde knop en een omlijnde knop.
Positie van content op desktop De verticale positie van decontentin de container:
  • Boven
  • Midden(standaard);
  • Onder
Uitlijning van content op desktop De uitlijning van detekstin de container:
  • Links(standaard)
  • Centraal
  • Rechts
Plaatsing van afbeelding op desktop Kies de positie van de afbeeldingen. Plaatsing wordt automatisch geoptimaliseerd voor mobiel:
  • Afwisselend van links(standaard);
  • Afwisselend van rechts;
  • Links uitgelijnd;
  • Rechts uitgelijnd.
Kleurschema De achtergrondkleur van de sectie. Kies uit Accent 1, Accent 2, Achtergrond 1, Achtergrond 2 of Omgekeerd.
Kleurschema van container De achtergrondkleur van de rijen. Kies uit Accent 1, Accent 2, Achtergrond 1, Achtergrond 2 of Omgekeerd.
Opmaak voor mobiel Kies de uitlijning van content voor mobiele apparaten:
  • Links(standaard);
  • Rechts
  • Centraal
Opvulling voor sectie Voeg witruimte toe boven of onder de sectie met meerdere rijen. Voeg met de schuifregelaar 0-100 pixels witruimte toe boven of onder de sectie Afbeelding met tekst.

Rijblok

De instellingen voor de rijblokken in de sectie met meerdere rijen
Instellingen Beschrijving
Afbeelding Klik opAfbeeldingselecterenomeen afbeelding voor de rij te kiezen. Klik op de knopWijzigenomde afbeelding te wijzigen of te verwijderen. Klik op de bronknop om een link te maken naar dynamische bronnen.
Alt-tekst bewerken Klik om alt-tekst van afbeelding in te stellen voor zoekmachineoptimalisatie en om de afbeelding te beschrijven voor klanten die schermlezers gebruiken.
Bijschrift Voeg een tagline of bijschrift aan je afbeelding toe.
Opschrift Titeltekst voor de rij. Gebruik de knoppen om de tekst vetgedrukt of cursief te maken of om een link toe te voegen.
Tekst Toont tekst in alineastijl in de rij.
顶华tekstlabel会面 De tekst die wordt weergegeven op de knop.
Knop met link De URL waarnaar je de knop wilt laten verwijzen.

Pagina

Je kunt ervoor kiezen om de content van een aangepaste pagina weer te geven in een sectie. Hiermee wordt de volledige content van de pagina in de sectie geplaatst, maar wordt er geen Liquid-code van een template toegevoegd.

Sectie-instellingen

De instellingen voor de paginasectie
Instellingen Beschrijving
Pagina De pagina van je onlinewinkel die je wilt weergeven.
Grootte hoofdtekst Wijzig de grootte van de koptekst. Kies uit klein, gemiddeld of groot.
Kleurschema De achtergrondkleur van de collectiebloksectie. Kies uit Accent 1, Accent 2, Achtergrond 1, Achtergrond 2 of Omgekeerd.
Opvulling voor sectie Voeg spatiëring aan de boven- of onderkant van de paginasectie toe. Gebruik de schuifregelaar voor het bereik om boven of onder de paginasectie maximaal 100 pixels aan ruimte toe te voegen.

Tekst met opmaak

Je kunt een sectie voor opgemaakte tekst toevoegen met koptekst, een bijschrift, tekst en een knop waarmee je klanten naar een nieuwe pagina kunt linken.

Sectie-instellingen

De instellingen voor de tekst met opmaak-sectie
Instellingen Beschrijving
Positie van content op desktop Kies de positie van de container voor tekst met opmaak. Selecteer via de vervolgkeuzelijst links, midden (standaard) of rechts. Content wordt automatisch geoptimaliseerd voor mobiele apparaten.
内容uitlijnen Deze instelling is van invloed op de tekstuitlijning voor alle blokken in de sectie voor tekst met opmaak. Selecteer via de vervolgkeuzelijst links, midden (standaard) of rechts.
Kleurschema De achtergrond van de tekst met opmaak. Kies uit Accent 1, Accent 2, Achtergrond 1, Achtergrond 2 of Omgekeerd.
Volledige breedte voor sectie gebruiken Secties zijn standaard volledige breedte.
Opvulling voor sectie Voeg spatiëring aan de boven- of onderkant van de sectie Tekst met opmaak toe. Gebruik de schuifregelaar voor het bereik om boven of onder de sectie Tekst met opmaak maximaal 100 pixels aan ruimte toe te voegen.

Blok met koptekst

In de sectie voor opgemaakte tekst kun je maximaal drie blokken voor koptekst plaatsen.

De instellingen voor het koptekstblok in de sectie tekst met opmaak
Instellingen Beschrijving
Opschrift De titel van de sectie. Gebruik de knoppen om de tekst vetgedrukt of cursief te maken of om een link toe te voegen. Klik op de bronknop om een link te maken naar dynamische bronnen.
Grootte hoofdtekst Wijzig de grootte van de koptekst. Je kunt kiezen uit klein, gemiddeld, groot of extra groot.

Tekstblok

Het blokTekstis een goede manier om informatie over je merk met je klanten te delen. Je kunt de voordelen van je producten beschrijven, aankondigingen doen, klanten verwelkomen in je winkel of over je merkwaarden praten.

Je kunt maximaal drie tekstblokken in de sectie voor tekst met opmaak hebben.

De instellingen voor het tekstblok in de sectie tekst met opmaak
Instellingen Beschrijving
Beschrijving Tekst in alineastijl voor de hoofdcontent van de sectie. Klik op de bronknop om een link te maken naar dynamische bronnen.

Bijschriftblok

In de sectie voor opgemaakte tekst kun je maximaal drie blokken voor bijschriften plaatsen.

De instellingen voor het tekstblok in de sectie tekst met opmaak
Instellingen Beschrijving
Tekst Voeg een korte slogan toe aan de sectie voor tekst met opmaak.
Tekststijl Selecteer via de vervolgkeuzelijst een tekststijl: Ondertitel (standaard) of Hoofdletters.
Tekstgrootte Stel via de vervolgkeuzelijst de grootte van het bijschrift in. Kies tussen klein, gemiddeld (standaard) en groot.

Blok met knop

In de sectie voor opgemaakte tekst kun je maximaal twee blokken voor knoppen plaatsen.

De instellingen voor het knoppenblok in de sectie tekst met opmaak
Instellingen Beschrijving
顶华tekstlabel会面 De tekst die wordt weergegeven op de knop.
Knop met link De URL waarnaar je de knop wilt laten verwijzen.
Gebruik de knopstijl Omlijnen Past de knopstijl aan zodat de knop omlijnd is in plaats van effen.

Diavoorstelling

Je kunt een diavoorstellingssectie toevoegen om een carrousel van maximaal 5 afbeeldingen op een pagina in je winkel weer te geven.

Sectie-instellingen

De instellingen voor de sectie diavoorstelling
Instellingen Beschrijving
Opmaak Je kunt kiezen tussenVolledige breedte(standaard) ofGrid. Op volledige breedte wordt de diavoorstelling over de volledige breedte van de sectie weergegeven. Met Grid wordt de diavoorstelling met opvulling aan beide kanten weergegeven.
Diahoogte

De hoogte van de diavoorstelling:

  • Aanpassen aan eerste afbeelding: Alle afbeeldingen hebben dezelfde hoogte als de eerste afbeelding in de carrousel.
  • Klein
  • Gemiddeld (standaard);
  • Groot
Pagineringsstijl

De stijl van de navigatie in de diavoorstelling die wordt onder de afbeeldingen weergegeven.

  • Stippen
  • Teller (standaard);
  • Cijfers
Dia's automatisch draaien

Vink dit vakje aan om de beelden in de diavoorstelling automatisch te laten rouleren. Is dit vakje niet aangevinkt, dan toont de diavoorstelling een statisch beeld tot de klant de diavoorstelling handmatig vooruit schuift.
Dia-timer wijzigen Gebruik de balk om de automatisch rouleren tijd van de diavoorstelling in te stellen. Minimum: 3 seconden, maximum: 9 seconden.
Gedrag van afbeeldingen

Selecteer een animatie voor de afbeelding:

  • Geen(standaard)
  • Omgevingsbeweging: de afbeelding wordt langzaam naar de container verplaatst
Opmaak voor mobiel Vink het selectievakje aan om content op mobiel onder afbeeldingen weer te geven.
Toegankelijkheid Voeg een beschrijving toe voor je diavoorstelling voor klanten met visuele beperkingen.

Instellingen voor afbeelding op dia

De instellingen voor de afbeeldingen van de sectie diavoorstelling
Instellingen Beschrijving
Afbeelding Kies een statische of dynamische afbeelding voor de diavoorstelling. Klik opAfbeeldingselecterenomje mediabibliotheek te bekijken of klik op de bronknop om een dynamische bron te koppelen. Nadat je een afbeelding hebt geselecteerd, kun je op de knopWijzigenklikken om de afbeelding te verwijderen of te wijzigen.
Alt-tekst bewerken

Beschrijf de afbeelding van de diavoorstelling en geef context voor klanten die schermlezers gebruiken.
Opschrift

Optionele koptekst voor de afbeelding. Tekst wordt aan elke afbeelding afzonderlijk toegevoegd. Gebruik de knoppen om de tekst vetgedrukt of cursief te maken of om een link toe te voegen.
Grootte hoofdtekst

Je kunt kiezen tussen een kleine, gemiddelde (standaard) of grote kop.
Subkop Optionele subkoptekst voor de afbeelding. Tekst wordt aan elke afbeelding afzonderlijk toegevoegd. Gebruik de knoppen om de tekst vetgedrukt of cursief te maken of om een link toe te voegen.
顶华tekstlabel会面 Voer tekst voor een knop in of laat dit leeg om de knop volledig te verbergen.
Knop met link De URL waarnaar je de knop wilt laten verwijzen. Klik op de bronknop om een dynamische bron als URL toe te voegen.
Gebruik de knopstijl Omlijnen Klik op het selectievakje om te wisselen tussen een effen of een omlijnde knop.
Positie van content op desktop De positie van het contentvak over de afbeelding. Je kunt kiezen tussen boven, midden of onder, en links, centraal of rechts. Midden centraal is de standaardinstelling.
Container op desktop weergeven Vink het selectievakje aan om het contentvak weer te geven.
Uitlijning van content op desktop Lijnt de tekst in de container uit. Kies uit links, midden (standaard) of rechts.
Dekking van afbeeldingsoverlay Gebruik de schuifregelaar om de ondoorzichtigheid van de afbeeldings-overlay aan te passen.
Kleurschema Wijzig de achtergrondkleur van het contentvak. Je kunt kiezen tussen Accent 1, Accent 2, Achtergrond 1 (standaard), Achtergrond 2 of Omkeren. Voor deze instelling moet de container worden weergegeven om de afbeelding van de diavoorstelling te kunnen beïnvloeden.
Opmaak voor mobiel Je kunt kiezen hoe de content op een mobiel apparaat wordt weergegeven. Je hebt de keuze tussen links, centraal (standaard) of rechts.

Video

Je kunt een videosectie toevoegen om een video van YouTube of Vimeo in te voegen op een pagina in je winkel.

Sectie-instellingen

De instellingen voor de videosectie
Instellingen Beschrijving
Opschrift De titel van de sectie. Gebruik de knoppen om de tekst vetgedrukt of cursief te maken of om een link toe te voegen.
Grootte hoofdtekst Wijzig de grootte van de koptekst. Kies uit klein, gemiddeld of groot.
Video continu herhalen Als je dit aanvinkt, begint de video na afloop opnieuw.
Video Voeg je eigen video toe aan de sectie of selecteer deze. Je kunt de video bewerken om een aangepaste voorbeeldafbeelding te gebruiken, evenals alt-tekst toevoegen. Als je een door Shopify gehoste video toevoegt, wordt deze gebruikt in plaats van een URL-video uit de onderstaande instelling.
URL De YouTube- of Vimeo-link naar de video. Maakt de video openbaar beschikbaar. Deze wordt alleen weergegeven als je geen door Shopify gehoste video hebt toegevoegd bij de bovenstaande instelling.
Coverafbeelding De afbeelding die wordt weergegeven voordat een klant de video af speelt.
Alt-tekst video De alt-tekst voor de video. Beschrijft de context en het doel van de video voor klanten die schermlezers gebruiken.
Volledige breedte voor sectie gebruiken Verwijdert de standaard opvulling en maakt de sectie de volledige breedte van de pagina.
Kleurschema De achtergrondkleur van de collectiebloksectie. Kies uit Accent 1, Accent 2, Achtergrond 1, Achtergrond 2 of Omgekeerd.
Opvulling voor sectie Voeg spatiëring aan de boven- of onderkant van de video toe. Gebruik de schuifregelaar voor het bereik om boven of onder de videosectie maximaal 100 pixels aan ruimte toe te voegen.

Klaar om te beginnen met verkopen met Shopify?

Probeer het gratis