Producttabbladen voor PrestaShop: documentatie
De module voor tabbladen op de productfiche installeren, instellen en gebruiken: bereiken, HTML- of CMS-inhoud, slepen en neerzetten en de mobiele accordeon.
Met deze module maakt u eigen tabbladen op de productfiche van uw PrestaShop-winkel 8 of 9. Elk tabblad kan op alle producten mikken, op bepaalde categorieën of op een precieze selectie producten, kan verrijkte HTML of een CMS-pagina tonen, en verandert op mobiel in een accordeon. Deze documentatie behandelt de installatie, de configuratie en het dagelijkse gebruik.
Installatie
De module installeert u zoals elke andere PrestaShop-module, zonder afhankelijkheid en zonder bijzondere serverconfiguratie.
- Open in de backoffice Modules > Modulebeheer en klik op Een module uploaden.
- Kies het ZIP-archief van de module en laat de installatie lopen.
- Na de installatie verschijnt in het menu van de backoffice een nieuwe ingang Catalogus > DF Tabs Builder.
De module maakt vijf eigen tabellen voor zijn gegevens aan. Die verdwijnen automatisch bij het verwijderen, zonder restanten in de database.
Algemene instellingen
Vanaf de fiche van de module opent de knop Configureren de algemene instellingen, los van de tabbladen zelf.
Mobiele accordeon
Die optie schakelt het automatisch omvormen van de tabbladen tot een accordeon op kleine schermen in. Staat zij aan, dan wordt de rij tabbladen onder een bepaalde schermbreedte een stapel openklapbare koppen waarvan er telkens maar één openstaat. Boven die breedte blijven de native tabbladen van uw thema gewoon staan.
Breekpunt
Het breekpunt bepaalt de schermbreedte (in pixels) waaronder de accordeonmodus actief wordt. De standaardwaarde is 768 pixels, wat bij de meeste thema’s met de omslag tussen tablet en mobiel overeenkomt. U kunt een waarde tussen 320 en 1920 pixels invullen.
Een tabblad maken
Open Catalogus > DF Tabs Builder en klik op Een tabblad toevoegen. Het bewerkformulier bundelt alle instellingen van een tabblad.
Titel van het tabblad
De titel voert u per taal in: dat is het opschrift dat op het tabblad op de productfiche verschijnt. Vul die voor elke taal van uw winkel in.
Status
Met de schakelaar Actief zet u het tabblad aan of uit zonder het te verwijderen. Een inactief tabblad verschijnt op geen enkele productfiche.
Op de juiste producten mikken
Het veld Tonen op bepaalt het bereik van het tabblad. Er zijn drie keuzes.
Alle producten
Het tabblad is globaal: het verschijnt op alle productfiches van de winkel. De ideale keuze voor een tabblad met geruststelling, levering of een gemeenschappelijke FAQ.
Specifieke categorieën
Het tabblad verschijnt alleen op producten uit de gekozen categorieën. Er verschijnt dan een categorieboom met aankruisvakjes en een zoekveld: vink een of meer categorieën aan. Een product dat aan een van de aangevinkte categorieën hangt, krijgt het tabblad te zien.
Specifieke producten
Het tabblad mikt alleen op een precieze selectie producten. Er verschijnt een zoekveld: typ minstens twee tekens om een product op naam, referentie of identificatie te zoeken. Klik op een resultaat om het toe te voegen; het verschijnt dan als een chip. Klik op het kruisje van een chip om het product uit de selectie te halen.
U kunt één onderhoudstabblad over een hele afdeling delen door op een categorie te mikken, en tegelijk een technisch tabblad aan enkele precieze referenties voorbehouden via het mikken per product.
De inhoud van het tabblad kiezen
Het veld Soort inhoud biedt twee bronnen.
Eigen HTML
U schrijft de inhoud rechtstreeks in de ingebouwde verrijkte editor, per taal. U kunt er opgemaakte tekst, lijsten, afbeeldingen, tabellen of ingesloten video’s in zetten. Dat is de aanbevolen modus voor inhoud die eigen is aan het tabblad.
CMS-pagina
U koppelt een bestaande CMS-pagina van uw winkel. Haar inhoud verschijnt dan in het tabblad, in de taal van de bezoeker. Handig om een retourbeleid of een onderhoudshandvest dat al geschreven is te hergebruiken, zonder het te dupliceren: elke bijwerking van de CMS-pagina werkt automatisch in het tabblad door.
Een tabblad waarvan de opgeloste inhoud leeg is, verschijnt niet op de productfiche. Zo voorkomt u een leeg tabblad, bijvoorbeeld wanneer een CMS-pagina is uitgeschakeld.
De tabbladen herschikken
In de lijst met tabbladen laat een positiekolom u de tabbladen met slepen en neerzetten herordenen: neem de greep van een regel vast en verplaats die naar boven of naar beneden. De volgorde die u hier bepaalt, is precies de volgorde waarin de tabbladen op de productfiche verschijnen, van links naar rechts.
Gedrag op mobiel
Staat de mobiele accordeon in de algemene instellingen aan, dan veranderen de tabbladen onder het ingestelde breekpunt automatisch in een accordeon. Elk tabblad wordt een aanklikbare kop met een pijltje; een kop openen sluit de vorige (er staat er telkens maar één open). Boven het breekpunt komen de native tabbladen van uw thema identiek terug: het gedrag is niet-destructief.
De accordeon steunt op de standaardopmaak van tabbladen in het thema. Kan de accordeon op een thema met erg afwijkende opmaak niet worden opgebouwd, dan blijven de tabbladen gewoon staan: er wordt geen enkele regressie ingevoerd.
Verwijderen
Het verwijderen via het Modulebeheer wist de module, zijn instellingen en alle aangemaakte tabbladen, samen met de vijf bijbehorende tabellen. Er wordt om een bevestiging gevraagd, want die handeling wist alle tabbladen definitief.
Problemen oplossen
Mijn tabbladen verschijnen niet op de productfiche
Controleer of het tabblad actief is, of zijn bereik wel met het bekeken product overeenkomt (de gerichte categorie of het gerichte product), en of zijn inhoud niet leeg is. Ga bij een tabblad van het type CMS-pagina na of de gekoppelde CMS-pagina in de taal van de bezoeker actief is.
De accordeon start niet op mobiel
Ga na of de optie voor de mobiele accordeon in de algemene instellingen aanstaat en of uw schermbreedte wel onder het ingestelde breekpunt ligt. Leeg de PrestaShop-cache na elke wijziging aan de instellingen.
Een tabblad staat op de verkeerde plaats
De volgorde van de tabbladen wordt door de positiekolom in de lijst bepaald. Herschik de tabbladen met slepen en neerzetten en herlaad daarna de productfiche om te controleren.