Reference: Block Catalogue

Diese Seite zeigt jeden implementierten, gestylten Block in einer einzigen Übersicht — kein echter glamour.de-Artikel, sondern ein Katalog für die interne Abnahme (BMM-108). Wo ein Block mehrere Layouts oder Styles besitzt, sind alle Varianten nebeneinander gezeigt.

0. Article Header — glamour/article-header

Carries the Verso header layout as a block attribute (ADR-037). It is a post-level, single-instance block — the layout this page uses is TextBelowCenterFullBleed. Each of the other 11 registered layouts has its own reference page:

• TextBelowCenterFullBleed
• TextAboveCenterFullBleed
• TextBelowCenterGridWidth
• TextAboveCenterGridWidth
• SplitScreenImageLeftFullBleed
• SplitScreenImageLeftInset
• SplitScreenImageRightFullBleed
• SplitScreenImageRightInset
• TextAboveLeftSmall
• TextAboveLeftGridWidth
• TextAboveFullBleedGradient
• TextOverlayCenterFullBleedGradient

---

1. Related Post — glamour/related-post

The „MEHR LESEN“ recirculation card. Stores only a post ID, rendered live.

2. Related Gallery — glamour/related-gallery

Inline promo card linking to a gallery. Stores only the post ID; title, image, byline and slide count are read live.

3. Related Product — glamour/related-product (3 styles)

Small (default) and Medium share identical markup and CSS — only Large switches to the landscape image-left/details-right layout. All three reference real reference-content products.

Small (default):

Medium:

Large:

4. Product Summary — glamour/product-summary

An editable title plus a reorderable Product grid, each entry rendered live with image, name, offer price and buy link.

5. Group Assets — glamour/group-assets (columns: two/three/four, plus a size style)

A fixed-count grid of Related Product, Image or Video slots (BMM-23). Mobile always renders 2 columns regardless of the setting.

Two columns:

Three columns:

Four columns:

Two columns, „medium“ size style:

6. Slideshow — glamour/slideshow (default + large)

A reorderable, one-slide-at-a-time carousel over the same three Asset targets Group Assets uses (BMM-28).

Default:

Large:

7. Table of Contents — glamour/table-of-contents (collapsible, default ON, and plain)

Stored/manual list, not dynamically generated (ADR-043). The links below jump to the Table and Sidebar Box-Out sections further down this page.

Collapsible (the default):

Plain (collapsible turned off):

8. FAQ — glamour/faq

Heading plus nested Core Accordion Q&A, feeding FAQPage structured data.

9. Accordion — core/accordion (BMM-25, via the accordion pattern)

Copilot’s generic Accordion: repeatable panels, no custom block needed.

10. Pullquote — core/pullquote (BMM-27)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

GLAMOUR Redaktion

11. Quote — core/quote (BMM-24)

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

GLAMOUR Redaktion

12. Section Break — core/separator (BMM-33)

Styled to match Copilot’s horizontal line. One is already used between sections above; here is one labelled explicitly:

---

13. Buttons — core/buttons / core/button (BMM-19, including the Affiliate Link toggle)

Core’s own buttons, unmodified visually. Glamour adds one boolean attribute, „Affiliate Link,“ which merges rel="sponsored nofollow" into the anchor (210 FR-210-012) — the second button below has it set.

14. Table — core/table (BMM-31, scroll shadow + chevrons on 3+ columns)

Core’s table, unmodified in the editor. On the front end, glamour wraps it in a horizontal-scroll container; at 3 or more columns it also adds scroll-arrow chevrons (this one has 4).

Produkt	Marke	Preis	Händler
Skinny-Jeans mit hohem Bund	Levi’s	90 €	Levi’s
Kniehohe Stiefel aus Leder	Toteme	1.160 €	Mytheresa
Ballerinas aus Leder	Zara	40 €	Zara

15. Image with Credit — core/image (media-credit-render.php)

Plain Core image; the credit line under it is glamour’s own attachment-meta field (ADR-041), rendered automatically.

16. List — core/list

Plain Core list, matching the ordinary bullet lists in a Copilot article body.

• Erster Punkt
• Zweiter Punkt
• Dritter Punkt

17. Video — core/video

Plain Core video. Placeholder source (Big Buck Bunny, Blender Foundation, CC-BY) — this page only needs to prove the block renders, not carry a real Story Video.

18. Embeds — core/embed (Instagram, hand-registered provider, ADR-039; Pinterest, native Core)

Both providers are consent-gated on the front end (inc/embed-consent.php).

https://www.instagram.com/p/DbjC1opFYaa

https://assets.pinterest.com/ext/embed.html?id=68749561009

19. Gallery Slides — glamour/gallery-slides pattern (Core Image + Core Heading)

Copilot’s Gallery slide sequence, reproduced as a Core pattern rather than core/gallery — see the Gallery content-type reference page for the full, real shape.

20. Sidebar Box-Out — core/group, styles is-style-sidebar-left / is-style-sidebar-right (BMM-30)

Copilot’s Sidebar/GenericCallout: two Core Group block styles that float left or right, no custom block. Lorem ipsum body text surrounds each one below so the float has something to wrap around.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Curabitur pretium tincidunt lacus, et sagittis. At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

21. Curated Header — glamour/curated-header (archive-only, not shown live here)

Renders a synced pattern above a category/tag archive listing. Its render.php returns early unless get_queried_object() is a WP_Term — inside a post body (as this page is) it always renders nothing, so it is not embedded here. It already appears on the category/tag archive templates (BMM-97), which is where it is reviewable.

22. Migration Placeholder — glamour/migration-placeholder (renders nothing on the front end by design)

Marks a migration gap in imported content. Not in the inserter — the transform writes these, editors only replace them — but a real instance with synthetic gap data below, so it stays editable and produces no „unsupported block“ warning (AC-140-012’s repair unit).