Changelog
bugfix

The price slider on collection pages wasn't working on some mobile devices, we've solved that.

feature

We've added payment icons for INGhomepay and Cartesbancaires.

minor
bugfix

In some cases the newsletter popup would show up on every page reload, this is solved.

Bekijk hele changelog

1. General

Logo

Laad zelf een favicon en een logo in. Je logo kan je uploaden in JPG en PNG, maar we hebben ook de mogelijkheid gerealiseerd om je logo in SVG in te laden. Laad eerst je SVG logo in bij bestanden en kopieer het bestand URL (zie video). Let op: de SVG gaat schrijft het toegevoegde JPG of PNG over, dus wanneer zowel een JPG/PNG als SVG logo is toegevoegd, zal het SVG logo getoond worden.

Daarnaast is het mogelijk om, na het uploaden van een logo, drie formaten uit te kiezen.

Bekijk afbeelding Bekijk video

Achtergrond

Het is mogelijk om een achtergrondafbeelding of achtergrondkleur in te stellen door een achtergrondafbeelding up te loaden. Vervolgens kan je de positie wijzigen en aangeven of de toegevoegd afbeelding zich moet herhalen.

Bekijk afbeelding Bekijk video

Verlanglijst & Vergelijk

Je kan de functies 'Verlanglijst' en 'Vergelijk' aan- of uitzettend. Indien geactiveerd dan worden de icoontjes voor 'Verlanglijst' en 'Vergelijk' getoond. Indien niet ingeschakeld worden deze icoontjes niet weergegeven.

Bekijk afbeelding

Lettertype

Je kan voor titels en overige tekstuele content lettertypes afzonderlijk van elkaar instellen. Daarnaast is er een mogelijk om alle content standaard in hoofdletters te tonen of een schaduw te geven aan alle titels.

Bekijk afbeelding Bekijk video

Kleuren

Stel hier de kleuren van je huisstijl in.

Bekijk afbeelding

3. Homepage structure

Instellingen

Selecteer hier of je alle tekstuele content links of in het midden wilt uitlijnen.

Je kan hier ook selecteren of je merkenlogo's wel of niet wilt tonen.

Bekijk afbeelding

Homepage blokken

Met de dropdown kan je gemakkelijk zelf kiezen in welke volgorde je alle content op de homepage wilt tonen. Je kan zelf kiezen welke elementen er in welke volgorde worden getoond.

Wanneer je een blok niet wilt tonen op de homepage, kies dan in de dropdown 'No'.

Bekijk afbeelding Bekijk video

4. Homepage headline settings

Instellingen

Wil je een slider met headlineafbeeldingen tonen onder de header, activeer dan de homepage headline. Indien geactiveerd kan je ervoor kiezen om de headlineafbeeldingen in de slider beeldvullend in de breedte te tonen of binnen de container van de shop. Indien je ervoor hebt gekozen de afbeeldingen over de volle breedte te tonen, kan je er ook voor kiezen om ze in de hoogte over de volle breedte te tonen.

Daarnaast kan je de pagination van de headlines aan- of uitzetten en kan je de pagination voorzien van een gewenste kleur.

Activeer de functie 'Autoplay' om ervoor te zorgen dat de slider automatisch slide. Indien je deze functie niet geactiveerd hebt blijven de afbeeldingen staan en kan je swipen of de pagination gebruiken om te navigeren naar een andere afbeelding (indien er meerdere zijn toegevoegd).

Bekijk afbeelding

Homepage headline (1/2/3)

IStandaard kan je in het thema drie headlines (headlineafbeeldingen) toevoegen. Voordat je een headlineafbeelding toevoegt moet je de headlineafbeelding eerst activeren. Wanneer geactiveerd en wanneer je een headlineafbeelding hebt geupload kan je vervolgens tekst invoeren en de plaats van de tekst op de headline per headline bepalen. Tevens kan je ervoor kiezen om de URL waar de headlineafbeelding naar moet linken als tekstlink of button te plaatsen. Onderaan kan je vervolgens de kleuren van de tekst, tekstlink en/of button beheren.

LET OP: Bij het invoeren van de URL voer je uitsluitend alles na de / toe. Dus uitsluitend het gedeelte na 'http(s)://www.domeinnaam.nl/'.

Bekijk afbeelding Bekijk video

Video headline

Je kan ook een mp4 video laten zien in de slider. Zaak is dat je bovenaan deze instelling deze video headline eerst activeert. Vervolgens die je de URL van jouw mp4 video in het invoerveld te plaatsen (zie hiervoor de omschrijving bij deze instelling in de backoffice). Daaronder kan je vervolgens, conform de toelichting hierboven, de titels, teksten, de plaats ervan en de kleur wijzigen.

Bekijk afbeelding Bekijk video

5. Homepage banners

Instellingen

Het thema bevat een mogelijkheid voor het tonen van twee banners. Indien je banners wilt tonen, activeer deze dan eerst. Indien je de banners 'boxed' wilt weergeven, dan kan je hier ook voor kiezen. Indien de banners 'Boxed' worden weergegeven worden de banners over de gehele breedte en tegen elkaar weergegeven. Indien je niet voor deze optie kiest worden de banners kleiner en met een witruimte tussen de banners getoond.

Bekijk afbeelding

Homepage banner (1/2)

Voor beide banners kan je zelf een afbeelding uploaden. Vervolgens kan je bij de instellingen daaronder zelf aangeven welke titels de banners moeten bevatten, waar ze naartoe moeten linken en waar de titels en URL's geplaatst moeten worden.

LET OP: Bij het invoeren van de URL voer je uitsluitend alles na de / toe. Dus uitsluitend het gedeelte na 'http(s)://www.domeinnaam.nl/'.

Bekijk afbeelding Bekijk video

6. Custom blog

Instellingen

Indien je blogs hebt kan je deze op de standaard 'Lightspeed manier' weergeven of conform de custom oplossing binnen Theme Mandrill. Indien je de custom blog weergave wilt hanteren, activeer deze dan.

Vervolgens kan je met de overige instellingen aangeven welke onderdelen je wel of niet wilt weergeven op het blogoverzicht of de artikelenpagina zelf. Voor meer informatie verwijzen we je graag door naar de omschrijving onder de instellingen in je backoffice.

Bekijk afbeelding Bekijk video

7. Homepage products

Instellingen

Indien je producten op de voorpagina wilt tonen kan je dit via 'Producten voorpagina' in Lightspeed toevoegen. De producten die aan deze instelling gekoppeld zijn vallen in de dropdown onder de noemer 'Featured products'.

In het thema zit daarnaast de mogelijkheid om nog twee tabjes met producten op de voorpagina toe te voegen; 'Popular products' en 'New products'. De populaire en nieuwe artikelen kan je niet zelf beheren; deze worden gevoed door Lightspeed zelf. De populaire producten betreffen de producten met de meeste page views en de nieuwste producten de producten die het meest recent zijn toegevoegd.

Bekijk afbeelding

8. Collection

Instellingen

In het thema kan je kiezen voor drie verschillende collectie pagina's (productoverzichten). Je kan kiezen of je wel of geen sidebar wilt tonen, of je filters wilt tonen en zo ja, of je die filters in de sidebar wilt tonen of bovenaan de pagina. Indien je voor de laatste optie kiest worden de filters verborgen achter een button, die past zichtbaar worden als je op die button klikt. Daarnaast kan je aangeven of je de tekstuele content van een categorie bovenaan of onderaan de pagina wilt weergeven.

Bekijk afbeelding

Collectie product instellingen

In het thema kan je zelf instellen hoe je producten op de homepage, onder gerelateerde producten en op categoriepagina's/productoverzichten wilt weergeven. Zo kan je er bijvoorbeeld voor kiezen om producten klein of groot te tonen. Indien je ze groot wilt tonen verandert de weergave en toon je één product minder op een rij (desktop versie).

Tevens kan je ervoor kiezen om de quick view optie wel of niet te tonen, of je spacing wilt hanteren, of je beoordelingssterren wilt tonen, of alle afbeeldingen in dezelfde afmeting moeten worden getoond, of je de korte omschrijving van een product wilt tonen (en zo ja, in hoeveel rijen) en meer.

Voor meer informatie verwijzen we je graag door naar de omschrijvingen bij de instellingen in jouw backoffice.

Bekijk afbeelding Bekijk video

10. Catalog

Instellingen

Hier bepaal je of je een sidebar wilt tonen op categorieoverzichten (catalog pages). Daarnaast kan je hier kiezen of je de tekstuele content boven- of onderaan de pagina wenst weer te geven.

Bekijk afbeelding

11. Product detail page

Instellingen

In het thema bepaal je zelf welke content er wel of niet op de productpage wordt weergegeven. Zo ja kan je bijvoorbeeld een lijntje om de productafbeeldingen activeren of deactiveren, ervoor zorgen dat de achtergrond van de productafbeeldingen grijs worden weergeven in plaats van wit of meer. Voor meer informatie verwijzen we je graag door naar de omschrijvingen bij de instellingen in jouw backoffice.

Bekijk afbeelding Bekijk video

13. Newsletter popup

Instellingen

Activeer je nieuwsbrief popup. Voeg er een afbeelding aan toe en bepaal na hoeveel seconden de popup opent en bepaal na het sluiten hoeveel uur de popup wegblijft.

Bekijk afbeelding Bekijk video

14. Afbeelding verhoudingen

Verhoudingen afbeeldingen:

Alle afbeeldingen binnen Theme Mandrill hebben geen vaste verhoudingen, omdat Theme Mandrill volledig responsive is.

De headline- en bannerafbeeldingen schalen bijvoorbeeld naar gelang gekozen beeldschermgrootte en beeldverhouding en dienen als achtergrondafbeelding. De afbeeldingen worden zo geschaald dat bijvoorbeeld bij een kleinere beeldverhouding onderdelen worden afgesneden. Om die reden raden wij aan om géén tekst in de afbeelding te verwerken, maar hiervoor de tekstvelden te gebruiken bij de instellingen. Tevens raden we aan om de belangrijkste content in de afbeelding zoveel mogelijk te centreren en een minimumbreedte van 2.500 pixels te hanteren, zodat grote afbeeldingen ook op grote schermen goed worden weergegeven. Daarnaast bepaal je zelf het uiteindelijke formaat van de afbeelding. Voor mobiel en tablet in een staande verhouding hebben we voor de headlines daarnaast aparte invoervelden gerealiseerd. Ook hier geldt geen vaste verhouding, maar kan je als uitgangspunt 800 x 600 pixels hanteren.

Voor productafbeeldingen geldt ongeveer hetzelfde; ook die worden automatisch geschaald, maar niet afgesneden. Tevens kan je zelf kiezen of je de productafbeeldingen liggend, staand of vierkant wilt tonen. Als uitgangspunt kan je de volgende pixelverhoudingen hanteren: 300 x 300 (vierkant), 400 x 300 (liggend) en 300 x 400 (staand). Voor categorieafbeeldingen op categorieoverzichten en de homepage kan je een pixelverhouding van 500 x 350 hanteren.