De Productgalerij-widget toont producten of categorieën uit je Productcatalogus. Wanneer je een webshop aanmaakt, wordt er automatisch een Productgalerij-widget op je homepagina geplaatst.
Daarnaast kan je extra productgalerijen toevoegen. Dit is handig als je verschillende productgroepen wil tonen, zoals nieuwe producten, bestsellers of producten uit een specifieke categorie.
In dit artikel leggen we uit hoe je een extra Productgalerij-widget aan je webshop toevoegt. Ook lees je hoe je de inhoud en het ontwerp van een productgalerij aanpast.
Let op: een productgalerij kan maximaal 100 producten of categorieën weergeven.
-
Een Productgalerij-widget toevoegen
-
Stappenplan: de inhoud van een productgalerij aanpassen
-
Stappenplan: het ontwerp van een productgalerij aanpassen
Een Productgalerij-widget toevoegen
Je kan een Productgalerij-widget op 2 manieren aan je webshop toevoegen:
-
Klik in het zijpaneel op Webshop en vervolgens op Winkelwidgets. Sleep de Productgalerij-widget daarna naar de gewenste plek op je site.
-
Klik in het zijpaneel op Elementen en zoek op het woord 'winkel'. Sleep de Productgalerij-widget daarna naar de gewenste plek op je site.
Stappenplan: de inhoud van een productgalerij aanpassen
Volg deze 8 stappen om de inhoud van de productgalerij aan te passen:
-
Klik op de Productgalerij-widget.
-
Er verschijnt een pop-upvenster. Open het dropdownmenu bij Wat wil je laten zien? en selecteer de productcategorie die je in deze galerij wil tonen.
Alleen categorieën die producten bevatten, worden in de lijst weergegeven. Wil je een nieuwe categorie toevoegen? Lees dan ons artikel over een categorie of subcategorie aanmaken.
-
Wil je de volgorde aanpassen waarin de producten of categorieën in de galerij worden weergegeven? Open dan het dropdownmenu bij In what order? en selecteer de gewenste volgorde.
-
Scroll in het pop-upvenster naar beneden. Hier kan je bepalen of je producten in de uitverkoop, niet te koop of niet op voorraad wil verbergen in de galerij.
-
Je kan ook specifieke productgegevens verbergen, zoals de titel, prijs of SKU.
-
Schakel de optie Knop weergeven in als je op elk galerij-item een knop wil tonen. Deze knop verschijnt wanneer een bezoeker met de muis over het item beweegt.
-
Kies wat de knop moet doen: de bezoeker doorsturen naar de productpagina (Go to page) of het product toevoegen aan de winkelwagen (Add Product to Cart).
Vul daarna bij Tekst op knop de tekst in die je op de knop wil tonen.
-
Bij Tekst van label kan je eventueel de tekst aanpassen die wordt weergegeven bij producten die in de uitverkoop of uitverkocht zijn.
Let op: pas je iets aan in de Productcatalogus? Dan kan het enkele minuten duren voordat de aanpassing zichtbaar is in de Productgalerij-widget.
Stappenplan: het ontwerp van een productgalerij aanpassen
Volg deze 7 stappen om het ontwerp van een productgalerij aan te passen:
-
Klik op de Productgalerij-widget.
-
Er verschijnt een pop-upvenster. Selecteer hier het tabblad Ontwerp.
-
Bij het tabblad Lay-out kan je de indeling van de productgalerij aanpassen. Klik op het pijltje naast de afbeelding om een indeling te kiezen.
-
Heb je (in het vorige stappenplan) voor Knop weergeven gekozen? Dan kan je hier bepalen waar je de knop wil tonen.
-
Bepaal hoeveel kolommen en rijen je in de productgalerij wil tonen. Wil je dat het aantal kolommen automatisch wordt aangepast aan het schermformaat van de bezoeker? Schakel dan de optie Kolommen automatisch aanpassen in.
-
Kies bij Navigeer op hoe bezoekers door de productgalerij kunnen bladeren:
- Meer bekijken: er verschijnt een link onder de galerij. Als de bezoeker hierop klikt, worden er meer producten getoond.
- Paginering: de galerij wordt verdeeld over meerdere pagina's. Bezoekers kunnen onder de galerij doorklikken naar de volgende of vorige pagina.
Let op: wil je de stijl van de Meer bekijken-link aanpassen? Klik dan in het zijpaneel op Thema en daarna op het pijltje naast Tekst. Onderaan kan je de stijl van linktekst aanpassen.
-
Bij Itemstijl kan je het ontwerp van de verschillende onderdelen van de galerij aanpassen, zoals afbeeldingen, teksten en knoppen.
De Productgalerij-widget gebruikt hiervoor dezelfde ontwerpinstellingen als de Fotogalerij-widget. Meer uitleg vind je in ons artikel over het Fotogalerij-element.
