PrestaShop homepage indeling: zo zet je blokken in een andere volgorde zonder code

Waaruit bestaat de PrestaShop-homepage?

Uit modules die op één plek op de pagina worden getoond, in de volgorde van de lijst met posities. De slider, uitgelichte producten, een banner, de tekst over de webshop, nieuwe producten en bestsellers zijn aparte modules. Elk ervan kan ook op andere plekken verschijnen.

Het mechanisme van plekken en volgorde staat beschreven in de PrestaShop-documentatie over hooks. In het Pools heeft icomSEO een overzicht van manieren om de indeling te wijzigen, en de hulp van dhosting een kortere handleiding.

Hoe ziet een nieuwe volgorde eruit, voor en na?

Een typisch verzoek van een webwinkelier is bestsellers hoger, en de nieuwsbrief en merklogo’s lager. Op de lijst met posities ziet dat er zo uit:

De volgorde van drie blokken is veranderd. Er is geen themabestand bewerkt, en elke module werkt net als voorheen.

Hoe verplaats je stap voor stap een module in de backoffice?

Je doet het op één scherm in de backoffice.

1. Ga naar Uiterlijk > Posities.
2. Typ “displayHome” in het zoekveld voor hooks of scroll naar de homepage.
3. Pak de module bij de greep en sleep haar naar de nieuwe plek.
4. Moet het blok van de homepage verdwijnen, klik dan op het pijltje naast de module en kies ontkoppelen.
5. Leeg de cache onder Geavanceerde parameters > Prestaties.
6. Controleer de homepage in een privévenster van de browser en op een telefoon.

Verschijnt de wijziging niet op de pagina, lees dan waarom wijzigingen niet zichtbaar zijn in PrestaShop.

Waarom kun je sommige blokken niet verplaatsen?

Omdat ze niet uit modules in de hook van de homepage komen. Er zijn drie veelvoorkomende redenen.

• Een sectie in het template. De maker van het thema heeft haar rechtstreeks in het bestand van de homepage geschreven. Wijzigen betekent het template bewerken, het liefst in een child theme.
• Een themabouwer. Gekochte thema’s hebben vaak een eigen editor voor de homepage. Daar wijzig je de volgorde, en de lijst met posities toont één module van de bouwer.
• Een module op een andere plek. Het blok lijkt deel van de homepage, maar is bijvoorbeeld gekoppeld aan de plek boven de footer.

Onthoud bij het wisselen van thema dat een thema bij het inschakelen een eigen lijst met modules en hun plekken instelt. Het slaat die op in een configuratiebestand dat staat beschreven in de documentatie over theme.yml. Na het inschakelen van het thema kan je indeling teruggaan naar de instellingen van de maker.

Hoe plan je de indeling van de homepage?

Zet de blokken neer naar wat klanten zoeken, niet in de volgorde waarin de modules zijn geïnstalleerd. Zaterdag, 19:40, je staat voor de lijst met posities en sleept blokken heen en weer om dingen uit te proberen. Na elke verplaatsing leeg je de cache en ververs je de pagina. Je kunt beter met een vel papier beginnen.

• Bovenaan wat verkoopt: de actie, bestsellers, de belangrijkste categorieën.
• In het midden wat vertrouwen opbouwt: de tekst over de webshop, reviews, informatie over levering.
• Onderaan de extra’s: nieuwsbrief, merklogo’s, blogberichten.

Heb je verkoopgegevens, kijk dan welke categorieën en producten het meest verkopen. Die horen hoger te staan dan een blok dat iemand bij de installatie van de webshop heeft toegevoegd en dat sindsdien niemand heeft aangeraakt. Vergelijk na een maand de verkoop van producten op de homepage met de vorige maand.

Wat controleer je na het wijzigen van de indeling?

Bekijk na elke wijziging de homepage zoals een klant hem ziet. Een nieuwe volgorde breekt zelden iets, maar een blok kan er naast nieuwe buren anders uitzien.

Leg ook de huidige volgorde vast voordat je begint. Een schermafbeelding van de lijst met posities is genoeg. Daarmee kun je terug naar de oude indeling als de nieuwe niet werkt of een thema-update hem verandert.

Hoe wijzig je de indeling van de homepage met de chat?

Je vraagt om de huidige volgorde en beschrijft daarna de nieuwe. Je chat (Claude of ChatGPT) toont de oude en de nieuwe volgorde voordat hij iets opslaat.