Pagina die gebruik maakt van Experius Content Blocks bewerken

Experius_ContentBlocks zorgt ervoor dat een tekstpagina wordt opgedeeld in losse blokken (in plaats van één groot wysiwyg-veld) waardoor het eenvoudiger wordt om wijzigingen door te voeren.

Tools Hub Utrecht
33 steps
2 minutes

Happyhorizon

**Samenvatting:** 1. Experius Content Blocks worden beheerd onder Experius > Content > Content blocks 2. Deze content blocks worden als widgets embedded op een pagina

Stap 1: Content block overzicht bekijken

Klik aan de linkerkant in het menu op: EXPERIUS.

Kies bij Content voor: Content blocks.

Kies in het menu op het plusje voor 'Hoofdmenu' zodat dit wordt uitgeklapt.

Klik hier op het plusje om het mapje open te vouwen. Doe dit net zolang totdat je bij de juiste pagina bent.

Stap 2: Content subblock toevoegen

Voeg een subblock toe door op 'Add subblock' te klikken.

Nu opent er een scherm waarin je een blok kunt toevoegen. Vul hier alle (verplichte) stappen in. Let op! Alle verplichte stappen staan aangegeven met een \*.

Verander 'Is Active' naar: Yes.

Afhankelijk van het type content block (het template) kun je velden/informatie toevoegen.

Klik op: Save Block. Nu is het content blok toegevoegd.

Tip! Zolang het een subblock is, kun je de map naar ieder gewenste root block verplaatsen. Dit doe je eenvoudig door het mapje naar de gewenste plek te slepen.

Stap 3: Content (sub) page toevoegen

Ga naar Content en vervolgens naar 'Content pages'.

De folder waarin je een pagina aanmaakt bepaalt de url-structuur. - Maak je een pagina aan onder de default page, dan wordt de url gelijk aan url-van-jouw-pagina - Maak je een pagina aan onder het mapje "Advies", dan wordt de url gelijk aan /**advies**/url-van-jouw-pagina.

Kies het juiste mapje waarin je een Subpage wilt gaan toevoegen. Klik vervolgens op 'Add Subpage'.

Nu opent er een nieuwe subpagina. Klik vervolgens op het kopje 'General'.

Klik op het veld 'Title' en vul hierin de naam van de subpagina.

Klik op het 'Identifier' veld en vul hier de naam van de pagina in. Let op! plaats een streepje wanneer je een spatie tussen de woorden wilt gebruiken.

Stap 4: Pages aanpassen

Ga naar Content en klik op 'Pages'

Kies de pagina dat je wilt gaan aanpassen en klik bij de pagina op 'Select' en vervolgens op 'Edit'.

Stap 5a: Content pagina bouwen met gebruik van de wysiwyg editor

Pagina's in Magento kunnen voorzien zijn van een wysiwyg-editor of van Pagebuilder. De toelichting onder 5a beschrijft de werking bij de wysiwyg-editor, de toelichting onder 5b beschrijft de werking bij Pagebuilder

Voeg een widget toe aan de pagina door op het onderstaande icoontje te klikken

Kies voor "Experius Content Block"

Selecteer het blok dat je hierboven hebt aangemaakt

Stap 5b: Content pagina bouwen met gebruik van PageBuilder

Je komt nu op de 'Page Builder' pagina waarin je de pagina kunt vullen met tekst, titels, afbeeldingen, etc.

In het blok met elementen kun je kiezen voor het toevoegen van headers, knoppen, dividers of HTML code.

Sleep een 'Row' naar de pagina en plaats vervolgens vanuit de elements een 'Textblok' in de Row. Hierin kun je ook de gewenste tekst in invoeren.

Klik op het 'Insert Widget' icoontje.

Er opent nu een scherm waarin je een widget kunt gaan toevoegen. \ Kies bij 'Widget Type' bijvoorbeeld voor 'Experius Content Block'.

Klik op 'Select a content block'.

Selecteer een content blok dat je wilt toevoegen, bijvoorbeeld 'Hoofdmenu'. Om het mapje uit te klappen, kun je ook op het plusje aan de linkerkant klikken.

Klik op 'Insert Widget'.

Stap 6. Stel de overige eigenschappen van een pagina in

Ga naar het kopje 'Search Engine Optimization' en voeg hieraan de URL key toe.

Ga naar het kopje 'Design' en kies bij 'Layout' de template toe die je wilt gaan gebruiken. In de basis is dit voor alle pagina's hetzelfde.

Ga naar het kopje 'Permissions' en selecteer de juiste klantengroep(en) aan.

Klik op 'Template attributes'. Hierin kun je nog een afbeelding toevoegen.

Scroll naar boven en klik op 'Save'.

Controleer of de subpagina is toegevoegd aan de juiste pagina.

Stap 7: Cache legen

Ga in het menu naar 'System en vervolgens naar 'Cache Management'

Vink alle opties aan die op 'Invalidated' staan en klik op 'Submit'.

Maak je gebruik van Fastly, denk er dan ook aan om de Fastly cache te legen. Dat vind je onderaan de pagina "Cache mangement".