Showcase / Zoeken en navigeren

Uitgelichte producten en labels

Twee kleine dingen die samen veel doen voor een productpagina en een homepage: een rij producten die jij kiest, en labels die zelf op de juiste producten verschijnen. Allebei zonder dat er iemand aan de code hoeft te komen.

De rij Uitgelicht op de homepage van de demowinkel met vier producten, prijzen en knoppen om ze in de winkelwagen te leggen — De rij Uitgelicht op de homepage, met pijltjes om verder te schuiven

De categoriepagina Bewaren van de demowinkel met vier producten, waarvan enkele een label Bestseller of Eco dragen — Op de categoriepagina staan de labels linksboven op de productkaart

Een productpagina van de demowinkel met de labels Eco en Bestseller onder de productnaam — Op de productpagina staan dezelfde labels onder de naam

Magento 2 · Hyvä · Merchandising · Productlabels

Wat het doet

Uitlichten met één vinkje

Bij een product zet je in het beheer het vinkje Uitgelicht. Meer is het niet. Producten die uit staan of niet op voorraad zijn, blijven vanzelf uit de rij. Hoeveel er maximaal in staan, stel je in.

Overal te plaatsen

De rij staat op de homepage. Je kunt hem met een eigen kop ook op elke andere pagina zetten, bijvoorbeeld op een landingspagina voor een actie.

Vier labels

Sale, Eco, Nieuw en Bestseller, in die volgorde als een product er meerdere heeft. Ze staan op de productkaarten en op de productpagina.

Labels volgen de gegevens

Sale verschijnt bij een actieprijs die lager is dan de normale prijs en binnen zijn periode valt. Nieuw volgt de nieuw-periode van het product. Eco en Bestseller zet je per product zelf aan.

Ook filters

Een bezoeker kan ook op Eco of Bestseller filteren. En je kunt er een collectie van maken, zoals een pagina met alle eco-producten, zonder die met de hand te vullen.

Voor wie

Shops die hun homepage levend willen houden zonder er elke week een developer voor te bellen. Een seizoensrij samenstellen is dan een kwestie van vinkjes zetten.

Labels zijn vooral nuttig als de catalogus groeit. Ze geven een bezoeker houvast in een lange lijst, en ze blijven kloppen omdat ze uit de prijs en de kenmerken volgen.

Zelf bekijken

De homepage van de demowinkel opent met de rij Uitgelicht. Op de categoriepagina's zie je de labels op de kaarten, en op een productpagina onder de naam.

Open de demowinkel

Voor developers

Uitlichten is een eigen productattribuut uit een data patch. Eco en Bestseller zijn ook attributen en staan in de Meilisearch-index als facet. De provider haalt de producten in één collectie op, met een filter op status, zichtbaarheid en voorraad en een limiet uit de configuratie.
Het blok, de widget en de sectie in de content builder gebruiken alle drie diezelfde provider, dus er is één plek waar de selectie vandaan komt.
De labels staan als definities in de code: code, tekst, kleuren uit het palet en een volgnummer. Een label erbij is een definitie erbij.
De resolver leest de kenmerken van een product voorzichtig uit. Is een kenmerk in een lijst niet meegeladen, dan blijft dat label weg en loopt er niets stuk.
De perioden van actieprijs en nieuw worden in de tijdzone van de winkel vergeleken, met open grenzen als er maar één datum is ingevuld.
De klassen van de carrousel en de labels staan in de bronlijst van het thema, zodat ze na een rebuild in de CSS zitten.

De labels zijn ook de basis onder de collecties uit een filter en onder de filters bij het zoeken.

De uitgelichte rij komt ook terug in de suggesties in de winkelwagen.

Terug naar alle onderdelen in de showcase.

Wil je je homepage zelf kunnen vullen?

In een kennismaking van een kwartier kijken we wat daarvoor nodig is in jouw shop.

Plan een kennismaking

Jasper van Tellingen, e-commerce architect