Paginalay-outs
De indeling van elke pagina in uw winkel bestaat uit verschillende secties, of containers, die de kop-, voettekst- en inhoudsgebieden van de pagina definiëren. Afhankelijk van de indeling kan elke pagina een, twee, drie kolommen of meer bevatten. U kunt aan de lay-out als vloerplan van de pagina denken, en een specifieke lay-out toewijzen die als gebrek voor CMS, product, en categoriepagina's moet worden gebruikt.
Voor de pagina, drijven de inhoudsblokken om de beschikbare ruimte te vullen, volgens de sectie van de paginalay-outwaar zij worden toegewezen om te verschijnen. Als u de lay-out wijzigt van een lay-out met drie kolommen in een lay-out met twee kolommen, wordt de inhoud van het hoofdgebied uitgebreid om de beschikbare ruimte te vullen. U ziet ook dat blokkeringen die verband houden met de ongebruikte zijbalk lijken te verdwijnen. Als u echter de lay-out met drie kolommen herstelt, worden de blokken weer weergegeven. Deze dynamische benadering, of vloeiende lay-out, maakt het mogelijk om de paginalay-out te veranderen zonder het moeten de inhoud herwerken. Als u aan het werken met individuele HTML pagina's wordt gebruikt, vereist deze modulaire, bouwsteen benadering een verschillende manier van denken.
Standaardschermindelingen configureren
-
Voor Admin sidebar, ga Stores > Settings>Configuration.
-
Kies in het linkerdeelvenster onder General de optie Web.
-
Breid
-
Kies de Default Product Layout die u voor productpagina's wilt gebruiken.
Deze instelling bepaalt de indeling die standaard wordt gebruikt voor productpagina's.
No layout updates- Layout-updates zijn niet beschikbaar voor productpagina's.Empty- Gebruikt een lege lay-out voor productpagina's.1 column- Gebruikt één kolomindeling voor productpagina's.2 columns with left bar- Voor productpagina's gebruikt u een lay-out met twee kolommen en de zijbalk links.2 columns with right bar- Voor productpagina's gebruikt u een lay-out met twee kolommen en de zijbalk rechts.3 columns- Gebruikt een lay-out met drie kolommen en zijbalken links en rechts voor productpagina's.
Wanneer de Bouwer van de Paginawordt toegelaten, zijn er extra beschikbare volledige breedteopties. Vervolgens kunt u met de gereedschappen voor de pagina-inhoud de lay-out voor uw productpagina's ontwerpen.
Page -- Full Width- gebruikt de Pagina - Volledige lay-out van de Breedte voor productpagina's.Category -- Full Width- gebruikt de Categorie - Volledige lay-out van de Breedte voor productpagina's.Product -- Full Width- (Geadviseerd) gebruikt het Product - Volledige lay-out van de Breedte voor productpagina's.
-
Kies de Default Category Layout die u voor categoriepagina's wilt gebruiken.
Deze instelling bepaalt de indeling die standaard wordt gebruikt voor categoriepagina's.
No layout updates- Layout-updates zijn niet beschikbaar voor categoriepagina's.Empty- Hiermee gebruikt u een lege indeling voor categoriepagina's.1 column- Gebruikt één kolomindeling voor categoriepagina's.2 columns with left bar- Voor categoriepagina's gebruikt u een lay-out met twee kolommen en de zijbalk links.2 columns with right bar- Gebruikt een lay-out met twee kolommen en de zijbalk rechts voor categoriepagina's.3 columns- Gebruikt een lay-out met drie kolommen en zijbalken links en rechts voor categoriepagina's.
Wanneer de Bouwer van de Paginawordt toegelaten, zijn er extra beschikbare volledige breedteopties. Vervolgens kunt u de gereedschappen voor de inhoud van de Page Builder gebruiken om de lay-out voor uw categoriepagina's te ontwerpen.
Page -- Full Width- gebruikt de Pagina - Volledige lay-out van de Breedte voor categoriepagina's.Category -- Full Width- (Geadviseerd) gebruikt de Categorie - Volledige lay-out van de Breedte voor categoriepagina's.Product -- Full Width- gebruikt het Product - Volledige lay-out van de Breedte voor categoriepagina's.
-
Kies de Default Page Layout die u voor CMS-pagina's wilt gebruiken.
Deze instelling bepaalt de indeling die standaard wordt gebruikt voor CMS-pagina's.
No layout updates- Layout-updates zijn niet beschikbaar voor CMS-pagina's.Empty- Hierbij wordt een lege indeling voor CMS-pagina's gebruikt.1 column- Gebruikt één kolomlay-out voor CMS-pagina's.2 columns with left bar- Voor CMS-pagina's wordt een lay-out van twee kolommen gebruikt met de zijbalk links.2 columns with right bar- Voor CMS-pagina's gebruikt u een lay-out met twee kolommen en de zijbalk rechts.3 columns- Gebruikt een lay-out met drie kolommen en zijbalken links en rechts voor CMS-pagina's.
Wanneer de Bouwer van de Paginawordt toegelaten, zijn er extra beschikbare volledige breedteopties. Vervolgens kunt u de gereedschappen voor pagina Builder-inhoud gebruiken om de lay-out voor uw CMS-pagina's te ontwerpen.
Page -- Full Width- (Geadviseerd) gebruikt de Pagina - Volledige 2} lay-out van de Breedte voor CMS pagina's.Category - Full Width- gebruikt de Categorie - Volledige lay-out van de Breedte voor CMS pagina's.Product - Full Width- gebruikt het Product - Volledige lay-out van de Breedte voor CMS pagina's.
-
Klik op Save Config als de bewerking is voltooid.
Standaardpagina-indelingen
Eén kolom
De lay-out 1 Column kan worden gebruikt om een dramatische homepage met een groot beeld of brandpunt tot stand te brengen. Het is ook een goede keuze voor een openingspagina of een andere pagina met een combinatie van tekst, afbeeldingen en video.
Twee kolommen met linkerbalk
De indeling 2 Columns with Left Bar wordt vaak gebruikt voor pagina's met navigatie aan de linkerkant, zoals een catalogus of pagina's met zoekresultaten met gelaagde navigatie. Het is ook een uitstekende keuze voor homepages die extra navigatie of blokken ondersteunende inhoud links nodig hebben.
Twee kolommen met rechterbalk
Met een 2 Columns with Right Bar-lay-out is het hoofdinhoudsgebied groot genoeg voor een opvallende afbeelding of banner. Deze lay-out wordt ook vaak gebruikt voor productpagina's met aan de rechterkant blokken met ondersteunende inhoud.
Drie kolommen
De lay-out 3 Column heeft een middenkolom die breed genoeg is voor de hoofdtekst van de pagina, met ruimte aan elke kant voor extra navigatie en blokken met ondersteunende inhoud.
Leeg
De lay-out Empty kan worden gebruikt om aangepaste paginalay-outs te definiëren.