Naar de hoofdinhoud

Collapsible Content

Nick Paul avatar
Geschreven door Nick Paul
Meer dan 5 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?