Personyze Wiki Personyze Wiki docs
Nederlands
Open Personyze
Docs/ Overlay Slider & Grid — tekst op de afbeelding, beoordelingen en voorraad

Overlay Slider & Grid — tekst op de afbeelding, beoordelingen en voorraad

Een beeldcarrousel tot aan de rand, met naam, ondertitel en prijs op de foto, over een verloop dat de tekst leesbaar houdt.

2 min read Updated 17 hours ago

Een beeldcarrousel tot aan de rand, met productnaam, ondertitel en prijs direct op de foto, over een verloop dat de tekst leesbaar houdt — een premium, redactionele look voor catalogi in mode, wonen en lifestyle.

Hij deelt zijn engine met de Product Slider & Grid: dezelfde vier Style-accenten, badges, hovereffecten, autoplay, afbeeldingszoom, tweede afbeelding bij hover, en de centrale instellingen voor prijsopmaak en valuta. Twee instellingen bepalen zijn identiteit: Show Text on Image en Show Gradient Overlay, allebei standaard aan, met een hoger fotovlak en drie kaarten per weergave. Zet Show Text on Image uit en Show Product Title en Show Price aan, en hij wordt een klassieke kaartenslider met de tekst onder de afbeelding.

Hoe deze template werkt

Style-accenten, Catalog Fields, de live demomodus en de centrale prijsinstellingen werken precies zoals in de Product Slider & Grid — zie daar Hoe deze template werkt, en Slider-opties voor de pijlen, stippen en rasterrijen (hier staan de aantallen items, de breekpunten en Layout — Slider or Grid onder Widget Layout).

Goed om te weten

  • Items per apparaat reageren op de container, niet alleen op het scherm. Het aantal zichtbare items (desktop / tablet / mobiel) wordt afgeleid van de eigen breedte van de widget, dus het werkt correct in het apparaatvoorbeeld van de editor, op echte telefoons en zelfs in smalle zijbalken.
  • Text on Image verwijdert dubbelingen automatisch. Zolang de overlay aan staat, verbergen de titel, de merkregel en de prijs onder de foto zichzelf.
  • Hoverstijlen zijn aparte velden. Verander je de basiskleur van een knop, neem die dan over in het bijbehorende veld Hover Style voor een consistente hover.
  • Opgeslagen templatekaarten bevriezen hun code. Bewaar je een eigen kopie in Mijn sjablonen, dan gebruiken acties die daaruit worden gemaakt de code zoals die was bij het opslaan — sla de kaart na grote updates opnieuw op.
Did this page answer your question?
Thank you — that goes to whoever maintains this page.