Tips voor Brooklyn

Dit artikel beschrijft een aantal handige tips en procedures voor het instellen van Brooklyn voor je onlinewinkel.

Navigatietips

Een vervolgkeuzelijst toevoegen

Maak menu's op je navigatiepagina als je vervolgkeuzelijsten aan je hoofdmenu wilt toevoegen. Raadpleeg Vervolgkeuzelijsten instellen in je onlinewinkel voor meer informatie.

Hoofdmenu wordt een zijbalkmenu

Als je hoofdmenu veel ruimte in beslag neemt, wordt het menu geconverteerd naar een zijbalkmenu dat wordt geopend wanneer je op een knop in het kopgedeelte klikt.

Je kunt voorkomen dat je hoofdmenu verandert in de zijbalkstijl door de volgende stappen te volgen:

• Voeg niet meer dan vier of vijf links toe aan je hoofdmenu.
• Gebruik een smal lettertype voor de links in je hoofdmenu. Je kunt het lettertype Accenttekst wijzigen in de typografie-instellingen.
• Maak menuopties met een beperkt aantal tekens. Je kunt bijvoorbeeld 'FAQ' gebruiken in plaats van 'Veelgestelde vragen' of 'Contact opnemen' in plaats van 'Neem contact met ons op'.

Tips voor afbeeldingen

Beste typen productafbeeldingen voor Brooklyn

• Omdat afbeeldingen met een hoge resolutie er gepolijst en professioneel uitzien, moeten je productafbeeldingen minimaal 1024 x 1024 pixels zijn. De beste vorm voor je productafbeeldingen is een vierkant.

• Idealiter hebben je afbeeldingen een egale achtergrondkleur. Een egale kleur is een effen kleur zonder schaduwen of markeringen. Al je afbeeldingen moeten dezelfde achtergrondkleur hebben.

• Als je het kader rondom je productafbeeldingen wilt verwijderen, stel dan de kleur van de Productachtergrond in de kleurinstellingen in op transparant.

Beste formaat voor afbeeldingen van diavoorstellingen

Beide afbeeldingsdia's die worden weergegeven in de Brooklyn-demowinkel zijn 1200 x 800 pixels. Het is een goed idee om al je afbeeldingsdia's hetzelfde formaat te geven.

Afbeeldingen bijsnijden op kleine schermen

Op kleine apparaten vullen afbeeldingsdia's het scherm van de bovenrand tot de onderrand. De dia's worden zodanig aangepast dat ze de hoogte van het scherm van het apparaat hebben. Om het scherm te vullen zonder de afbeeldingen te vervormen, worden de dia's links en rechts bijgesneden.

Op grote schermen worden de afbeeldingsdia's zo aangepast dat de breedte ervan overeenkomt met de breedte van het browservenster. Om het venster te vullen zonder de afbeeldingen te vervormen, worden de dia's onderaan bijgesneden.

In het volgende voorbeeld zie je de desktop- en mobiele versie van dezelfde onlinewinkel:

Een afbeelding instellen voor blogposts

De eerste afbeelding in een blogartikel wordt gebruikt als de uitgelichte afbeelding voor de blogpagina. Lees in Blogposts schrijven hoe je een afbeelding aan een blogartikel toevoegt.

Tips voor producten

Uitverkoopbadges toevoegen aan producten

Je kunt een uitverkoopbadge toevoegen aan een product door een prijsvergelijking in te stellen die hoger is dan de normale prijs. De badge wordt op de afbeelding voor dat product op collectiepagina's weergegeven.

Instellen welke producten groter worden weergegeven op collectiepagina's

Als je je collectiepagina's zo instelt dat producten in collagestijl worden weergegeven, worden sommige van je producten weergegeven met grote afbeeldingen en sommige met kleine afbeeldingen. De grootte van de afbeelding is gebaseerd op de volgorde van de producten in de collectie. Je kunt de volgorde van de producten op de collectiepagina wijzigen in de beheerder. Klik op de collectie die je wilt bewerken, en selecteer vervolgens in het gebied Producten de optie Handmatig in de vervolgkeuzelijst Sorteren. Sleep de producten vervolgens in de volgorde waarin je ze in je onlinewinkel wilt weergeven.

Voor elke zes producten hebben het eerste en zesde product grote productafbeeldingen. Bijvoorbeeld: de eerste, zesde, zevende, twaalfde, dertiende en achttiende afbeeldingen in de collectie hebben grote afbeeldingen:

Als je een grid met productafbeeldingen van hetzelfde formaat wilt weergeven, kun je je collecties zodanig instellen dat producten in de gridstijl worden weergegeven.

Scrollanimatie bij het selecteren van een variant

Als de productbeschrijving op de productpagina kort genoeg is om op het scherm te passen zonder te scrollen, zie je een scrollanimatie wanneer je een variant selecteert die een afbeelding heeft. Als de beschrijving te lang is om op het scherm te passen zonder omlaag te scrollen, wordt de bovenste afbeelding vervangen door de variantafbeelding en blijft de scrollanimatie achterwege.

Zorg ervoor dat je productbeschrijvingen kort zijn als je de scrollanimatie wilt weergeven.