Koptekst

Logo

Logo-afbeelding

AfbeeldingAls dit leeg is, wordt de winkelnaam als tekst getoond.

Logobreedte op desktop

Schuifregelaar, 100 tot 300 pxStandaard: 190 pxBreedte van het zichtbare deel van het logo, nadat de transparante marges zijn bijgesneden.

Maximale logohoogte op desktop

Schuifregelaar, 40 tot 160 pxStandaard: 65 pxEen hoog logo wordt verkleind tot deze hoogte. De hoogte is die van het zichtbare deel.

Logobreedte op telefoons

Schuifregelaar, 80 tot 200 pxStandaard: 100 pxBreedte van het zichtbare deel van het logo op telefoons en tablets. Op smalle telefoons wordt het zo nodig kleiner, zodat de pictogrammen ernaast genoeg ruimte houden.

Maximale logohoogte op telefoons

Schuifregelaar, 24 tot 44 pxStandaard: 34 pxEen hoog logo wordt op telefoons en tablets verkleind tot deze hoogte. De balk is vast 48px hoog, dus maximaal 44.

Positie van het logo in de inkeping op telefoon

Schuifregelaar, -8 tot 12 pxStandaard: 4 pxEen positief getal verplaatst het logo omlaag, een negatief getal omhoog. 0: gecentreerd in de rij van de koptekst.

Positie van het logo in de inkeping op desktop

Schuifregelaar, -8 tot 12 pxStandaard: 0 pxEen positief getal verplaatst het logo omlaag, een negatief getal omhoog. 0: gecentreerd in de rij van de koptekst.

Transparante marges van het logo bijsnijden

Bijsnijden vanaf boven

Schuifregelaar, 0 tot 40 %Standaard: 17 %

Bijsnijden vanaf onder

Schuifregelaar, 0 tot 40 %Standaard: 22 %

Bijsnijden vanaf links

Schuifregelaar, 0 tot 40 %Standaard: 7.5 %

Bijsnijden vanaf rechts

Schuifregelaar, 0 tot 40 %Standaard: 3.5 %

Een logo-afbeelding heeft meestal transparante marges rond de signatuur. Stel in hoeveel er van elke kant van de afbeelding wordt afgesneden (in procenten); de logogroottes hierboven gelden dan voor wat overblijft. Voor een afbeelding die al strak is bijgesneden, laat je elke waarde op 0.

Pictogrammen

Zoekknop tonen

Aan of uitStandaard: Aan

Woorden die in het zoekveld worden getypt

TekstOp telefoons worden deze woorden, wanneer zoeken opent, een voor een in het veld getypt. Scheid ze met komma's. Laat leeg om de namen van de links in het hoofdmenu te gebruiken. Ze verschijnen ook als ideeën vóór het typen.

Vóór het typen

Keuze: Ideeën en recente zoekopdrachten, Alleen ideeën, Alleen recente zoekopdrachten, NietsStandaard: Ideeën en recente zoekopdrachtenIdeeën zijn de woorden van het zoekveld. Recente zoekopdrachten zijn van elke klant zelf, bewaard in de eigen browser.

Accountmenu

MenuLinks in het accountvenster van Shopify, onder het inloggen. "Hoofdmenu klantaccount" houdt ze gelijk aan de accountpagina's.

Grootte van de munten in de koptekst

Schuifregelaar, 36 tot 48 pxStandaard: 40 pxDiameter van de munten in de koptekst op telefoon en tablet. Op een computer heeft de koptekst geen munten: de pictogrammen staan als lijnen op de strook. Het pictogram in een munt is de helft van de diameter.

Tas reageert op toevoegen

Aan of uitStandaard: AanAls een product aan de winkelwagen wordt toegevoegd, zakt de tas iets, wordt ingedrukt en veert terug. Niet wanneer een aantal in de winkelwagen verandert.

Koptekst op computer

Menustijl op computer

Keuze: Bibliotheek: alle links in kolommen, Kamers: één groep tegelijk, Galerij: een afbeelding per groepStandaard: Bibliotheek: alle links in kolommenHoe het paneel onder de strook de links van een menu-item toont. Gebouwd uit je gewone menu, tot drie niveaus.

Collectieafbeelding in menu’s

Aan of uitStandaard: AanIn de stijlen bibliotheek en kamers staat de collectieafbeelding naast de links en wisselt die met de link onder de aanwijzer. De galerij toont altijd afbeeldingen.

Kleur van het menupaneel

Keuze: Wit, zoals zoeken, Donker, Eigen kleurStandaard: Wit, zoals zoeken

Paneelkleur

KleurDe tekstkleur wordt automatisch gekozen: donker op een lichte kleur, licht op een donkere.

Zwevend menu op telefoon

Zwevend menu bij scrollen

Keuze: Uit, Op telefoonsStandaard: Op telefoonsOp telefoons zweven, zodra de header uit beeld scrolt, dezelfde vier pictogrammen in een pil onderaan het scherm, dicht bij de duim. Menu, zoeken en winkelwagen openen van bovenaf, net als bovenaan de pagina. Chat-apps: laat in hun instellingen een ondermarge van minstens 90 px, zodat ze erboven staan.

Vorm van het zwevende menu

Keuze: Tab uit de rand, Zwevend, smal bovenaan, Zwevend, breed bovenaanStandaard: Tab uit de randTab: rijst op uit de onderkant van de rand in de vorm van de logo-inkeping, in de randkleur. De zwevende vormen gebruiken de menukleur hieronder.

Kleur van het zwevende menu

Keuze: Zoals de munten in de header, Donker, LichtStandaard: Zoals de munten in de header"Zoals de munten in de header" volgt de kleur van de munten in de header: donker bij een donker kader, licht bij een wit kader.

Kleur van de iconen in het onderste menu

KleurDe iconen in het zwevende menu op telefoons. Leeg: de kleur van de menutoon.

Kleur van de ringen in het onderste menu

KleurDe dunne ring om elk icoon, zonder vulling. Een open icoon vult zich met deze kleur. Leeg: de kleur van de menutoon.

Afstand tot de rand

Schuifregelaar, 0 tot 24 pxStandaard: 4 pxDe ruimte tussen het menu en de rand eronder, of de browserbalk als die de rand bedekt. Gelijk bij omhoog en omlaag scrollen. Standaard: 4 px.

Menu

Hoofdmenu

MenuBewerk de menu-items via Content > Menu's.

Kleine kop boven het telefoonmenu

TekstLaat leeg om de standaardwaarde te gebruiken.

Knoptekst van ledenclub

TekstDe knop onderaan het telefoonmenu. Laat leeg om de standaardwaarde te gebruiken.

Taal- en landkiezer in het menu

Aan of uitStandaard: AanBoven de clubknop. Verschijnt alleen als er meer dan één taal of land is.

Taalkeuze in de balk

Aan of uitStandaard: AanOp computers een taalkeuze in de bovenste balk, voor het zoekpictogram. Op telefoon en tablet staat die in het menu.

Vlaggen naast de talen

Aan of uitStandaard: AanEen kleine vlag naast elke taal. Sommige winkels laten ze liever weg, omdat een taal geen land is.

Sociale netwerken in het menu

Aan of uitStandaard: AanEen rij massieve pictogrammen onder de clubknop, zoals in de voettekst. Links en volgorde stel je in via Thema-instellingen, onder Social media. Facebook, Instagram, TikTok, YouTube en X worden als eenvoudig pictogram getoond totdat je een link toevoegt; andere netwerken alleen met een link.

Kleur van menu

KleurStandaard: #FFFFFFElke kleur die je wilt. Tekst en knop passen zich aan: op een donkere kleur is de tekst crème. Standaard: wit, net als het kader.

Achtergrondstijl

Keuze: Effen kleur, Verlicht podiumStandaard: Effen kleurVerlicht podium: een zacht licht van boven dat naar onderen afneemt, gemaakt van de gekozen kleur. Op een lichte kleur wordt de bovenkant wit; op een donkere kleur wordt het een donker podium.

Kleur van licht

KleurHet zachte licht vanuit het midden bovenaan. Leeg: wit.

Kleur van clubknop

KleurDe knop onderaan het menu. Leeg: de menukleur. De tekst wordt licht of donker om erbij te passen.

Achtergrondafbeelding van menu

AfbeeldingOptioneel. De afbeelding wordt pas geladen wanneer het menu voor het eerst wordt geopend. Er ligt een sluier in de menukleur overheen.

Sterkte van de sluier over de afbeelding

Schuifregelaar, 0 tot 100 %Standaard: 80 %Hoeveel van de menukleur de afbeelding bedekt, zodat de tekst leesbaar blijft. 0 toont de afbeelding zoals die is.