Toon gelaagde navigatie op een CMS-pagina in Magento

Inhoudsopgave

  1. Introductie
  2. Waarom gelaagde navigatie belangrijk is
  3. Een aangepaste module maken
  4. Het lay-out XML-bestand maken
  5. De lay-outupdate toewijzen aan uw CMS-pagina
  6. Controleren of gelaagde navigatie correct werkt
  7. Uw module inschakelen en implementeren
  8. Conclusie
  9. FAQ

Introductie

Heb je moeite om gelaagde navigatie toe te voegen aan je Magento CMS-pagina? Dan ben je niet alleen. Veel Magento-gebruikers hebben moeite met het opnemen van deze cruciale functie, waarmee klanten producten kunnen filteren op basis van verschillende attributen direct op door content beheerde pagina's. Gelaagde navigatie is een krachtige tool die de gebruikerservaring verbetert door het voor klanten gemakkelijker te maken om de producten te vinden die ze nodig hebben. In deze blogpost leiden we je stap voor stap door hoe je gelaagde navigatie kunt weergeven op je Magento CMS-pagina met behulp van een aangepaste module. Tegen het einde van dit artikel heb je een duidelijk inzicht in hoe je deze functie naadloos kunt integreren in je Magento-winkel.

Waarom gelaagde navigatie belangrijk is

Gelaagde navigatie verbetert de winkelervaring aanzienlijk doordat gebruikers producten kunnen filteren op attributen zoals prijs, kleur, maat en merk. Deze functie is vooral handig voor winkels met een uitgebreide voorraad, waardoor klanten snel hun keuzes kunnen beperken. Door effectieve gelaagde navigatie te implementeren, kunnen hogere conversiepercentages worden bereikt, omdat het het productzoekproces vereenvoudigt, waardoor het waarschijnlijker is dat bezoekers de producten vinden en aanschaffen die ze willen.

Een aangepaste module maken

Om te beginnen, moet je een aangepaste module maken die de logica voor gelaagde navigatie op je CMS-pagina beheert. Volg deze stappen om je module in te stellen:

Directorystructuur

Maak eerst de noodzakelijke directorystructuur voor je aangepaste module. Deze structuur moet zich bevinden onder de app/code-directory en de naamgevingsconventies van Magento volgen. Je directorystructuur moet er zo uitzien:

app/code/JouwVendor/GelaagdeNavigatie/

module.xml

Binnen je modulemap maak je een module.xml-bestand om je module te registreren. Plaats de volgende inhoud in dit bestand:

registration.php

Vervolgens maak je een registration.php-bestand om de module te registreren bij Magento:

Het lay-out XML-bestand maken

Magento gebruikt lay-out XML-bestanden om te bepalen hoe verschillende delen van je winkel worden weergegeven. Je moet een lay-out XML-bestand maken om te specificeren hoe en waar de gelaagde navigatie moet verschijnen op je CMS-pagina.

cms_page_view.xml

Maak een lay-out XML-bestand genaamd cms_page_view.xml in de volgende map:

app/code/JouwVendor/GelaagdeNavigatie/view/frontend/layout/

Voeg de volgende inhoud toe aan cms_page_view.xml:

De lay-outupdate toewijzen aan uw CMS-pagina

Met je lay-out XML-bestand op zijn plaats is de volgende stap om deze lay-outupdate toe te wijzen aan je specifieke CMS-pagina. Volg deze stappen:

  1. Navigeer naar Inhoud > Pagina's in het Magento-beheerderspaneel.
  2. Selecteer de CMS-pagina die je wilt bewerken.
  3. Ga naar het tabblad Ontwerp.
  4. Voeg in het veld Lay-outupdate XML de volgende code toe:

Controleren of gelaagde navigatie correct werkt

Soms werkt de gelaagde navigatie mogelijk niet direct vanwege de afhankelijkheid van de CMS-pagina van productcollecties en filters, die meestal verband houden met categorie- of zoekresultatenpagina's. Mogelijk moet je de blockklasse uitbreiden om ervoor te zorgen dat deze correct werkt.

Een aangepast blok maken (indien nodig)

Om de logica voor productcollectie en filtering te behandelen, maak je een aangepaste blockklasse als dat nodig is. De specifieke implementatie is afhankelijk van je vereisten.

De sjabloon overschrijven

Je moet mogelijk het standaard view.phtml-bestand overschrijven om het aan te passen voor je CMS-pagina. Plaats het aangepaste sjabloon in de volgende map:

app/code/JouwVendor/GelaagdeNavigatie/view/frontend/templates/layer/

Uw module inschakelen en implementeren

Activeer tot slot je aangepaste module en implementeer statische inhoud om deze wijzigingen te weerspiegelen:

  1. Schakel je module in:

    php bin/magento module:enable JouwVendor_GelaagdeNavigatie
php bin/magento setup:upgrade

  2. Implementeer statische inhoud:

    php bin/magento setup:static-content:deploy

Conclusie

Het toevoegen van gelaagde navigatie aan een Magento CMS-pagina kan de gebruikerservaring aanzienlijk verbeteren door klanten in staat te stellen producten te filteren op verschillende attributen rechtstreeks vanaf door inhoud beheerde pagina's. Door de stappen in deze handleiding te volgen, kun je een aangepaste module maken om gelaagde navigatie op je CMS-pagina te beheren, waardoor de winkelervaring voor je klanten wordt verbeterd en mogelijk je conversiepercentages stijgen.

FAQ

Hoe voeg ik gelaagde navigatie toe aan een CMS-pagina in Magento?

Om gelaagde navigatie toe te voegen aan een CMS-pagina, maak een aangepaste module, definieer de lay-out XML en wijs de lay-outupdate toe aan je CMS-pagina. Zorg ervoor dat de gelaagde navigatie correct werkt door mogelijk de blockklasse uit te breiden en het standaardsjabloon indien nodig over te schrijven.

Waarom werkt gelaagde navigatie niet op mijn CMS-pagina?

Gelaagde navigatie werkt misschien niet standaard op CMS-pagina's omdat het meestal afhankelijk is van productcollecties en filters die verband houden met categorie- of zoekresultatenpagina's. Mogelijk moet je de blockklasse uitbreiden en het sjabloon aanpassen om ervoor te zorgen dat het correct werkt op CMS-pagina's.

Kan ik de uitstraling van gelaagde navigatie op mijn Magento CMS-pagina aanpassen?

Ja, je kunt de uitstraling aanpassen door het standaard view.phtml-sjabloonbestand te overschrijven en je aangepaste sjabloon te plaatsen in de juiste map binnen je aangepaste module.