photo_gallery

Fotogalerij

Een eenvoudige demo met een hoofdbeeld en meerdere thumbnails.
{
  "sectionType": "featured",
  "columns": [
    {
      "width": "1",
      "content": [
        {
          "type": "photo_gallery",
          "title": "Fotogalerij",
          "subTitle": "Een eenvoudige demo met een hoofdbeeld en meerdere thumbnails.",
          "image": {
            "url": "https://vmn-vmntest.imgix.net/uploads/2023/02/no-13-savoury-tart-with-shortcrust-pastry-2-chicken-quiche-scaled.jpeg",
            "altText": "Hoofdafbeelding",
            "alt": "Placeholder image",
            "caption": "Automatisch gegenereerde placeholderafbeelding.",
            "inside": true,
            "rank": 2
          },
          "gallery": [
            {
              "url": "https://vmn-vmntest.imgix.net/uploads/2023/02/no-13-savoury-tart-with-shortcrust-pastry-2-chicken-quiche-scaled.jpeg",
              "altText": "Galerijafbeelding 1",
              "caption": "Placeholderafbeelding 1"
            },
            {
              "url": "https://vmn-vmntest.imgix.net/uploads/2022/12/shutterstock-491229805-gas.jpg",
              "altText": "Galerijafbeelding 2",
              "caption": "Placeholderafbeelding 2"
            },
            {
              "url": "https://vmn-vmntest.imgix.net/uploads/2023/02/aldi-broodcampagne.png",
              "altText": "Galerijafbeelding 3",
              "caption": "Placeholderafbeelding 3"
            },
            {
              "url": "https://vmn-vmntest.imgix.net/uploads/2020/12/PoC-cover-BAK-300x212.gif",
              "altText": "Galerijafbeelding 4",
              "caption": "Placeholderafbeelding 4"
            },
            {
              "url": "https://vmn-vmntest.imgix.net/uploads/2023/02/no-13-savoury-tart-with-shortcrust-pastry-2-chicken-quiche-scaled.jpeg",
              "altText": "Galerijafbeelding 5",
              "caption": "Placeholderafbeelding 5"
            },
            {
              "url": "https://vmn-vmntest.imgix.net/uploads/2022/12/shutterstock-491229805-gas.jpg",
              "altText": "Galerijafbeelding 6",
              "caption": "Placeholderafbeelding 6"
            }
          ],
          "initialAmount": 4,
          "showMoreSkip": 2,
          "buttonTitle": "Laad meer fotos"
        }
      ]
    }
  ]
}