Magento 2 module Extra tabbladen op de productpagina Custom Tabs
Flexibele producttabbladen zonder aanpassing van de template
Kowal Custom Tab is een Magento 2 module waarmee u de productpagina snel kunt uitbreiden met eigen, dynamische tabbladen. De beheerder kan extra informatiesecties aanmaken, deze aan productattributen koppelen en de volgorde ervan beheren zonder de bestanden van het thema te bewerken.
De module is geschikt voor winkels die extra productinformatie op een overzichtelijke manier willen presenteren: maattabellen, samenstelling, gebruiksinstructies, technische bestanden, leveringsinformatie, garantie, certificaten of uitgebreide beschrijvingen die afhankelijk zijn van het product.
Belangrijkste mogelijkheden
- Eigen tabbladen toevoegen aan de productpagina.
- De inhoud van een tabblad ophalen uit een geselecteerd productattribuut.
- Tabbladen automatisch verbergen wanneer het product geen ingevulde inhoud heeft in het gekoppelde attribuut.
- De weergavevolgorde van tabbladen beheren.
- Tabbladen in- en uitschakelen vanuit het beheerpaneel.
- Ondersteuning voor HTML-inhoud en CMS-widgets die worden gerenderd door het Magento-filter.
- Vertaling van de tabbladnaam per Store View volgens het scope-mechanisme van Magento.
- Fallback naar de standaardwaarde wanneer de naam voor een specifieke Store View niet is overschreven.
Voordelen voor de winkel
- Betere organisatie van informatie op de productpagina.
- Minder ontwikkelwerk bij het toevoegen van terugkerende productsecties.
- Consistente presentatie van extra gegevens in meerdere productcategorieën.
- Mogelijkheid om tabbladnamen aan te passen aan verschillende taalversies van de winkel.
- Lager risico op fouten in de template, omdat de configuratie vanuit het beheerpaneel plaatsvindt.
Voorbeelden van toepassingen
- Tabblad Technische specificatie dat wordt opgehaald uit een productattribuut.
- Tabblad Maattabel dat alleen zichtbaar is bij producten met een ingevulde tabel.
- Tabblad Gebruiksinstructie voor producten die een extra beschrijving vereisen.
- Tabblad Samenstelling en onderhoud in een fashionwinkel.
- Tabblad Logistieke gegevens in een B2B-winkel.
- Aparte tabbladnamen voor de Poolse, Engelse en Duitse versie van de winkel.
Voor wie is deze module bedoeld
De module is bedoeld voor Magento 2 winkels die de productpagina willen uitbreiden met extra informatie zonder voor elk tabblad afzonderlijke frontend-aanpassingen te maken. De module past bijzonder goed bij meertalige winkels, B2B-catalogi en implementaties waarbij productgegevens worden beheerd in Magento-attributen.
Kowal Custom Tab - installatie en configuratie
Vereisten
- Magento 2.4 of nieuwer.
- Toegang tot Magento CLI.
- Composer geconfigureerd voor het downloaden van private Kowal-pakketten.
- Geïnstalleerde basismodule
kowal/base. - Beheerdersrechten voor het Magento-paneel.
Installatie via Composer
Voeg de pakketrepository toe:
composer config repositories.custom.tab vcs https://github.com/kowalco/magento-2-custom-tabAls de repository autorisatie vereist, configureer dan de token:
composer config --global --auth github-oauth.github.com Installeer de module:
composer require kowal/module-customtabVoer de Magento-update uit:
php bin/magento setup:upgradeVoer in een productieomgeving de DI-compilatie en de deployment van statische assets uit volgens het projectproces:
php bin/magento setup:di:compilephp bin/magento setup:static-content:deployLeeg de cache:
php bin/magento cache:flushInstallatie verifiëren
Controleer of de module actief is:
php bin/magento module:status Kowal_CustomTabAls de module inactief is, schakel deze dan in:
php bin/magento module:enable Kowal_CustomTabphp bin/magento setup:upgradephp bin/magento cache:flushModuleconfiguratie
Ga in het Magento-paneel naar:
Stores > Configuration > Kowal > Custom Tab
Zet de optie Enable module op Yes, sla vervolgens de configuratie op en leeg de cache als Magento daarom vraagt.
Tabbladen beheren
Ga in het beheerpaneel naar:
Kowal > Custom Tabs > Custom Tab
Klik op Add new CustomTab om een nieuw tabblad aan te maken.
Vul de velden in:
Name- naam van het tabblad die zichtbaar is aan de frontend.Field type- type inhoudsbron.Attribute code- productattribuut waaruit de inhoud van het tabblad moet worden opgehaald.Status- activiteit van het tabblad.Sort Order- weergavevolgorde van het tabblad.
Sla het tabblad op.
Tabbladnaam vertalen
De standaardnaam van het tabblad wordt opgeslagen voor store_id = 0.
Om een vertaling voor een specifieke Store View toe te voegen:
- Open een bestaand tabblad om het te bewerken.
- Gebruik de Store View-schakelaar rechtsboven in het formulier.
- Selecteer de Store View waarvoor u de naam wilt wijzigen.
- Schakel
Use Default Valueuit bij het veldName. - Voer de tabbladnaam in voor de geselecteerde taalversie.
- Sla het formulier op.
Als Use Default Value aangevinkt blijft, gebruikt de module de standaardwaarde uit store_id = 0.
Werking aan de frontend
De module voegt tabbladen toe aan de sectie met productdetails. Het tabblad verschijnt alleen wanneer het product een ingevulde waarde heeft in het attribuut dat in de tabbladconfiguratie is aangegeven.
Voor de tabbladnaam gebruikt de module een fallback:
- Naam voor de huidige Store View.
- Standaardnaam uit
store_id = 0. - Waarde uit de hoofdtabel met tabbladen, behouden voor compatibiliteit.
De inhoud van het tabblad wordt gefilterd door het Magento CMS-mechanisme en kan daarom door Magento ondersteunde HTML-tags en widgets bevatten.
Bestaande installatie bijwerken
Voer na het bijwerken van de module naar een versie met ondersteuning voor meerdere talen het volgende uit:
php bin/magento setup:upgradephp bin/magento cache:flushDe nieuwe tabel met waarden per Store View wordt toegevoegd door het declaratieve schema van Magento. Na de eerste opslag van een bestaand tabblad wordt de standaardnaam ervan ook vastgelegd als record store_id = 0.
Problemen oplossen
Als het tabblad niet aan de frontend verschijnt:
- Controleer of de module is ingeschakeld in de configuratie.
- Controleer of het tabblad
Statusheeft ingesteld opYes. - Controleer of het product een ingevulde waarde heeft in het attribuut dat is aangegeven in het veld
Attribute code. - Leeg de Magento-cache.
- Zorg ervoor dat de layout van het thema nog steeds het blok
product.info.detailsrendert.
Als de vertaling van de naam niet aan de frontend verschijnt:
- Controleer of u de juiste Store View bewerkt.
- Controleer of
Use Default Valueis uitgeschakeld voor het veldName. - Sla het tabblad op en leeg de cache.













