E-commerce Blocks

The included CMS base components provide all the building blocks you need to create common e-commerce content patterns. You can compose flexible sections that adapt to your brand and merchandising needs.

Below you can find some practical examples.

Hero Banner

Combine a SectionComponent with a background image (or video), a TextComponent for the headline and description, and one or more ButtonComponents for category entry points. You can use a DividerComponent to define the necessary vertical spacing.

Category Teasers / Cards

Use a GridComponent with four columns on desktop and 2 columns on mobile. Inside each column, add a SectionComponent with a background image for the category visual, and a ButtonComponent to link directly to the category page.

Promotional Slider

Implement a SliderComponent containing multiple slides. Each slide can include a TextComponent for the title and a ButtonComponent to drive users to curated product listings or campaign landing pages.

Split Image & Text Section

Place two SectionComponent instances side-by-side using the GridComponent (configured for two columns on desktop and one on mobile).

• Add a backgroundImage to the first SectionComponent for the visual part.
• In the second SectionComponent, add a TextComponent for the headline and description, and a ButtonComponent to link to the category, promotion, or editorial content.

By combining these base primitives, you can build visually appealing, commerce-relevant sections without custom code.