Welke module toont een element in PrestaShop: drie manieren om het te vinden
Welke module een element in PrestaShop toont, controleer je in drie stappen: zoek de klassenaam van het element in de paginacode, vergelijk die met de lijst met modules in Uiterlijk → Posities, en staat de module daar niet, kijk dan in de sjablonen van het thema. Weten waar een element vandaan komt, scheelt gokken bij teksten wijzigen, blokken verplaatsen en conflicten zoeken.
Auteur: Het TellMyShop-team. Een gids voor eigenaren van PrestaShop-winkels: de oorzaak, de oplossing met de hand en hetzelfde werk in een gesprek met de chat.
Laatst bijgewerkt: · 6 min lezen
Waarom wil je weten welke module een element toont?
Omdat je elk element op een andere plek wijzigt. Tekst uit een module verbeter je in de instellingen van de module of in de vertalingen. Een blok uit een themasjabloon wijzig je in een bestand. Een element dat op de verkeerde plek hangt, verplaats je in de posities. Zonder die kennis doorzoekt de eigenaar de hele backoffice.
Typische situaties:
- je wilt een label wijzigen dat in geen enkele instelling staat,
- er staat een blok op de productpagina dat niemand bewust heeft toegevoegd,
- iets verschijnt twee keer, bijvoorbeeld twee blokken met reviews,
- de homepage is veranderd nadat een module is geïnstalleerd.
Manier 1: de klassenaam in de paginacode
Open de pagina in Chrome, klik met de rechtermuisknop op het element en kies Inspecteren. De browser toont de code van dat fragment, zoals beschreven in de handleiding van Chrome DevTools over CSS. Klassenamen en ID’s verraden vaak de module.
| Wat je in de code ziet | Wat het meestal betekent |
|---|---|
een klasse met de naam van een module, bijv. blockreassurance | een blok met garanties uit een module met een vergelijkbare naam |
een ID die begint met ps_ | een module die bij PrestaShop wordt meegeleverd |
| een prefix van een derde partij, bijv. drie letters en een liggend streepje | een module van een ander bedrijf, vaak gekocht op Addons |
| een commentaar in de code met de naam van een sjabloonbestand | een element uit een sjabloon, het pad wijst naar het thema of een module |
eigen klassen van het thema, bijv. product-container | een element van het thema, geen module |
Kijk iets hoger in de code dan het element waarop je klikte. Vaak heeft alleen het blok eromheen de naam van de module, terwijl de elementen erbinnen algemene klassen hebben zoals “title” of “icon”. Zie je meerdere geneste blokken, noteer dan al hun namen.
Een klasse is een aanwijzing, geen bewijs. Een thema kan elementen namen geven die op modules lijken, en een module kan klassen van het thema gebruiken. Bevestig de aanwijzing dus in de backoffice.
Manier 2: Uiterlijk → Posities
PrestaShop toont modules op plekken op de pagina die hooks heten. De lijst met plekken en gekoppelde modules staat in Uiterlijk → Posities, beschreven in de handleiding over posities van modules.
- Ga naar Uiterlijk → Posities.
- Tik in het filter de naam van de module uit de paginacode in, of kies een plek, bijvoorbeeld het blok onder de knop om in de winkelwagen te leggen.
- Bekijk op welke plekken de module gekoppeld is en in welke volgorde.
- Vergelijk dat met wat je op de pagina ziet. De volgorde in de lijst is de volgorde van de blokken in de webshop.
De namen van de plekken vertellen waar het blok staat. Zo is de hook displayNav1 de bovenste balk van de header in het thema Classic. Staat het element in de header, dan zoek je modules op plekken in de header, niet in de footer.
Manier 3: het sjabloon van het thema
Staat het element op geen enkele positie, dan komt het uit een sjabloon van het thema of uit een paginabouwer die bij een gekocht thema zat. Het komt ook voor dat het thema het sjabloon van een module overschrijft: de module is dezelfde, maar haalt zijn uiterlijk en tekst uit een bestand in het thema.
Dat is belangrijk bij wijzigingen. Wijzig je de instellingen van een module terwijl het thema een eigen kopie van het sjabloon van de module heeft, dan verandert er niets op de pagina. Hoe je tekst wijzigt die in een sjabloon staat, beschrijven we in het stuk over tekst wijzigen in PrestaShop.
Wat je doet als je weet welke module het is
Dat hangt af van wat je met het element wilt. Elke beslissing heeft een andere plek in de backoffice en een ander risico.
- Je wilt de tekst of het uiterlijk wijzigen. Controleer de configuratie van de module in Modules → Modulebeheer. Staat de tekst daar niet, dan zit hij in de vertalingen of in een sjabloon.
- Je wilt het element verplaatsen. Wijzig de volgorde in Uiterlijk → Posities, of koppel de module aan een andere plek op de pagina als de module dat ondersteunt.
- Je wilt het element van één pagina laten verdwijnen. Koppel de module los van die plek. Elders blijft de module werken.
- Het element verschijnt twee keer. Controleer of twee modules hetzelfde werk doen, of dat één module aan twee naburige plekken gekoppeld is.
- Het element breekt de pagina. Schakel de module uit, de-installeer hem niet. De-installeren verwijdert meestal de gegevens van de module.
Noteer voor elk van deze wijzigingen hoe het was. Voor posities is een schermafbeelding van de lijst in Uiterlijk → Posities genoeg.
Zo vind je de module met de chat
Je beschrijft het element in gewone woorden of plakt een schermafbeelding. Je chat (Claude of ChatGPT) leest de lijst met modules met de plekken waar ze worden getoond en koppelt het element aan een module. In TellMyShop Free werkt dit zonder schakelaars, omdat het alleen lezen is.
Jij: Op de productpagina staan onder de knop om in de winkelwagen te leggen twee blokken met reviews. Waar komen die vandaan?
Je chat: Aan de plek onder de knop zijn twee reviewmodules gekoppeld: een oude reviewmodule, uitgeschakeld in zijn instellingen maar nog steeds op die plek getoond, en een nieuwe module die in september is geïnstalleerd. Het eerste blok is de oude module, het tweede de nieuwe.
Jij: Haal het oude blok van de productpagina.
Je chat: Ik stel voor de oude module van die plek los te koppelen, zonder hem te de-installeren. Volgorde op de plek onder de knop:
Opslaan vraagt de schakelaar Thema. Zet die aan in het modulepaneel, dan sla ik het op na jouw ‘ja’.
Status van de kaart: wacht op jouw “ja”oude versie: 1. oude reviewmodule
oude versie: 2. nieuwe reviewmodule
nieuwe versie: 1. nieuwe reviewmodule
De namen en datums in het voorbeeld zijn voorbeelden. Een voorbeeldverzoek staat in de use case de module vinden die een element op de pagina toont.
Wat je daarna met de module doet, hangt af van het probleem. Verplaatsen of loskoppelen van een plek doet TellMyShop Pro met de schakelaar Thema, en een module uitschakelen met de schakelaar Modules. Beide schakelaars werken 24 uur en vragen een databaseback-up van dezelfde dag. Elke wijziging heeft een voorbeeld en komt in de wijzigingsgeschiedenis. Breekt een module de webshop, lees dan het stuk over een module uitschakelen in plaats van de-installeren. Blokken verplaatsen op de homepage beschrijven we in het stuk over de indeling van de homepage, en ongebruikte modules opruimen in het stuk over overbodige modules.
Begin met TellMyShop Free om te zien wat er in je webshop wordt getoond. Een vergelijking van de versies staat op de pagina prijzen.
Vragen en antwoorden
Hoe controleer ik welke module een element op de pagina van mijn webshop toont?
Klik in de browser met de rechtermuisknop op het element en kies Inspecteren. Zoek in de code een klassenaam of ID die op de naam van een module lijkt. Bevestig het daarna in Uiterlijk → Posities, waar je de modules op elke plek op de pagina ziet.
Wat als het element niet in Uiterlijk → Posities staat?
Dan komt het meestal uit een sjabloon van het thema, niet uit een module. Soms voegt een module het ook in met een eigen script of via de paginabouwer van het thema. Dan zoek je in de themabestanden of de instellingen van de paginabouwer.
Kan ik de module gewoon van die plek loskoppelen zodat het element verdwijnt?
Dat kan, als het element daar niet nodig is. De module blijft werken, hij wordt alleen niet meer op die plek getoond, en je kunt hem altijd weer koppelen. Koppel betaal-, verzend- of winkelwagenmodules niet los zonder te controleren wat ze doen.
Laat TellMyShop Free zien welke module een element toont?
Ja. TellMyShop Free leest de lijst met modules met hun versies en de plekken waar ze worden getoond. De chat koppelt het element aan een module en vertelt je wat je ermee kunt doen. Een module verplaatsen, loskoppelen of uitschakelen doet TellMyShop Pro.
PrestaShop is een geregistreerd handelsmerk van PrestaShop SA. Claude is een handelsmerk van Anthropic PBC. ChatGPT en OpenAI zijn handelsmerken van OpenAI. TellMyShop is niet gelieerd aan deze bedrijven.