Magento 2-module Extra tabbladen op de productpagina (Custom Tabs)
- SKU
- M2-CUSTOM-TABS
Beschrijving / Magento 2-module Extra tabbladen op de productpagina (Custom Tabs)
MAGENTO 2 · PRODUCTPAGINA · AANVULLENDE INFORMATIE
De juiste informatie in de juiste productsectie.
Kowal Custom Tab
Breid de productpagina uit met eigen tabbladen en secties die content uit attributen ophalen. Beheer namen, volgorde en zichtbaarheid in het Magento-paneel.
Content uit attributen · Lege secties verborgen · Namen per Store View
HOE HET IN DE PRAKTIJK WERKT
01 · Je maakt een item aan
Je stelt de naam, het attribuut, de status en de volgorde in.
02 · Je vult het product aan
Je voegt content toe in het toegewezen productattribuut.
03 · De pagina toont de informatie
De module toont het item alleen waar het content bevat.
Wat levert het je webshop op?
Ontdek de functies, toepassingen en instellingen van de module.
Flexibele producttabbladen zonder ingrepen in de template
Kowal Custom Tab is een Magento 2-module waarmee je de productpagina snel kunt uitbreiden met eigen, dynamische tabbladen. De beheerder kan extra informatiesecties aanmaken, deze aan productattributen koppelen en de volgorde beheren zonder themabestanden te bewerken.
De module is geschikt voor webshops die aanvullende productinformatie overzichtelijk willen presenteren: maattabellen, samenstelling, gebruiksinstructies, technische bestanden, bezorginformatie, garantie, certificaten of uitgebreide productafhankelijke beschrijvingen.
Belangrijkste mogelijkheden
- Eigen tabbladen toevoegen aan de productpagina.
- Content voor het tabblad ophalen uit een gekozen productattribuut.
- Tabbladen automatisch verbergen wanneer het product geen ingevulde content heeft in het toegewezen attribuut.
- De weergavevolgorde van tabbladen beheren.
- Tabbladen in- en uitschakelen vanuit het beheerpaneel.
- Ondersteuning voor HTML-content en CMS-widgets die door het Magento-filter worden gerenderd.
- Vertaling van de tabbladnaam per Store View volgens het Magento scope-mechanisme.
- Fallback naar de standaardwaarde wanneer de naam voor een bepaalde Store View niet is overschreven.
Voordelen voor de webshop
- Betere organisatie van informatie op de productpagina.
- Minder ontwikkelwerk bij het toevoegen van terugkerende productsecties.
- Consistente presentatie van aanvullende gegevens in meerdere productcategorieën.
- Mogelijkheid om tabbladnamen aan te passen aan verschillende taalversies van de webshop.
- Lager risico op fouten in de template, omdat de configuratie vanuit het beheerpaneel plaatsvindt.
Voorbeeldtoepassingen
- Tabblad 'Technische specificatie' opgehaald uit een productattribuut.
- Tabblad 'Maattabel' alleen zichtbaar bij producten met een ingevulde tabel.
- Tabblad 'Gebruiksaanwijzing' voor producten die een aanvullende beschrijving vereisen.
- Tabblad 'Samenstelling en onderhoud' in een fashion-webshop.
- Tabblad 'Logistieke gegevens' in een B2B-webshop.
- Aparte tabbladnamen voor de Poolse, Engelse en Duitse versie van de webshop.
Voor wie is deze module bedoeld?
De module is bedoeld voor Magento 2-webshops die de productpagina willen uitbreiden met aanvullende informatie zonder voor elk tabblad afzonderlijke frontend-aanpassingen te maken. De module past bijzonder goed bij meertalige webshops, B2B-catalogi en implementaties waarin productgegevens in Magento-attributen worden beheerd.
Tabbladen, secties en Full Width-indeling
Een item kan de Display Mode Tabs of Section hebben. In de kolomindeling kies je een tabblad of een aparte sectie. In de Product Full Width-indeling zijn alle items secties.
In Full Width maakt de module een zwevende navigatie voor zichtbare secties. Met het veld Full Page Product - floating menu sections kun je de volgorde, doelen en menulabels bepalen; een leeg veld herstelt automatische detectie.
Luma en optionele Hyvä-adapter
Het pakket bevat Kowal_CustomTabHyva. Schakel voor de Hyvä-storefront de module en de instelling Hyva compatibility in. Rendering via de adapter is standaard uitgeschakeld; installatie op Luma vereist geen Hyvä.
In Hyvä worden zowel Tabs als Section weergegeven als native kaarten van de productsectie. De adapter behoudt de volgorde, vertalingen, het verbergen van lege attributen en de filtering van CMS-content. Het Full Width-menu werkt alleen wanneer het betreffende thema deze indeling aanbiedt.
Installatie via Composer
Pakket: kowal/module-customtab; module: Kowal_CustomTab. Nadat je toegang tot de Kowal-repository hebt geconfigureerd, installeer je het pakket, schakel je de module in, voer je de Magento-update uit en leeg je de cache. Neem voor de productiemodus compilatie en deployment van statische content op volgens het proces van de webshop.
Van configuratie naar resultaat
1. Je maakt een item aan
Je stelt de naam, het attribuut, de status en de volgorde in.
2. Je vult het product aan
Je voegt content toe in het toegewezen productattribuut.
3. De pagina toont de informatie
De module toont het item alleen waar het content bevat.
Maattabel waar die nodig is
Voorbeeld: je maakt het tabblad „Maattabel” aan op basis van een productattribuut. Kleding met een ingevulde tabel toont de sectie; producten zonder die content tonen geen leeg tabblad.
Je kunt de naam afzonderlijk aanpassen voor de Poolse, Engelse en Duitse versie van de webshop.
Breng aanvullende informatie op de productpagina op orde
Wil je de module aanpassen aan je webshop? Vraag naar de implementatie van Kowal Custom Tab en bespreek de configuratie of benodigde uitbreidingen.
Meer informatie
| Hyva Theme | Hyva Theme Redy |
|---|---|
| Overeenstemming met sjabloon | Goed, Luma / Blank, Smid |
Installatiehandleiding voor de module
Kowal Custom Tab - installatie en configuratie
Vereisten
- Magento 2.4 of nieuwer.
- Toegang tot Magento CLI.
- Composer geconfigureerd voor het downloaden van privé-pakketten van Kowal.
- Geïnstalleerde basismodule
kowal/base. - Beheerdersrechten voor het Magento-paneel.
Installatie via Composer
Voeg de pakketrepository toe:
De toegangsgegevens voor de Composer-repository (e-mailadres van de klant en licentietoken) ontvang je per e-mail na aankoop. Ze zijn ook beschikbaar in het klantenpaneel nadat je bent ingelogd op kowal.store. Vervang TWOJ_EMAIL_KLIENTA door het e-mailadres van je account en TWOJ_TOKEN door de ontvangen token. Voer de commando's uit in de hoofdmap van Magento.
composer config repositories.kowal composer https://repo.kowal.storeConfigureer de toegangsgegevens voor de Composer-repository van Kowal:
composer config http-basic.repo.kowal.store 'TWOJ_EMAIL_KLIENTA' 'TWOJ_TOKEN'Installeer de module:
composer require kowal/module-customtabVoer de Magento-update uit:
php bin/magento setup:upgradeVoer in een productieomgeving DI-compilatie en 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 controleren
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- de naam van het tabblad die op de frontend zichtbaar is.Field type- het type contentbron.Attribute code- het productattribuut waaruit de content van het tabblad moet worden opgehaald.Status- de activiteit van het tabblad.Sort Order- de 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 het bestaande tabblad in de bewerkingsmodus.
- Gebruik de Store View-schakelaar rechtsboven in het formulier.
- Selecteer de Store View waarvoor je 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 op 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 fallback:
- Naam voor de huidige Store View.
- Standaardnaam uit
store_id = 0. - Waarde uit de hoofdtabel met tabbladen, behouden voor compatibiliteit.
De content van het tabblad wordt gefilterd door het CMS-mechanisme van Magento 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 uit:
php bin/magento setup:upgradephp bin/magento cache:flushDe nieuwe waardetabel per Store View wordt toegevoegd via 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 op de frontend verschijnt:
- Controleer of de module in de configuratie is ingeschakeld.
- Controleer of het tabblad
Statusheeft ingesteld opYes. - Controleer of het product een ingevulde waarde heeft in het attribuut dat in het veld
Attribute codeis aangegeven. - Leeg de Magento-cache.
- Zorg ervoor dat de thema-layout nog steeds het blok
product.info.detailsrendert.
Als de vertaling van de naam niet op de frontend verschijnt:
- Controleer of je de juiste Store View bewerkt.
- Controleer of
Use Default Valueis uitgeschakeld voor het veldName. - Sla het tabblad op en leeg de cache.