Producten uitlichten met een productslider

Met een productslider kunt u bepaalde producten in uw winkel uitlichten, zoals nieuwe producten, meestverkochte producten of producten in de aanbieding. In de Editor van uw winkel kunt u de productslider vinden als contentelement dat u aan een pagina kunt toevoegen.

Een productslider toevoegen

Wilt u een productslider toevoegen aan een pagina en bepalen welke producten u wilt laten zien? Zo doet u dat:

1. Navigeer in de zijbalk van het beheer naar Editor.
2. U kunt nu een lijst van uw pagina's zien in de zijbalk van uw editor onder Pagina's. Selecteer de pagina die u wilt bewerken of voeg een nieuwe toe.
   Aan de rechterkant wordt een voorbeeld van de pagina weergegeven.
3. Selecteer in de zijbalk van de Editor Contentelementen.
4. Selecteer de categorie Producten.
5. Sleep het contentelement Productslider naar het voorbeeldgebied en zet het neer. U kunt alleen contentelementen in de blauwe gebieden van de pagina plaatsen.
6. Selecteer Producten toevoegen
   De weergave Producten aan productslider toevoegen verschijnt. Hier kunt u maximaal twaalf producten toewijzen aan de productslider.
7. Gebruik het veld Zoeken en toewijzen om de producten te zoeken die u wilt uitlichten. Selecteer het zoekveld voor een lijst van de producten die kunnen worden toegewezen. U kunt ook specifieke producten vinden door op naam of op productnummer te zoeken.
8. Pas de afmetingen van de productafbeeldingen op het tabblad aan. Zie ook het volgende gedeelte.
9. Selecteer Opslaan als u klaar bent met het toewijzen van producten aan de productslider.

De productslider met uw toegewezen producten is toegevoegd aan de pagina.

De afmeting van de productafbeelding aanpassen

Zodra u een productslider aan een pagina hebt toegevoegd, kunt u de uitstraling ervan aanpassen en bepalen hoeveel producten er tegelijkertijd moeten worden weergegeven. Zo doet u dat:

1. Navigeer in de zijbalk van het beheer naar Editor.
2. Navigeer naar de pagina met de productslider waarvan u de afmeting van de productafbeeldingen wilt aanpassen.
3. Selecteer de productslider of beweeg er met de muis over.
4. Selecteer .
5. Selecteer het tabblad
6. Selecteer de gewenste afmeting voor de productafbeeldingen. U kunt kiezen tussen drie afmetingen: S (klein), M (medium) en L (groot). Afhankelijk van de geselecteerde optie wordt de afmeting van de productafbeeldingen aangepast. Als u S selecteert, worden de afbeeldingen kleiner en als gevolg daarvan zullen er meer afbeeldingen tegelijkertijd getoond worden. Als u L selecteert, worden de afbeeldingen groter en worden er minder afbeeldingen tegelijkertijd getoond. De standaardinstelling is M. Op de pagina op de achtergrond is meteen een voorbeeld te zien van de productslider met de geselecteerde afmeting voor productafbeeldingen.

   Info

   U kunt in de rechterbovenhoek van de productslideroverlay ingedrukt houden en de overlay bewegen, zodat u verschillende delen van de pagina op de achtergrond kunt bekijken.
7. Selecteer Opslaan.

De afmeting van de productafbeeldingen in de productslider is aangepast.

Afhankelijk van het soort apparaat dat uw bezoekers gebruiken (bijv. smartphone of laptop), kan het aantal afbeeldingen dat tegelijkertijd wordt weergegeven iets afwijken. Dit komt doordat uw winkel een responsief design heeft, wat ervoor zorgt dat de verschillende productafbeeldingen mooi worden weergegeven op verschillende apparaten en schermformaten.

Tekst toevoegen om de aandacht op uw geselecteerde producten te vestigen

Selecteer het tekstgedeelte (‘Hier typen…’) of het contentelement en gebruik de opties voor tekstopmaak om een aantrekkelijke tekst te creëren die bij de door u gekozen producten past.

Een product verwijderen uit de productslider

1. Navigeer in de zijbalk van het beheer naar Editor.
2. Navigeer naar de pagina met de productslider waar u een product uit wilt verwijderen.
3. Selecteer de productslider of beweeg er met de muis over.
4. Selecteer .
5. Selecteer  om een product te verwijderen uit de productslider.
6. Selecteer Opslaan.

Het product is verwijderd uit de productslider.