Personalisaties zijn opgebouwd door verschillende elementen die elk een unieke Class naam hebben. Deze Class namen zijn ideaal voor wanneer je de Personalisatie naar een hoger niveau wil brengen en de stijl naar wens wilt aanpassen.

Voorbeeld

...

use case

Stel dat je de countdown filter wilt gebruiken in een personalisatie die vandaag nog verloopt:

...

Dan zal de het aantal dagen op 0 staan:

...

'0 days' is dan een beetje redundante informatie, dus het is begrijpelijk als je deze liever niet toont. Helaas is er geen standaard optie in Squeezely om deze makkelijk en snel te verbergenOm dit op te vangen wijzigen we dynamisch het HTML element wanneer het tijdsbestek op 0 staat. Dat is waar Class namen in het spel komen, maar dan moet je deze eerst opzoeken.

Opzoeken van een Class naam

In de browser druk je op je ‘F12’. In Google Chrome open je dan de DevTools:

...

In het tabblad Elements zal je verwijst verwezen worden naar het volgende element:

...

Aanpassen van een Class naam

Aangezien we het aantal dagen ‘0 days’ willen verbergen als deze op 0 staat, pakken we de Class naam ‘days_empty':

...

display:none; zal er dan voor zorgen dat ‘0 days’ wordt verbergtverborgen.