--- title: Widgets - Inline-catalogus description: Een algemene uitleg van Pop-up Store Productgrid widget. --- [Overslaan naar inhoud](https://knowledge.print.com/nl/helpcenter/popupstore-widgets-inline-catalogus#main-content) Nederlands Submenu tonen voor vertalingen [Meer ondersteuning](https://knowledge.print.com/nl/helpcenter/kb-tickets/new?hsLang=nl) [![](https://knowledge.print.com/hubfs/Logo.svg)](https://knowledge.print.com/migration/nl/helpcenter?hsLang=nl) - Hoofdnavigatie openen Hoofdnavigatie sluiten - - Nederlands Submenu tonen voor vertalingen - [Meer ondersteuning](https://knowledge.print.com/nl/helpcenter/kb-tickets/new) - [Back to the webapp](https://app.print.com/) [Back to the webapp](https://app.print.com/) Hoe kunnen we je helpen? - Er zijn geen suggesties want het zoekveld is leeg. 1. [Toolbox Help Center](https://knowledge.print.com/nl/helpcenter?hsLang=nl) 2. [Solutions](https://knowledge.print.com/nl/helpcenter/solutions?hsLang=nl) 3. [Pop-up Store](https://knowledge.print.com/nl/helpcenter/solutions?hsLang=nl#pop-up-store) # Widgets - Inline-catalogus ## Dit artikel legt uit wat een Pop-up Store Inline-catalogus widget is en hoe je deze gebruikt. Met de Inline-catalogus widget plaats je een raster van producten op je eigen website, zodat bezoekers rechtstreeks door je assortiment kunnen bladeren. Onder het tabblad **Ontwerp** bepaal je hoe dit raster eruitziet en zich gedraagt. Het scherm is verdeeld in twee uitklapbare onderdelen: **Weergave** en **Styling**.  Bovenaan het paneel staat een melding die eraan herinnert dat het grid pas op je site verschijnt nadat je de code ophaalt onder het tabblad **Installatie**. De schakelaar **Actief** rechtsboven bepaalt of de widget in gebruik is. **Functies en mogelijkheden:** **Weergave:**  In het onderdeel Weergave stel je de indeling en functionaliteit van het productraster in. **- Kolommen** bepaalt het aantal producten dat per rij op desktop wordt getoond; in dit voorbeeld staat de instelling op 4 kolommen. Zoals de toelichting aangeeft, passen kleinere schermen zich automatisch aan, zodat de weergave op tablet en mobiel altijd goed blijft. **- Producten per pagina** bepaalt hoeveel producten er in totaal op één pagina van het raster verschijnen, hier ingesteld op 8 producten. **- Zoekbalk tonen** is een schakelaar waarmee je bezoekers de mogelijkheid geeft om het grid te filteren door te typen. Staat deze aan, dan verschijnt er een zoekveld boven het raster. **- Categoriefilter tonen** is eveneens een schakelaar. Wanneer ingeschakeld, worden er categorie-knoppen boven het grid getoond, zodat bezoekers snel tussen productgroepen kunnen wisselen. **Styling:** In het onderdeel Styling pas je de visuele uitstraling van het grid aan je huisstijl aan. **- Accentkleur** bepaalt de kleur die wordt gebruikt voor prijzen, knoppen en de actieve categorie. In dit voorbeeld staat de kleur op `#FECC00`. Laat je dit veld leeg, dan wordt automatisch je themakleur gebruikt. **- Hoekafronding** bepaalt hoe rond de hoeken van de elementen in het grid worden weergegeven, hier ingesteld op "Groot". Via deze keuzelijst kies je de mate van afronding die het beste bij je website past. ![Scherm­afbeelding 2026-07-24 om 13.57.45](https://knowledge.print.com/hs-fs/hubfs/Scherm%C2%ADafbeelding%202026-07-24%20om%2013.57.45.png?width=670&height=449&name=Scherm%C2%ADafbeelding%202026-07-24%20om%2013.57.45.png) **Hoe voeg je de Inline-catalogus widget toe aan je webpagina:** Als je Inline-catalogus eenmaal is geconfigureerd, kan je deze toevoegen aan je webpagina door een shortcode te kopiëren en deze in de back-end van je webpagina te plakken op de positie waar de Inline-catalogus getoond moet worden. In de video hieronder tref je een korte uitleg.    - [Aan de slag](https://knowledge.print.com/nl/helpcenter/aan-de-slag?hsLang=nl) - [Producten](https://knowledge.print.com/nl/helpcenter/producten?hsLang=nl) - [Bestellen](https://knowledge.print.com/nl/helpcenter/bestellen?hsLang=nl) - [Betalen](https://knowledge.print.com/nl/helpcenter/betalen?hsLang=nl) - [Bestanden aanleveren](https://knowledge.print.com/nl/helpcenter/bestanden-aanleveren?hsLang=nl) - [Verzenden & bezorgen](https://knowledge.print.com/nl/helpcenter/verzenden-bezorgen?hsLang=nl) - [Duurzaamheid](https://knowledge.print.com/nl/helpcenter/duurzaamheid?hsLang=nl) - [Solutions](https://knowledge.print.com/nl/helpcenter/solutions?hsLang=nl#main-content) - [Pop-up Store](https://knowledge.print.com/nl/helpcenter/solutions?hsLang=nl#pop-up-store) - [Print on Demand plugin, WooCommerce](https://knowledge.print.com/nl/helpcenter/solutions?hsLang=nl#print-on-demand-plugin-woocommerce) - [Print on Demand, Shopify app](https://knowledge.print.com/nl/helpcenter/solutions?hsLang=nl#print-on-demand-shopify-app) [![Chill listening crop-3](https://knowledge.print.com/hubfs/Logo.svg "Chill listening crop-3")](http://print.com?hsLang=nl) Teugseweg 18a 7418 AM Deventer, NL Copyright © 2025, Print.com ```json { "@context" : "https://schema.org", "@type" : "VideoObject", "caption" : { "@type" : "MediaObject", "contentUrl" : "https://knowledge.print.com/media-transcripts/441959135443/nl.vtt", "inLanguage" : "nl", "name" : "nl Captions" }, "contentUrl" : "https://5825609.fs1.hubspotusercontent-eu1.net/hubfs/5825609/video_assets/441959135443/inherited/web_optimized.mp4", "dateModified" : "2026-07-24T13:25:29.069Z", "duration" : "PT4M39S", "height" : 1080, "name" : "Pop-up Store - Productgrid widget", "thumbnailUrl" : "https://5825609.fs1.hubspotusercontent-eu1.net/hubfs/5825609/Pop-up%20Store%20-%20Productgrid%20widget.mp4/medium.jpg", "uploadDate" : "2026-07-24T13:25:00.742Z", "width" : 1708 } ```