CMS Bootstrap Grid Section

Je eigen kolommen in Shopping Experiences

De layout-editor geeft je een sectie over de volle breedte en een sectie met sidebar. Veel layouts hebben meer nodig: tekst naast een afbeelding en een kaart, een rij van vier teasers, een sidebar aan de rechterkant. De Grid-sectie voegt een sectietype toe met tot 12 kolommen, en elke kolom bevat zoveel blokken als je wil: tekst, afbeeldingen, productsliders, formulieren of de blokken van andere extensies.

Responsive, zonder code

• Voorinstellingen voor veelgebruikte layouts: 50/50, 33/33/33, 4 × 25, 25/75, 25/50/25 en meer.
• Breedtes per schermgrootte op het Bootstrap-grid van 12 kolommen, van smartphones (xs) tot brede schermen (xxl). Een leeg veld neemt de breedte van de kleinere schermgrootte over, dus je vult enkel in wat verandert.
• Live voorbeeld van elke schermgrootte in de instellingen, met een waarschuwing wanneer kolommen niet op één regel passen.
• Verberg een kolom op bepaalde schermgroottes, bijvoorbeeld een extra afbeelding op smartphones.
• Kolomafstand en verticale uitlijning per rij.

Gemaakt voor de layout-editor

• De editor toont het grid zoals de storefront, voor het toestel dat je bekijkt. Kolommen die op dat toestel verborgen zijn, worden grijs weergegeven.
• Sleep blokken in eender welke kolom, en verplaats ze tussen kolommen in de navigator.
• Sidebarkolommen tonen hun blokken zoals in een sectie met sidebar. Voeg per kolom je eigen CSS-klassen toe.
• Verlaag je het aantal kolommen, dan verhuizen hun blokken naar de laatste kolom: er gaat geen inhoud verloren.

Goed om te weten

• Gebruikt het Bootstrap 5-grid van de Shopware-storefront: werkt met het standaardthema en thema's die erop gebaseerd zijn, zonder extra CSS of JavaScript.
• Administratie in het Engels, Duits, Nederlands, Frans, Spaans, Italiaans, Pools en Deens.
• Verwijder je de plugin zonder de gegevens te bewaren, dan worden grid-secties gewone secties, zodat je inhoud blijft.

Support

Vragen, ideeën of werkt er iets niet? Contacteer ons via het ticketformulier in je Shopware Account. We lezen elk bericht.