Afbeeldingen van groot formaat weergeven in een afbeeldingsslider

Met het contentelement Afbeeldingsslider kunt u verschillende afbeeldingen van groot formaat achter elkaar weergeven. Dit kan bijvoorbeeld handig zijn om delen van uw winkel uit te lichten, zoals een specifieke productcategorie. U kunt namelijk ook tekst en koppelingen toevoegen aan afbeeldingen in de afbeeldingsslider.

Example_ImageSlider_EN.gif

Zorg er altijd voor dat uw afbeeldingen op een mooie manier worden weergegeven op alle apparaten. Uw winkel is responsief, wat betekent dat uw ontwerp automatisch wordt geoptimaliseerd voor het apparaat dat wordt gebruikt. Raadpleeg Wat betekent 'responsief'? voor meer informatie.

Hoe u een afbeeldingsslider toevoegt

Zo voegt u een afbeeldingsslider toe aan een pagina en uploadt u de afbeeldingen die u wilt gebruiken:

  1. Navigeer in de zijbalk van de administratie naar Editor.
  2. U kunt een lijst van uw pagina's zien in de zijbalk van uw Editor onder Pagina’s.
    Selecteer de pagina waaraan u de afbeeldingsslider wilt toevoegen of voeg een nieuwe pagina toe. Aan de rechterkant wordt een voorbeeld van de pagina getoond.
  3. Selecteer Contentelementen in de zijbalk van de Editor.
  4. Selecteer de categorie Afbeeldingen of Galerij.
  5. Zet het contentelement Afbeeldingsslider door middel van slepen en neerzetten in het voorbeeldgedeelte. U kunt alleen contentelementen in de blauwe gebieden van de pagina plaatsen.
  6. Selecteer Afbeeldingen toevoegen.
    De weergave Afbeeldingen toevoegen verschijnt. Hier kunt u tot 5 afbeeldingen aan de afbeeldingsslider toewijzen.
  7. U kunt de afbeelding slepen en neerzetten in het veld Afbeelding toevoegen of Afbeelding toevoegen selecteren om een afbeelding op uw apparaat te kiezen.
  8. Wacht tot de afbeelding is geüpload.
  9. Stel de uitlijning van de afbeelding in. U kunt de bovenkant ImageAlignment_Top.png, onderkant ImageAlignment_Bottom.png of het midden ImageAlignment_Middle.png instellen als het middelpunt van de afbeelding. Raadpleeg ook het gedeelte Meer informatie over het uitlijnen van afbeeldingen voor meer informatie.
  10. Als u wilt, kunt u ook een Alternatieve tekst invoeren. Deze wordt gebruikt voor SEO-doeleinden en kan worden gelezen door schermlezers voor blinde en slechtziende gebruikers. De tekst wordt ook weergegeven wanneer de afbeelding niet kan worden getoond.
  11. Als u tekst aan uw afbeelding wilt toevoegen, moet u de juiste instellingen selecteren in de tabbladen AddTextOnImage.png en ModifyColours.png.
  12. Selecteer het eerstvolgende lege vak in het kleine voorbeeld van de afbeeldingsslider bovenaan circle-1.png en herhaal stap 7 t/m 11 als u meer afbeeldingen aan de slider wilt toevoegen.
  13. Bepaal de snelheid waarmee de afbeeldingen roteren. Beweeg hiervoor de slider onder Afbeeldingen elke ... seconden wisselen circle-2.png. De afbeeldingen wisselen standaard elke 5 seconden. U kunt dit aanpassen naar een tempo van 1-10 seconden.

    EditImageSlider_View_EN_unedited.png
  14. Selecteer Opslaan wanneer u klaar bent.

De afbeeldingsslider is toegevoegd aan uw winkel.

Selecteer de afbeeldingsslider als u deze opnieuw wilt bewerken of beweeg uw muis erover en selecteer EditCircleIcon.png in de rechterbovenhoek. De weergave Afbeeldingsslider bewerken verschijnt. Hier kunt u de gewenste wijzigingen aanbrengen.

Info

U kunt de instellingen van alle contentelementen verder aanpassen via de blauwe balk die verschijnt wanneer u met de muis over een contentelement beweegt. U kunt het contentelement verplaatsen met slepen en neerzetten Screenshot 2023-12-06 at 15.04.46.png, verwijderen DeleteIconBlue.png, het achtergrondontwerp ervan bewerken EditColourIcon.png en een animatie selecteren Animation.png.

Hoe u de volgorde van afbeeldingen wijzigt

Om een bepaalde afbeelding naar een andere positie in de rotatievolgorde te verplaatsen, kunt u de betreffende afbeelding slepen en neerzetten in het kleine voorbeeld van de afbeeldingsslider bovenaan. Als u aanvullende tekst of een koppeling hebt ingesteld voor de afbeelding, dan wordt deze mee verplaatst.

Order_ImageSlider_EN.gif

Meer informatie over het uitlijnen van afbeeldingen

De manier waarop afbeeldingen worden weergegeven in de afbeeldingsslider van uw winkel is afhankelijk van de oorspronkelijke indeling van de afbeelding en het apparaat dat uw klanten gebruiken. Om die reden kan de afbeelding in bijgesneden vorm worden weergegeven. Om te voorkomen dat de belangrijkste delen van een afbeelding buiten beeld vallen, kunt u de afbeeldingen uitlijnen.

Zorg er bij het uitlijnen van de afbeelding voor dat u de optie selecteert die het gedeelte van de afbeelding toont waar u op wilt focussen. Het is momenteel niet mogelijk om de afbeelding vrij te positioneren. In plaats daarvan kunt u een van de drie opties kiezen die worden vermeld onder Uitlijning afbeelding. De opties zijn bovenkant ImageAlignment_Top.png, onderkant, ImageAlignment_Bottom.png en midden ImageAlignment_Middle.png.

Was dit artikel nuttig?

Aantal gebruikers dat dit nuttig vond: 1 van 2