Naar de hoofdinhoud
Alle collectiesPlus+ Add-ons
Collapsible Content
Collapsible Content
Nick Paul avatar
Geschreven door Nick Paul
Meer dan 2 maanden geleden bijgewerkt

πŸ“‚ 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?