Naar de hoofdinhoud

Collapsible Content

Geschreven door Roy Musters

📂 Collapsible Content Add-on

Met de Collapsible Content Add-on kun je eenvoudig inklapbare secties toevoegen aan je webshop. Dit is handig voor veelgestelde vragen, productdetails of extra informatie die je compact wilt houden.


Installatie 🛠️

mceclip0.png


Om deze add-on te installeren is er geen implementatie nodig van een ontwikkelaar, hij is dus Plug and play. Super handig! Het is dus een "one-click install". Klik simpelweg op "Add-on aanvragen" en laat Plus+ het werk voor je doen! 👨‍⚕️

Nadat je op "Add-on aanvragen" hebt geklikt, zou je worden doorgestuurd naar de pagina "Mijn Plus+ add-ons". Tevens zie je de volgende melding verschijnen in de rechterbovenhoek van het dashboard.

mceclip3.png

Add-on instellingen/overzicht ⚙️

Na de installatie zul je zien dat de add-on in je overzicht staat, inclusief installatiedatum en status.
Om de add-on te activeren klik je op de button "activeren". Liever eerst een preview zien in test modus? Dat kan. Klik op de 3 bolletjes en selecteer 'activeren in preview-modus' en de add-on zou alleen zichtbaar zijn voor jou. Dus niet voor de klanten!

mceclip5.png



⚙️ Instellingen

📄 Productpagina

Je kunt de Collapsible Content-sectie op de productpagina weergeven.

Activeren:

  1. Ga naar de Productpagina instellingen.

  2. Schakel Toon op productpagina in.

  3. Voer een Titel in, bijvoorbeeld Veelgestelde vragen 🧐.

  4. Vul de Content ID in. Je vindt deze in de URL van de beheerpagina (bijvoorbeeld webshop.com/admin/content/12345).

🔄 Automatische implementatie:
De content wordt automatisch geplaatst. Werkt dit niet correct?

  1. Schakel Automatische implementatie uit.

  2. Voeg handmatig een CSS-selector toe onder Selector 🎯.

🔠 Tekstgrootte aanpassen:

  • Titelgrootte en Vraaggrootte kunnen worden ingesteld (bijv. H5).


🌍 Andere pagina's

De Collapsible Content-sectie kan naast de productpagina ook op andere pagina’s worden weergegeven.

Beschikbare pagina’s:

  • 🏠 Homepagina

  • 📚 Cataloguspagina

  • 📦 Collectiepagina

  • 🛠 Servicepagina’s (URL’s beginnend met /service)

Ga naar de betreffende instellingen en schakel Toon op [pagina] in.


🎨 Designinstellingen

Pas de vormgeving van de Collapsible Content aan met de volgende opties.

🎨 Kleuren

  • 🏷 Titelkleur: Kleur van de sectietitel.

  • Vraagkleur: Kleur van de vragen.

  • 💬 Antwoordkleur: Kleur van de antwoorden.

🎛 Achtergrond en border

  • 🌟 Achtergrond bij openen: Geeft de sectie een achtergrond zodra deze wordt geopend.

  • 🔲 Border: Voegt een rand toe aan de Collapsible Content.

🔘 Icoonstijl
Kies een icoonstijl voor de uitklapfunctie:

  • Dakje (^)

  • 🔵 Dakje (omcirkeld) (standaard)

  • ➕➖ Plus en min (+/-)

  • Plus en min (omcirkeld)

🎨 Icoonkleur: Standaard #FD5E20 (oranje) 🟠.

📏 Ruimte rond content

  • Pas de witruimte boven en onder de Collapsible Content aan (standaard: 25px).


🔧 Veelgestelde vragen

De Collapsible Content wordt niet weergegeven, wat kan ik doen?

🔍 Controleer het volgende:

  • Staat "Toon op productpagina" ingeschakeld?

  • Is het juiste Content ID ingevuld?

  • Werkt de automatische implementatie niet? Voeg dan een CSS-selector toe.

💡 Tip: Probeer de cache van je webshop te legen!

🎨 Kan ik de kleuren en teksten later aanpassen?

Ja, je kunt altijd teruggaan naar de instellingen om de Collapsible Content aan te passen!

🛠 Werkt deze add-on met alle thema’s?

De meeste thema’s ondersteunen de Collapsible Content Add-on. Als er conflicten optreden, neem dan contact op met de supportafdeling.

Was dit een antwoord op uw vraag?