Producten weergeven op de website

Producten weergeven op de website


Presenteer een merk of categorie op de website. Het is mogelijk om een selectie producten te tonen op elke plek van de website. Hieronder leggen we uit hoe u dit doet.


Hiervoor moet u eerst de websitebouwer openen. Dit zijn de twee stappen.


1. Maak een nieuwe pagina

1. Klik in het linkerzijmenu op de knop Pagina’s.

2. Klik op “Nieuwe pagina”.

3. Kies op optie 'Blanco'



2. Zoek de widget ‘New Producten’

1. Klik in het linkerzijmenu op ‘Widgets’

2. Zoek hierin de widget ‘New Producten’





3. Sleep deze in een nieuw rij

Het is belangrijk dat deze widget in een nieuwe rij wordt gesleept. Dit is te herkennen als de blauw balk zegt ‘In nieuwe rij invoegen’.





4. Zet de rij op pagina breed

Geef de rij de volledige breedte, zodat de producten goed op desktop worden weergegeven.

1. Klik hiervoor op het blauwe label ‘Rij’ linksboven in de rij




2. Kies in het menu ‘Ontwerp bewerken’

3. Zet onder Instellingen ‘Rij over Marge’ aan.

5. Stel in welke producten u wilt weergeven

Klik hiervoor op de widget ‘Producten New’ om de volgende pop-up te openen:






Vervolgens zijn de volgende opties mogelijk


In de websitebouwer wordt standaard dezelfde inhoud getoond. 
Alleen op de voorbeeld website en de live website zijn de wijzigingen van de producten widget zichtbaar.

Productfilter verbergen  -> Wilt u wel of geen filters tonen boven de producten (als de klant opnieuw naar de pagina gaat, zullen weer de standaard instellingen getoond worden).

Categorie -> Wilt u horloges, sieraden, horlogebanden, overige of alle producten tonen?

Selecteer een geslacht -> Selecteer u geen geslacht, dan worden ze allemaal getoond.

Artikelgroepen -> Hier kan u artikelgroepen selecteren op te tonen.

Merken -> Selecteer hier het merk dat u wilt tonen. Is het merk niet zichtbaar? Zorg ervoor dat u het merk hebt toegevoegd bij Winkelinstellingen.

Filter op korting of bestseller -> Wilt u producten met korting (voor een uitverkoop pagina) of bestseller producten weergeven? Zet de schakelaar aan en selecteer in de dropdown wat u wilt tonen.

Toon alle producten -> Als u deze schakelaar uitzet, kan u instellen hoeveel producten u wilt tonen.

6. Klik op de knop ‘Instellingen opslaan’

Klik bovenin de Producten widget op de knop ‘Instellingen opslaan’. Er verschijnt dan een melding dat dit is opgeslagen. Niet opgeslagen? Klik dan nogmaals op de knop. Dit is nodig, omdat de instellingen dynamisch uit een andere database worden verwerkt.






7. Republiseer vervolgens de website

Klik rechts bovenin op de knop ‘Opnieuw publiceren’.

De producten worden weergegeven op de pagina als de website live 


    • Related Articles

    • Handmatig sorteren van producten op de website

      Wilt u handmatig de volgorde bepalen van een deel van de producten in de webshop? Neem dan de volgende stappen: 1 Klik op 'Assortiment' in het menu van PrismaNote. 2. Zoek het betreffende product dat u wilt rangschikken op de website. 3. Open het ...

    • Zoekbalk voor producten op de website tonen

      Het is mogelijk om een aparte zoekbalk voor de producten op de website te zetten. Hiervoor moet u eerst de websitebouwer openen. Dit zijn de twee stappen. 1. Ga naar de plaats waar u de zoekbalk wilt plaatsen. 2. Klik aan de linkerkant op ‘Widgets’ ...

    • Brochure of magazine op de website tonen

      Voor deze handleiding is het belangrijk om een account te hebben bij een online magazine generator. Heeft u nog niet zo'n account of een HTML code van een bladerbare brochure? Volg dan eerst stap 2. Bijvoorbeeld: www.flipsnack.com www.fliphtml5.com ...

    • Banner en afbeelding afmetingen op de website

      Dit zijn de advies afmetingen van achtergronden, banners en afbeeldingen op de website: Achtergrond = 2880 pixels Desktop = 1920px Tablet = 1280px Mobiel = 640px Thumbnail = 160 PX Blog Thumbnail = 300 px

    • WhatsApp link toevoegen aan de website

      Hiervoor moet u eerst de websitebouwer openen. Dit zijn de twee stappen. Wilt u dat mensen contact op kunnen nemen via WhatsApp via de website? Maak dan een link van een stukje tekst, knop of foto en kies voor de optie ‘Website URL’. Plak vervolgens ...