Filters in OpenCart gebruiken

Laten we eerst proberen het concept van filters in OpenCart te begrijpen. In de front-end van een conventionele winkel vindt u waarschijnlijk een "geavanceerde zoekfunctie", zodat gebruikers producten kunnen filteren volgens hun voorkeuren. Maar soms wilt u verschillende soorten producten samen groeperen, hoewel ze tot verschillende categorieën behoren. Of u wilt een tag aan bepaalde producten koppelen, zodat ze aan de voorkant gemakkelijker te vinden zijn.

Om het beter te begrijpen, laten we een realistisch voorbeeld nemen. Laten we aannemen dat u een subcategorie "Monitors" heeft die beschikbaar is onder de hoofdcategorie "Componenten". En u wilt monitoren verder indelen in categorieën met "LED", "LCD" en "CRT". 

De eerste optie die in je opkomt is om een ​​ander niveau van categorieën onder "Monitors" te creëren. Maar in plaats van een ander niveau van categorieën te maken, wat de dingen een beetje ingewikkelder zou kunnen maken, kunt u filters in OpenCart gebruiken.

Het voordeel van het gebruik van filters in het bovenstaande scenario is dat wanneer u de module "Filter" inschakelt, dit een mooi blok vormt in de front-end waarmee gebruikers de relevante producten van hun keuze kunnen verfijnen..

Laten we doorgaan en dit opzetten.

Maak de nieuwe filtergroep en filters

Ga naar het admin gedeelte van OpenCart en ga naar Catalogus> Filters. Klik op de invoegen om het scherm te openen waarmee we een nieuwe filtergroep en filters kunnen maken. Filter groepsnaam is de titel die wordt gebruikt om de filters te onderscheiden wanneer meer dan één set filters beschikbaar is voor weergave. Vul de gegevens in zoals hieronder getoond.

Zoals u kunt zien, hebben we een filtergroep 'Monitortypes' gemaakt en zijn de filterwaarden 'LED', 'LCD' en 'CRT'. Klik op de Opslaan knop om de wijzigingen vast te leggen.

Wijs de filters toe aan categorieën en producten

Nu hebben we de filtergroep en bijbehorende filters ingesteld. Verder moeten we de filters toewijzen aan de relevante categorie en producten.

Wijs filters toe aan een categorie

Laten we eerst filters toewijzen aan een gerelateerde categorie. Ik neem aan dat u de standaardcategorieën en productgegevens gebruikt die bij de standaard installatie van OpenCart worden geleverd.

Ga door met ons eerdere voorbeeld, laten we doorgaan en de monitors categorie. Ga naar Catalogus> Categorieën en bewerk de monitors subcategorie onder de Components Hoofdcategorie. Klik op de Gegevens tab, die verschillende velden laat zien, waaronder is filters.

filters is een veld voor automatisch aanvullen. U kunt dus de waarden selecteren door gewoon een paar letters te typen. In ons voorbeeld zou u "LED", "LCD" en "CRT" als filterwaarden willen kiezen. Klik op de Opslaan om de wijzigingen toe te passen.

Het zorgt ervoor dat wanneer het blok 'Filters' wordt weergegeven op de categorie 'Monitors' in de frontend, het alle drie de opties weergeeft die we hebben geselecteerd in het veld 'Filters' onder de gegevenstab.

Wijs filters toe aan producten

Nu moeten we filters toewijzen aan elk product dat we willen laten filteren door onze criteria voor 'Controletypes'. Het is duidelijk dat we de producten onder de categorie "Monitors" willen bewerken, omdat we de filters voor die categorie in de vorige sectie hebben ingesteld..

Ga naar Catalogus> Producten en bewerk het product "Samsung SyncMaster 941BW". Onder de Links tab zie je de Filter veld. Laten we "LED" selecteren en het product opslaan.

Ga op dezelfde manier door en wijs "LCD" toe aan het andere product "Apple Cinema 30". Dus nu hebben we twee verschillende producten toegewezen met twee verschillende filterwaarden. U kunt ook indien nodig meer dan één filter aan hetzelfde product toewijzen. Maar in ons geval houden we het simpel.

Schakel de filtermodule in

We zijn bijna klaar met de installatie! Het enige resterende is om de filtermodule in te schakelen en toe te wijzen aan de juiste lay-out aan de voorkant. Ga naar Extensies> Modules en installeer de Filter module.

Na het installeren van de Filter module, klik op de Bewerk link om de moduleconfiguratiepagina te openen. Klik op de Module toevoegen om een ​​nieuwe rij toe te voegen en kies de onderstaande opties.

In ons voorbeeld is het alleen logisch als we onze module weergeven in de indeling "Categorie". Het zorgt ervoor dat wanneer een gebruiker de producten doorzoekt per categorie, het blok "Filters" nuttig is bij het filteren van de producten. Dus we hebben geselecteerd Categorie in de lay-out drop - down, en we zullen het weergeven in de Kolom links positie. Klik op Opslaan om de wijzigingen toe te passen.

De voorkant testen

Dus eindelijk is het tijd om dingen in actie te zien in de voorste. Ga naar de voorkant en selecteer Componenten> Monitoren (2) om de producten te vermelden die beschikbaar zijn onder de categorie "Monitors". Je zou het moeten zien Zoekopdracht verfijnen blokkeren op de linkerzijbalk. Best cool, nietwaar?

Zoals u kunt zien, is het een heel mooi blok dat de verschillende filteropties toont, met het totale aantal producten dat beschikbaar is in elk filter. Selecteer gewoon LED en klik op Zoekopdracht verfijnen om de gefilterde productvermelding te bekijken.

Als u bekend bent met "Faceted Search", ziet de interface eruit soortgelijk op dat. Op dezelfde manier kunt u meer filtergroepen en filters instellen om een ​​rijke verfijningsinterface weer te geven in uw fron-t-end-winkel!

Conclusie

In dit artikel hebben we een van de opwindende functies van OpenCart verkend, filters genoemd. Ik hoop dat je het leuk vond en iets nuttigs hebt geleerd over OpenCart. Ik hoor graag uw opmerkingen en vragen in de feed!