In de thema-editor: Aanpassen›Startpagina›Sectie toevoegen›Hero-diavoorstelling
Hero-diavoorstelling
Dia’s over de volle breedte bovenaan de pagina, elk met een eigen afbeelding voor computer en telefoon, een kop, een regel tekst en maximaal twee knoppen.
Twee knoppen op één dia, zoals “Dames” en “Heren”, sturen elke doelgroep direct naar de eigen collectie. Afbeeldingen: 3840 × 1740 voor computers, 1200 × 2640 voor telefoons.
Instellingen
Banner
- Afronding van hoeken
- Schuifregelaar, 0 tot 40 pxStandaard: 26.4 px
- Ruimte tussen afbeeldingen
- Schuifregelaar, 0 tot 40 pxStandaard: 0 pxStandaard 0: dia's wisselen binnen het kader zonder tussenruimte. Een tussenruimte boven nul is zichtbaar tijdens het wisselen.
Uiterlijk van afbeelding
- Bannerafbeelding op desktop
- Keuze: Hele afbeelding (volgens beeldverhouding), Scherm vullen (snijdt randen bij)Standaard: Hele afbeelding (volgens beeldverhouding)Hele afbeelding: de originele afbeelding volledig, nooit bijgesneden of vergroot. De banner is zo hoog als de hoogste afbeelding (tot de schermhoogte), en een bredere afbeelding wordt volledig getoond met een donkere band erboven en eronder. Wanneer alle afbeeldingen dezelfde vorm hebben, zijn er geen banden. Scherm vullen: de banner neemt het hele eerste scherm in, en de afbeelding wordt aan de randen bijgesneden om het te vullen.
- Bannerafbeelding op telefoon
- Keuze: Hele afbeelding (volgens beeldverhouding), Scherm vullen (snijdt randen bij)Standaard: Scherm vullen (snijdt randen bij)Hele afbeelding: de originele afbeelding volledig, nooit bijgesneden of vergroot. De banner is zo hoog als de hoogste afbeelding (tot de schermhoogte), en een bredere afbeelding wordt volledig getoond met een donkere band erboven en eronder. Wanneer alle afbeeldingen dezelfde vorm hebben, zijn er geen banden. Scherm vullen: de banner neemt het hele eerste scherm in, en de afbeelding wordt aan de randen bijgesneden om het te vullen.
- Afbeelding donkerder maken
- Schuifregelaar, 0 tot 60 %Standaard: 0 %Een donkere laag over de afbeelding, zodat woorden erop leesbaar blijven. 0 betekent geen laag.
- Uitzoomen terwijl een dia wordt getoond
- Aan of uitStandaard: AanDe afbeelding begint vergroot en trekt zich langzaam terug tot de volledige grootte terwijl de dia wordt getoond. Met automatisch wisselen duurt dit 90% van de tijd van de dia; anders 4,5 seconden. Uit wanneer het apparaat is ingesteld op minder beweging. Dia’s met een video zoomen niet.
- Beginvergroting
- Schuifregelaar, 102 tot 140 %Standaard: 128 %
Woorden en knop
- Tekstpositie
- Keuze: Midden, Hoek, VrijStandaard: MiddenMidden: de woorden en de knop staan gecentreerd onderaan de afbeelding. Hoek: in de onderhoek aan de kant waar het lezen begint (rechts in het Hebreeuws, links in het Engels), uitgelijnd naar die kant. Vrij: elk element (kop, kleine regel, knop) op de plek, in de grootte en in de kleur die in het eigen blok zijn ingesteld, apart voor telefoons en desktop.
- Uiterlijk van knop
- Keuze: Glas (doorzichtig), Donker, Licht, Effen lichtStandaard: Glas (doorzichtig)
- Transparantie van glas
- Schuifregelaar, 0 tot 100 %Standaard: 70 %0 is volledig helder, 100 volledig dekkend. De dunne lijn rond de knop blijft staan.
- Pijl na de knoptekst
- Aan of uitStandaard: AanWijst vooruit: links in het Hebreeuws, rechts in het Engels. Niet getoond op telefoons. Een pijl die aan het einde van een knoptekst is getypt, wordt door deze vervangen.
- Glans op de knop
- Aan of uitStandaard: AanOm de paar seconden gaat er een lichtstreek over de knop, alleen zolang die in beeld is. Uit wanneer het apparaat is ingesteld op minder beweging.
- Hoe de woorden binnenkomen
- Keuze: Langzaam glijden (zoals ‘Nieuwe items’), Een voor een, Allemaal tegelijk, Lichtspoor, Geen binnenkomstStandaard: Langzaam glijden (zoals ‘Nieuwe items’)Wanneer een dia verschijnt, bewegen de woorden naar hun plek. Lichtspoor: een halve seconde nadat de afbeelding begint te bewegen, worden de regel, de kop en de knop samen onthuld met een zachte rand vanaf de kant waar de afbeelding vandaan komt, op telefoons en desktop. Langzaam glijden: ze komen samen op volgens de curve van de kop ‘Nieuwe items’, 3,4 seconden. Een voor een en Allemaal tegelijk zijn sneller. Deze drie zijn alleen voor telefoons. Uit op apparaten die zijn ingesteld op minder beweging.
Beweging
- Dia's automatisch wisselen
- Aan of uitStandaard: AanStopt zolang een bezoeker het toetsenbord erin gebruikt, sleept of op pauze drukt, en zolang de voorstelling buiten beeld is of het tabblad verborgen is.
- Tijd dat elke dia wordt getoond
- Schuifregelaar, 2 tot 10 sStandaard: 5 s
- Pauzeren zolang de muis erboven is
- Aan of uitStandaard: UitAlleen computers met een muis. Standaard uit: de dia's blijven wisselen.
- Snelheid van de wissel tussen dia's
- Keuze: Snel, Normaal, LangzaamStandaard: Normaal
Navigatie
- Stippen onder de afbeeldingen tonen
- Aan of uitStandaard: AanEén per dia. De huidige is langer en vult zich in afwachting van de volgende wissel.
- Ruimte tussen stippen
- Keuze: Ruim, CompactStandaard: RuimDe ruimte tussen de stippen onder de afbeeldingen. De stippen tonen alleen de positie: veeg op telefoons, en sleep of gebruik de pijlen op desktop.
- Pijlen tonen
- Aan of uitStandaard: UitPijlen in muntstijl aan de randen van de afbeelding, alleen op desktop. Op telefoons en tablets veeg je.
- Pauzeknop altijd tonen
- Aan of uitStandaard: UitAnders verschijnt de pauzeknop alleen wanneer die met het toetsenbord wordt bereikt.
Toegankelijkheid
- Naam voor schermlezers
- TekstWordt voorgelezen wanneer een schermlezer de diavoorstelling bereikt. Leeg: een algemene naam.
Blokken
Blokken zijn de onderdelen binnen een sectie. In de editor kun je ze toevoegen, verwijderen en verslepen om de volgorde te veranderen.
Afbeelding
Afbeeldingen
- Afbeelding voor computers
- AfbeeldingHet focuspunt van de afbeelding (in de afbeeldingskiezer) bepaalt wat in beeld blijft wanneer die wordt bijgesneden.
- Afbeelding voor telefoons
- AfbeeldingOptioneel. Leeg: de afbeelding voor computers wordt ook op telefoons gebruikt.
- Video
- VideobestandAls er een video is gekozen, vervangt die de afbeelding en start die pas wanneer die in beeld scrolt. De afbeelding blijft als poster.
- Video voor telefoon
- VideobestandOptioneel. Als dit leeg is, toont de telefoon de gewone video.
- Beschrijving van afbeelding
- TekstWordt voorgelezen aan bezoekers die de afbeelding niet kunnen zien. Als er woorden in de afbeelding staan, schrijf ze dan hier. Leeg: de beschrijving die bij de afbeelding is opgeslagen.
KopIn Afbeelding
Algemeen
- Tekst
- Tekst
Uiterlijk
- Grootte op telefoons
- Schuifregelaar, 0 tot 96 pxStandaard: 0 px0: automatisch, zoals in het thema.
- Grootte op desktop
- Schuifregelaar, 0 tot 140 pxStandaard: 0 px0: automatisch, zoals in het thema.
- Gewicht
- Schuifregelaar, 0 tot 900Standaard: 00: automatisch, zoals in het thema.
- Kleur
- KleurLeeg: wit.
- Dekking
- Schuifregelaar, 0 tot 100 %Standaard: 100 %100 is volledig dekkend, 0 volledig helder.
Vrije positie
- Afstand tot de zijkant, telefoon
- Schuifregelaar, 0 tot 100 %Standaard: 6 %0 is de kant waar het lezen begint (links in het Engels, rechts in het Hebreeuws), 100 de andere kant. Het punt is de rand van de tekst volgens de uitlijning, of het midden bij centreren.
- Hoogte, telefoon
- Schuifregelaar, 0 tot 100 %Standaard: 70 %0 is de bovenkant van de afbeelding, 100 de onderkant. Het punt is het midden van de regel.
- Afstand tot de zijkant, desktop
- Schuifregelaar, 0 tot 100 %Standaard: 6 %0 is de kant waar het lezen begint (links in het Engels, rechts in het Hebreeuws), 100 de andere kant. Het punt is de rand van de tekst volgens de uitlijning, of het midden bij centreren.
- Hoogte, desktop
- Schuifregelaar, 0 tot 100 %Standaard: 68 %0 is de bovenkant van de afbeelding, 100 de onderkant. Het punt is het midden van de regel.
- Uitlijning
- Keuze: Begin, Midden, EindeStandaard: BeginOok het positiepunt: het begin, het midden of het einde van de tekst.
- Maximale breedte op telefoons
- Schuifregelaar, 0 tot 100 %Standaard: 0 %Procent van de afbeeldingsbreedte. 0: volgens de lengte van de tekst. Langere tekst loopt door op een volgende regel.
- Maximale breedte op desktop
- Schuifregelaar, 0 tot 100 %Standaard: 0 %Procent van de afbeeldingsbreedte. 0: volgens de lengte van de tekst. Langere tekst loopt door op een volgende regel.
Kleine regelIn Afbeelding
Algemeen
- Tekst
- Tekst
Uiterlijk
- Grootte op telefoons
- Schuifregelaar, 0 tot 40 pxStandaard: 0 px0: automatisch, zoals in het thema.
- Grootte op desktop
- Schuifregelaar, 0 tot 48 pxStandaard: 0 px0: automatisch, zoals in het thema.
- Gewicht
- Schuifregelaar, 0 tot 900Standaard: 00: automatisch, zoals in het thema.
- Kleur
- KleurLeeg: wit.
- Dekking
- Schuifregelaar, 0 tot 100 %Standaard: 100 %100 is volledig dekkend, 0 volledig helder.
Vrije positie
- Afstand tot de zijkant, telefoon
- Schuifregelaar, 0 tot 100 %Standaard: 6 %0 is de kant waar het lezen begint (links in het Engels, rechts in het Hebreeuws), 100 de andere kant. Het punt is de rand van de tekst volgens de uitlijning, of het midden bij centreren.
- Hoogte, telefoon
- Schuifregelaar, 0 tot 100 %Standaard: 79 %0 is de bovenkant van de afbeelding, 100 de onderkant. Het punt is het midden van de regel.
- Afstand tot de zijkant, desktop
- Schuifregelaar, 0 tot 100 %Standaard: 6 %0 is de kant waar het lezen begint (links in het Engels, rechts in het Hebreeuws), 100 de andere kant. Het punt is de rand van de tekst volgens de uitlijning, of het midden bij centreren.
- Hoogte, desktop
- Schuifregelaar, 0 tot 100 %Standaard: 77 %0 is de bovenkant van de afbeelding, 100 de onderkant. Het punt is het midden van de regel.
- Uitlijning
- Keuze: Begin, Midden, EindeStandaard: BeginOok het positiepunt: het begin, het midden of het einde van de tekst.
- Maximale breedte op telefoons
- Schuifregelaar, 0 tot 100 %Standaard: 0 %Procent van de afbeeldingsbreedte. 0: volgens de lengte van de tekst. Langere tekst loopt door op een volgende regel.
- Maximale breedte op desktop
- Schuifregelaar, 0 tot 100 %Standaard: 0 %Procent van de afbeeldingsbreedte. 0: volgens de lengte van de tekst. Langere tekst loopt door op een volgende regel.
KnopIn Afbeelding
Algemeen
- Knoptekst
- TekstLeeg, en ook een lege link: ‘Alle collecties’ naar de collectiepagina.
- Link
- LinkLeeg, en ook lege tekst: de collectiepagina.
Positie
- Positie van knop
- Keuze: Met de tekst, VrijStandaard: Met de tekstMet de tekst: onder de kop, waar de bannertekst is geplaatst. Vrij: overal op de afbeelding, volgens de instellingen hieronder, terwijl de tekst blijft waar die staat.
- Afstand tot de zijkant, telefoon
- Schuifregelaar, 0 tot 100 %Standaard: 6 %0 is de kant waar het lezen begint (links in het Engels, rechts in het Hebreeuws), 100 de andere kant. Het punt is de rand van de tekst volgens de uitlijning, of het midden bij centreren.
- Hoogte, telefoon
- Schuifregelaar, 0 tot 100 %Standaard: 88 %0 is de bovenkant van de afbeelding, 100 de onderkant. Het punt is het midden van de regel.
- Afstand tot de zijkant, desktop
- Schuifregelaar, 0 tot 100 %Standaard: 6 %0 is de kant waar het lezen begint (links in het Engels, rechts in het Hebreeuws), 100 de andere kant. Het punt is de rand van de tekst volgens de uitlijning, of het midden bij centreren.
- Hoogte, desktop
- Schuifregelaar, 0 tot 100 %Standaard: 86 %0 is de bovenkant van de afbeelding, 100 de onderkant. Het punt is het midden van de regel.
- Uitlijning
- Keuze: Begin, Midden, EindeStandaard: BeginOok het positiepunt: het begin, het midden of het einde van de tekst.
Grootte
- Breedte op telefoons
- Schuifregelaar, 0 tot 400 pxStandaard: 0 px0: volgens de lengte van de tekst. De tekst staat altijd gecentreerd in de knop.
- Breedte op desktop
- Schuifregelaar, 0 tot 400 pxStandaard: 0 px0: volgens de lengte van de tekst. De tekst staat altijd gecentreerd in de knop.
- Hoogte op telefoons
- Schuifregelaar, 0 tot 96 pxStandaard: 0 px0: automatisch, zoals in het thema.
- Hoogte op desktop
- Schuifregelaar, 0 tot 96 pxStandaard: 0 px0: automatisch, zoals in het thema.
- Tekstgrootte op telefoons
- Schuifregelaar, 0 tot 40 pxStandaard: 0 px0: automatisch, zoals in het thema.
- Tekstgrootte op desktop
- Schuifregelaar, 0 tot 40 pxStandaard: 0 px0: automatisch, zoals in het thema.
- Tekstgewicht
- Schuifregelaar, 0 tot 900Standaard: 00: automatisch, zoals in het thema.
- Knopgrootte op telefoons
- Schuifregelaar, 50 tot 200 %Standaard: 100 %Vergroot of verkleint de hele knop, inclusief tekst, in dezelfde verhouding.
- Knopgrootte op desktop
- Schuifregelaar, 50 tot 200 %Standaard: 100 %Vergroot of verkleint de hele knop, inclusief tekst, in dezelfde verhouding.
Vorm
- Hoeken
- Keuze: Zoals elke knop op de site, Vierkant, Volledig rond, AangepastStandaard: Zoals elke knop op de site
- Afronding van hoeken
- Schuifregelaar, 0 tot 40 pxStandaard: 10 px
Klopt iets hier niet met wat je in de editor ziet? Laat het ons weten, dan passen we de handleiding aan.