--- title: "Academy Area" canonical_url: "https://academy.laioutr.com/bereiche/storefront-funktionen" locale: de meta: "og:title": "Academy Area" --- [Zur Startseite](https://academy.laioutr.com/) - [Storefront-Funktionen](https://academy.laioutr.com/bereiche/storefront-funktionen) # Storefront-Funktionen Der Bereich **Storefront-Funktionen** beschreibt, was die Storefront für Besucher und Kunden kann. Er stellt die Sections und Blocks aus Laioutr UI vor: Inhalte und Navigation, Produktlisten, Produktdetailseiten, Suche, Warenkorb, Kundenkonto und B2B-Funktionen. Außerdem zeigt er Growth Kits für Geschäftsmodelle wie Shop, Content, Booking oder SaaS sowie Tracking, Consent und Spracherkennung in den Komponenten. Er richtet sich an E-Commerce-Verantwortliche, Content Manager und Agentic UX Designer, die wissen wollen, welche Bausteine für ihre Seiten bereitstehen. ## [Inhalt und Navigation](https://academy.laioutr.com/leitfaeden/inhalt-und-navigation) 6 Artikel Dieser Leitfaden stellt die Sections für Inhalte und Navigation vor: Hero, Card Grid, Testimonials, CTA, USP, Logos, Galerie und Promotion, Bild und Video, Popups, Hinweise, Shop-Navigation und Footer sowie Blog, Standortsuche, Preisseiten und Teaser Bento. Alle Sections werden in Studio eingesetzt. - [Inhalts-Sections: Hero, Banner, Grids, Zitate, Logos und Promotion](https://academy.laioutr.com/artikel/inhalts-sections-hero-banner-grids-zitate-logos)8 Min. - [Bild und Video, Popups, Hinweise und Navigation in der Seite](https://academy.laioutr.com/artikel/bild-video-popups-hinweise-inpage-navigation)7 Min. - [Shop-Navigation und Footer einrichten](https://academy.laioutr.com/artikel/shop-navigation-und-footer-einrichten)10 Min. - [Blog mit Übersicht und Artikelseiten aufbauen](https://academy.laioutr.com/artikel/blog-mit-uebersicht-und-artikelseiten-aufbauen)8 Min. - [Standortsuche und Filialseiten einrichten](https://academy.laioutr.com/artikel/standortsuche-und-filialseiten-einrichten)8 Min. - [Preisseite mit Plan Cards und Vergleichstabelle bauen](https://academy.laioutr.com/artikel/preisseite-mit-plan-cards-und-vergleichstabelle)9 Min. ## [Produkte und Kategorien](https://academy.laioutr.com/leitfaeden/produkte-und-kategorien) 5 Artikel Dieser Leitfaden zeigt die Sections für Produkte und Kategorien: Produktlisten mit Filter und Sortierung, endloses Laden, Produktdetailseite mit Datenblatt und Tabs, Produktkacheln und Slider, Markenseiten, Suche, Bundles, Größenberatung, Empfehlungen und Produktvergleich. Die Daten liefert das angebundene Commerce-System über Orchestr an die Sections. - [Produktlisten mit Filter und Sortierung einrichten](https://academy.laioutr.com/artikel/produktlisten-mit-filter-und-sortierung-einrichten)6 Min. - [Produktdetailseite und Datenblatt gestalten](https://academy.laioutr.com/artikel/produktdetailseite-und-datenblatt-gestalten)7 Min. - [Produktkacheln und Produktslider einsetzen](https://academy.laioutr.com/artikel/produktkacheln-und-produktslider-einsetzen)5 Min. - [Markenseiten und Markenübersicht aufbauen](https://academy.laioutr.com/artikel/markenseiten-und-markenuebersicht-aufbauen)6 Min. - [Suche und Suchergebnisseite einrichten](https://academy.laioutr.com/artikel/suche-und-suchergebnisseite-einrichten)6 Min. ## [Warenkorb, Konto und Filiale](https://academy.laioutr.com/leitfaeden/warenkorb-konto-und-filiale) 1 Artikel Dieser Leitfaden erklärt die Funktionen rund um den Kauf: Warenkorb mit Hinweisen, Upselling und Cross-Selling, Merkliste, Kundenkonto sowie Filialbestand und Click & Collect für Händler mit stationären Geschäften. Die Daten liefert das angebundene Commerce-System, die Darstellung wird in Studio gestaltet. - [Warenkorb in der Storefront einrichten und prüfen](https://academy.laioutr.com/artikel/warenkorb-im-storefront-pruefen-und-einrichten)5 Min. ## [B2B](https://academy.laioutr.com/leitfaeden/b2b) 1 Artikel Dieser Leitfaden zeigt die B2B-Funktionen der Storefront: Firmenkonten, Freigaben, Angebote, Budgets, Bestelllisten, Außendienst, Schnellbestellung und Downloads. Das Growth Kit B2B bündelt die passenden Sections für Geschäftskunden. Die Daten kommen direkt aus dem angebundenen Commerce-System, zum Beispiel aus Shopware mit B2B Sellers. - [B2B in der Storefront: Firmenkonten, Freigaben, Angebote und mehr](https://academy.laioutr.com/artikel/b2b-im-storefront-firmenkonten-freigaben-angebote)6 Min. ## [Growth Kits und Add-ons](https://academy.laioutr.com/leitfaeden/growth-kits-und-add-ons) 1 Artikel Dieser Leitfaden stellt die Growth Kits vor, die Sections und Seitenvorlagen je Geschäftsmodell bündeln: Shop, Content, Booking, Marketplace, Retail, SaaS, Publisher und Listen. Dazu kommen Add-ons für Sites wie Buchungen, mehrstufige Formulare und Lead-Popups. Add-ons werden im Cockpit gebucht und dem Projekt zugewiesen. - [Growth Kits: Bausteine je Geschäftsmodell](https://academy.laioutr.com/artikel/growth-kits-bausteine-je-geschaeftsmodell)5 Min. ## [Tracking, Sprache und Agenten](https://academy.laioutr.com/leitfaeden/tracking-sprache-und-agenten) 3 Artikel Dieser Leitfaden erklärt Funktionen, die in allen Komponenten stecken: Tracking-Ereignisse und Consent, das Einrichten von Tracking, Consent-Banner mit Cookiebot oder CCM19, Länder- und Spracherkennung mit Weiterleitung sowie die Storefront für KI-Agenten über WebMCP. Die Grundlage dafür ist in jeder Storefront enthalten. - [Tracking und Consent in den Komponenten](https://academy.laioutr.com/artikel/tracking-und-consent-in-den-komponenten)6 Min. - [Tracking einrichten: Google Tag Manager anbinden](https://academy.laioutr.com/artikel/tracking-einrichten-google-tag-manager-anbinden)10 Min. - [Consent-Banner mit Cookiebot oder CCM19 einrichten](https://academy.laioutr.com/artikel/consent-banner-mit-cookiebot-oder-ccm19-einrichten)10 Min. ## Structured Data ```json { "@context": "https://schema.org", "@graph": [ { "@id": "https://academy.laioutr.com/#website", "@type": "WebSite", "inLanguage": "de", "name": "Default", "url": "https://academy.laioutr.com/", "workTranslation": { "@id": "https://academy.laioutr.com/#website" } }, { "@id": "https://academy.laioutr.com/bereiche/storefront-funktionen#webpage", "@type": "WebPage", "name": "Academy Area", "url": "https://academy.laioutr.com/bereiche/storefront-funktionen", "breadcrumb": { "@id": "https://academy.laioutr.com/bereiche/storefront-funktionen#breadcrumb" }, "isPartOf": { "@id": "https://academy.laioutr.com/#website" }, "potentialAction": [ { "@type": "ReadAction", "target": [ "https://academy.laioutr.com/bereiche/storefront-funktionen" ] } ] }, { "@id": "https://academy.laioutr.com/bereiche/storefront-funktionen#breadcrumb", "@type": "BreadcrumbList", "itemListElement": [ { "@type": "ListItem", "name": "Home", "item": "https://academy.laioutr.com/", "position": 1 }, { "@type": "ListItem", "name": "Storefront-Funktionen", "item": "https://academy.laioutr.com/bereiche/storefront-funktionen", "position": 2 } ] } ] } ```