ZSM catalogus embed demo

Deze pagina toont hoe de embed catalogus eruitziet in verschillende iframe groottes.

Large Desktop (1200x800px)

Embed Code:<iframe src="/embed/catalogus/1" width="1200" height="800" frameborder="0" allowfullscreen></iframe>

Tablet (768x600px)

Embed Code:<iframe src="/embed/catalogus/1" width="768" height="600" frameborder="0" allowfullscreen></iframe>

Mobile (375x600px)

Embed Code:<iframe src="/embed/catalogus/1" width="375" height="600" frameborder="0" allowfullscreen></iframe>

Responsive (100% width, 600px height)

Embed Code:

<iframe src="/embed/catalogus/1" width="100%" height="600" frameborder="0" allowfullscreen style="max-width: 100%;"></iframe>

Integratie instructies

Basis Embed:

Kopieer en plak een van de bovenstaande embed codes in je HTML.

Aanbevolen instellingen:

Minimum breedte: 320px voor mobiele ondersteuning
Minimum hoogte: 400px voor bruikbaarheid
Aanbevolen hoogte: 600-800px voor optimale ervaring
Responsive: Gebruik percentage breedtes waar mogelijk

URL Parameters:

Je kunt filters toevoegen via URL parameters:

?q=zoekterm - Zoeken in producten
?category=slug - Filter op categorie
?color=kleur - Filter op kleur
?sort=name_asc - Sortering (name_asc, name_desc, newest, popular)