# Uitgelicht product per categorie: volledige gids

> Overzicht Met de module Uitgelicht product per categorie wijst u in elk van uw PrestaShop-categorieën een sterproduct aan. Dat product onderscheidt zich met drie visuele hefbomen: een gekleurde rand, een…

- Pagina: <https://www.datafirefly.com/nl/documentation/produit-en-avant-par-categorie/>
- Taal: nl
- Bijgewerkt op: 2026-09-10
- Andere talen: [fr](https://www.datafirefly.com/documentation/produit-en-avant-par-categorie/index.md), [en](https://www.datafirefly.com/en/documentation/produit-en-avant-par-categorie/index.md), [es](https://www.datafirefly.com/es/documentation/produit-en-avant-par-categorie/index.md), [de](https://www.datafirefly.com/de/documentation/produit-en-avant-par-categorie/index.md), [it](https://www.datafirefly.com/it/documentation/produit-en-avant-par-categorie/index.md), [pl](https://www.datafirefly.com/pl/documentation/produit-en-avant-par-categorie/index.md), [pt](https://www.datafirefly.com/pt/documentation/produit-en-avant-par-categorie/index.md)
- Index: <https://www.datafirefly.com/nl/documentation/llms.txt>

## Overzicht

Met de module **Uitgelicht product per categorie** wijst u in elk van uw PrestaShop-categorieën een sterproduct aan. Dat product onderscheidt zich met drie visuele hefbomen: een gekleurde rand, een promotieflag van het type "Topdeal!" en een positie bovenaan de categorielijst.

De module is compatibel met PrestaShop 8.0 tot 9.x en vereist geen enkele template-override: de weergave steunt volledig op CSS die in de header wordt geïnjecteerd en op de native hook van de productlijst.

## Installatie

Ga in uw back-office naar **Modules > Modulebeheer**, klik op **Een module uploaden** en selecteer het ZIP-archief van de module. De installatie verloopt automatisch.

Bij de installatie maakt de module haar koppeltabel categorie / product aan, registreert ze haar standaardinstellingen (oranje rand van 3 px, flag "Topdeal!" actief) en abonneert ze zich op de hooks displayHeader en filterProductSearch.

## Configuratie van het uiterlijk

Open de configuratie van de module. Het eerste blok bundelt de visuele instellingen die alle uitlichtingen delen:

- **Randdikte**: van 1 tot 50 pixels.
- **Randkleur**: in hexadecimaal formaat (bijvoorbeeld #FFA500) of als CSS-kleurnaam (bijvoorbeeld orange).
- **CSS-selector**: het element dat de rand krijgt. Standaard de volledige productminiatuur.

### De CSS-selector kiezen

Afhankelijk van uw thema kunt u verschillende elementen targeten. De gegenereerde regel wordt altijd automatisch beperkt tot alleen het uitgelichte product.

- **.product-miniature**: omrandt de volledige miniatuur (standaardwaarde).
- **.thumbnail-container**: omrandt alleen de afbeeldingscontainer.
- **Aangepaste selector**: gevorderde modus. Gebruik de placeholder {id} om zelf de volledige selector te schrijven, bijvoorbeeld de miniatuurcontainer binnen de productminiatuur, getarget via zijn attribuut data-id-product.

## Configuratie van de flag "Topdeal!"

De tweede groep instellingen stuurt de badge op het sterproduct:

- **Een flag tonen**: activeert of deactiveert de badge.
- **Tekst van de flag**: per taal in te voeren. De tekst verschijnt automatisch in de taal van de bezoeker.
- **Achtergrondkleur** en **tekstkleur** van de flag.
- **Positie**: linksboven, rechtsboven, linksonder of rechtsonder.

Blijft het veld Tekst van de flag leeg voor de taal van de bezoeker, dan verschijnt de badge niet. Vul dus elke actieve taal in.

## Een product uitlichten

Selecteer in het tweede formulier de betrokken **categorie** en zoek dan het uit te lichten **product**. Het zoekveld aanvaardt de naam of de referentie van het product en biedt autocomplete: klik op een resultaat om het te selecteren, zonder de ID te hoeven kennen.

Bevestig met **Toevoegen / Bijwerken**. De overzichtstabel toont alle actieve uitlichtingen, elk met een verwijderknop.

De module beheert één sterproduct per categorie. Een nieuwe uitlichting opslaan voor een al gekoppelde categorie vervangt automatisch het vorige product.

## Gedrag aan winkelzijde

Op de pagina van een categorie met een uitlichting krijgt het geselecteerde product de ingestelde rand en flag, en stijgt het naar de eerste positie van de lijst. Verschijnt het door de sortering of de paginering niet op de huidige pagina, dan wordt het bovenaan de eerste pagina toegevoegd, exact zoals de andere producten gepresenteerd.

## Veelgestelde vragen

### Moet het uitgelichte product tot de categorie behoren?

Dat is niet verplicht voor de weergave op de eerste positie, maar wel aanbevolen voor de samenhang van de navigatie. Bij het opslaan verschijnt een waarschuwing als het product niet aan de categorie is gekoppeld.

### Is de instelling per winkel in multistore?

De uiterlijkconfiguratie en de koppelingen zijn in deze versie globaal. Beheer per winkel kan op verzoek worden toegevoegd.