Magento 2-module Extra tabbladen op de productpagina (Custom Tabs)

Met de module Kowal CustomTab kun je dynamisch aangepaste tabbladen (tabs) toevoegen aan productpagina's in Magento 2.
SKU
M2-CUSTOM-TABS
€ 30,75
E-mail naar een vriend

Vraag stellen over dit product

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.store

Configureer 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-customtab

Voer de Magento-update uit:

php bin/magento setup:upgrade

Voer 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:deploy

Leeg de cache:

php bin/magento cache:flush

Installatie controleren

Controleer of de module actief is:

php bin/magento module:status Kowal_CustomTab

Als de module inactief is, schakel deze dan in:

php bin/magento module:enable Kowal_CustomTabphp bin/magento setup:upgradephp bin/magento cache:flush

Moduleconfiguratie

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:

  1. Open het bestaande tabblad in de bewerkingsmodus.
  2. Gebruik de Store View-schakelaar rechtsboven in het formulier.
  3. Selecteer de Store View waarvoor je de naam wilt wijzigen.
  4. Schakel Use Default Value uit bij het veld Name.
  5. Voer de tabbladnaam in voor de geselecteerde taalversie.
  6. 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:

  1. Naam voor de huidige Store View.
  2. Standaardnaam uit store_id = 0.
  3. 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:flush

De 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 Status heeft ingesteld op Yes.
  • Controleer of het product een ingevulde waarde heeft in het attribuut dat in het veld Attribute code is aangegeven.
  • Leeg de Magento-cache.
  • Zorg ervoor dat de thema-layout nog steeds het blok product.info.details rendert.

Als de vertaling van de naam niet op de frontend verschijnt:

  • Controleer of je de juiste Store View bewerkt.
  • Controleer of Use Default Value is uitgeschakeld voor het veld Name.
  • Sla het tabblad op en leeg de cache.
Druk om carrousel over te slaan

We hebben andere producten gevonden die u misschien leuk vindt!

Schrijf uw eigen review
U plaatst een review over: Magento 2-module Extra tabbladen op de productpagina (Custom Tabs)
Uw waardering:
Prijs
Kwaliteit
Ondersteuning
loader
Bezig met laden...

U heeft uw review aangeboden ter goedkeuring.

Vragen en antwoorden

Vraag
Wat doet de module Custom Tabs en hoe verrijkt deze de productpagina?
Antwoord
De module maakt het mogelijk om dynamisch aangepaste tabbladen (tabs) toe te voegen aan productpagina’s in Magento 2. Elk tabblad kan worden gekoppeld aan een specifiek productattribuut, zodat extra informatie kan worden getoond – bijv. technische specificaties of beoordelingen – zonder de code van de webshop aan te passen.
Vraag
Hoe werkt de configuratie en het beheer van tabbladen? Is dat ingewikkeld?
Antwoord
De configuratie vindt plaats via het Magento-beheerpaneel. De beheerder kan nieuwe tabbladen toevoegen, bestaande bewerken, overbodige verwijderen, hun namen instellen, productattributen toewijzen en de status (actief/inactief) en de weergavevolgorde bepalen. Al deze handelingen worden uitgevoerd in een intuïtieve interface, zonder dat er in de code hoeft te worden ingegrepen
Vraag
Welke voordelen biedt het toevoegen van aangepaste tabbladen op de productpagina?
Antwoord
Met tabbladen kun je klanten meer gepersonaliseerde en uitgebreidere content bieden, zoals gedetailleerde technische gegevens, beoordelingen of veiligheidscertificaten. Dergelijke aanvullende informatie kan het vertrouwen in het product vergroten, de aankoop vergemakkelijken en bijdragen aan een hogere conversie.
Cookievoorkeuren wijzigen