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 de lay-out zien als de vloerplan van de pagina, en een specifieke lay-out toewijzen die als standaard voor CMS, product en categoriepagina's moet worden gebruikt.

Op de pagina zweven inhoudsblokken om de beschikbare ruimte te vullen, volgens de sectie van het dialoogvenster pagina-indeling waar ze moeten worden weergegeven. 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 nadering, of vloeiende layout, kunt u de paginalay-out wijzigen zonder de inhoud opnieuw te hoeven bijwerken. Als u gewend bent aan het werken met individuele HTML pagina's, dit modulaire, bouwsteen voor deze aanpak is een andere manier van denken nodig .

Standaard met twee kolommen en de indeling van de linkerstaafpagina

Standaardschermindelingen configureren

  1. Op de Beheerder zijbalk, ga naar Stores > Settings>Configuration.

  2. In het linkerdeelvenster onder General, kiest u Web.

  3. Uitbreiden Expansiekiezer de Default Layouts sectie.

    Standaardschermindelingen {width="600" modal="regular"}

  4. Kies de optie Default Product Layout die u wilt gebruiken voor productpagina's.

    Deze instelling bepaalt de indeling die standaard wordt gebruikt voor productpagina's.

    • No layout updates - Layout-updates zijn niet beschikbaar voor productpagina's.
    • Empty - Hiermee gebruikt u een lege indeling voor productpagina's.
    • 1 column - Hiermee gebruikt u één kolomindeling voor productpagina's.
    • 2 columns with left bar - Hiermee gebruikt u een lay-out met twee kolommen en de zijbalk aan de linkerkant voor productpagina's.
    • 2 columns with right bar - Hiermee gebruikt u een lay-out met twee kolommen en de zijbalk rechts in het scherm voor productpagina's.
    • 3 columns - Hiermee gebruikt u een lay-out met drie kolommen en zijbalken links en rechts voor productpagina's.

    Wanneer Page Builder is ingeschakeld, zijn er aanvullende opties voor volledige breedte beschikbaar. 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 breedte layout voor productpagina's.
    • Category -- Full Width - Gebruikt de Categorie - volledige breedte layout voor productpagina's.
    • Product -- Full Width - (Aanbevolen) Gebruikt de Product - volledige breedte layout voor productpagina's.
  5. Kies de optie Default Category Layout die u wilt gebruiken voor categoriepagina's.

    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 - Hiermee gebruikt u één kolomindeling voor categoriepagina's.
    • 2 columns with left bar - Hiermee gebruikt u een lay-out met twee kolommen en de zijbalk aan de linkerkant voor categoriepagina's.
    • 2 columns with right bar - Hiermee gebruikt u een indeling met twee kolommen en de zijbalk rechts in het scherm voor categoriepagina's.
    • 3 columns - Hiermee gebruikt u een indeling met drie kolommen en zijbalken links en rechts voor categoriepagina's.

    Wanneer Page Builder is ingeschakeld, zijn er aanvullende opties voor volledige breedte beschikbaar. 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 breedte layout voor categoriepagina's.
    • Category -- Full Width - (Aanbevolen) Gebruikt de Categorie - volledige breedte layout voor categoriepagina's.
    • Product -- Full Width - Gebruikt de Product - volledige breedte layout voor categoriepagina's.
  6. Kies de optie Default Page Layout die u wilt gebruiken voor CMS-pagina's.

    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 - Hiermee gebruikt u een lege indeling voor CMS-pagina's.
    • 1 column - Hiermee wordt één kolomindeling gebruikt 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 - Hiermee gebruikt u een lay-out van drie kolommen met zijbalken links en rechts voor CMS-pagina's.

    Wanneer Page Builder is ingeschakeld, zijn er aanvullende opties voor volledige breedte beschikbaar. Vervolgens kunt u de gereedschappen voor pagina Builder-inhoud gebruiken om de lay-out voor uw CMS-pagina's te ontwerpen.

    • Page -- Full Width - (Aanbevolen) Gebruikt de Pagina - volledige breedte layout voor CMS-pagina's.
    • Category - Full Width - Gebruikt de Categorie - volledige breedte layout voor CMS-pagina's.
    • Product - Full Width - Gebruikt de Product - volledige breedte layout voor CMS-pagina's.
  7. Klik op Save Config.

Standaardpagina-indelingen

Eén kolom

Diagram - lay-out met één kolom

De 1 Column ​de lay-out 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

Diagram - lay-out met twee kolommen en linkerbalk

De 2 Columns with Left Bar ​de indeling 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

Diagram - lay-out met twee kolommen en 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

Diagram - lay-out met drie kolommen

De 3 Column ​layout heeft een middenkolom die breed genoeg is voor de hoofdtekst van de pagina, met ruimte aan elke kant voor extra navigatie en ondersteuningsblokken.

Leeg

Diagram - lege lay-out

De Empty ​U kunt de indeling gebruiken om aangepaste pagina-indelingen te definiëren.

recommendation-more-help
2b0136b4-ef75-405f-9734-60d741f198de