Kennisbank

ElasticSuite: Custom attribuut als slider weergeven

Met ElasticSuite kun je een slider tonen in custom attributen. Zoals je vaak bij ‘Prijs’ ziet.

1

Navigeer naar Winkels > Attributen > Product.

2

Klik rechts boven op de knop ‘Voeg nieuw attribuut toe’.

3

Onder de tab ‘Attribuut-eigenschappen’ vul je achter ‘Standaard Label’ de naam van het attribuut in. In ons voorbeeld gebruiken wij ‘Temperatuur’. Als invoertype kies je voor ‘Tekst Field’ zoals in de afbeelding hieronder.

4

Klik nu op de tab ‘Geavanceerde attribuut eigenschappen’ en scroll naar beneden tot je bij ‘Invoervalidatie voor winkeleigenaar’ komt. Kies hier voor ‘Decimaal Nummer’

5

Klik in het rechtse menu op ‘Labels beheren’. Voer hier de naam van de attribuut in zoals hij op de frontend getoond moet worden.

6

Klik in het rechtse menu op ‘Eigenschappen winkelaanzicht’. Navigeer naar de tab genaamd ‘Search Configuration’ en verander ‘Gebruik in gelaagde navigatie’ naar ‘Filterbaar (met resultaten)’

7

Sla de attribuut op door op de oranje knop genaamd ‘Attribuut opslaan’ te drukken.

8

Zoek in de attributen naar het net aangemaakte attribuut en klik erop.

9

Ga in de tabbladen naar ‘Eigenschappen winkelaanzicht’.

10

Scroll naar beneden tot je bij het onderdeel ‘Slider Display Configuration’ komt. Je kunt hier de volgende onderdelen aanpassen:

  • Display pattern:Voeg hier het patroon toe die je wilt gebruiken voor je waardes. De code “%s” is de waarde. Als je bijvoorbeeld “%s °C” invult wordt het op de voorkant weergeven als “20 °C”
  • Display Precision: Geef hier aan met hoeveel precisie de waarde weergeven moet worden.
11

Sla de attribuut op door op de oranje knop genaamd ‘Attribuut opslaan’ te drukken.

12

Navigeer naar Winkels > Attributen > Attributenset.

13

Klik op de attributen set waar je het nieuw aangemaakte attribuut wilt toevoegen. In ons voorbeeld kiezen wij voor de ‘Default’ attributen set.

14

Sleep de nieuw aangemaakte attribuut vanuit de kolom ‘Niet-toegewezen attributen’ naar de kolom ‘Groepen’.

15

Klik op ‘Opslaan’ om de attributen set op te slaan.

16

Als je nu naar een product navigeert staat het nieuw aangemaakte product erbij. Let op dat je bij dit attribuut alleen een numerieke waarde ingeeft zoals 1, 10 of 420.

Let op: Je kunt ook kiezen voor een invoertype genaamd ‘Prijs’ bij stap 4. Je kan dan stap 5 overslaan.
Belangrijk: Voeg alleen numerieke waardes in bij het vullen van een attribuut.