Pokaż spis treści

Komponent treści

Image gallery: image-gallery

Galeria zdjęć, zrzutów ekranu lub wariantów wizualnych z lightboxem. Dokumentacja tej podstrony opisuje, co operator ustawia w panelu, jak dane trafiają do renderera ImageGalleryBlock.astro i dlaczego komponent jest osobnym typem bloku.

Rola komponentu

Galeria zdjęć, zrzutów ekranu lub wariantów wizualnych z lightboxem.

Operator dodaje obrazy pojedynczo albo importuje ZIP. Galeria może wygenerować warianty i przechowywać osobne ścieżki miniatur, średniego rozmiaru i pełnego obrazu.

Pola edytora

  • title
  • intro
  • columns od 1 do 8
  • showCaptions
  • generateImageVariants
  • imageAspect
  • imageFit
  • imageObjectPosition
  • images z src, thumb, medium, full, alt, caption i href

Od danych bloku do renderera

flowchart LR
  A["Paleta buildera"] --> B["blockType: image-gallery"]
  B --> C["Formularz pól komponentu"]
  C --> D["data_json"]
  D --> E["content_blocks"]
  E --> F["ImageGalleryBlock.astro"]
  F --> G["Sekcja publiczna"]

Decyzje administracyjne i inżynierskie

Galeria ma własny model rekordów, bo pojedynczy obraz w rich text nie wystarcza do prezentacji wielu ekranów. Lightbox i warianty obrazów są częścią komponentu, nie ręcznym skryptem w treści.

Wspólne pola techniczne, takie jak sectionWidth, sectionMarginTop, sectionMarginBottom, sectionPaddingTop i sectionPaddingBottom, sprawiają, że każdy komponent można dopasować do rytmu strony bez dopisywania klas albo stylów inline.

Powiązanie z builderem

Ten komponent jest dostępny w palecie tylko wtedy, gdy jego typ pozostaje aktywny w ustawieniu enabledBlockTypes. Import YAML również sprawdza ten typ przez rejestr bloków.