Så här använder du filter i OpenCart

Låt oss först försöka förstå filtypen i OpenCart. I en konventionell butikshändelse hittar du förmodligen en "Avancerad sökning" -funktion så att användare kan filtrera produkter efter deras önskemål. Men ibland vill du gruppera olika typer av produkter tillsammans, även om de tillhör olika kategorier. Eller du vill bifoga en etikett till vissa produkter så att de kan hittas lättare i fronten.

För att förstå det tydligare, låt oss ta ett verkligt exempel. Låt oss anta att du har en underkategori "Monitors" tillgänglig under huvudkategori "Komponenter". Och du skulle vilja kategorisera skärmarna ytterligare med "LED", "LCD" och "CRT". 

Det första alternativet som dyker upp i ditt sinne är att skapa en annan nivå av kategorier under "Monitors". Men istället för att skapa en annan nivå av kategorier, vilket kan göra sakerna lite mer komplexa, kan du använda filter i OpenCart.

Fördelen med att använda filter i ovanstående scenario är att när du aktiverar "Filter" -modulen, ger den ett fint block i frontänden som gör det möjligt för användarna att förfina de relevanta produkterna efter eget val.

Låt oss gå vidare och ställa upp det här.

Skapa den nya filtergruppen och filteren

Gå över till administrativ delen av OpenCart och gå till Katalog> Filter. Klicka på Föra in knappen för att öppna skärmen som gör att vi kan skapa en ny filtergrupp och filter. Filtergruppsnamn används titeln för att skilja filtren när mer än en uppsättning filter är tillgängliga för visning. Fyll bara i detaljerna som visas nedan.

Som du kan se har vi skapat en filtergrupp "Monitor Types" och filtervärdena är "LED", "LCD" och "CRT". Klicka på Spara knappen för att begå ändringarna.

Tilldela filerna till kategorier och produkter

Nu har vi satt upp filtergruppen och tillhörande filter. Vidare måste vi tilldela filtren till relevant kategori och produkter.

Tilldela filter till en kategori

Låt oss först tilldela filter till en relaterad kategori. Jag antar att du använder standardkategorierna och produktdata som följer med OpenCarts standardinstallation.

Fortsätt med vårt tidigare exempel, låt oss fortsätta och redigera Bildskärmar kategori. Gå till Katalog> Kategorier och redigera Bildskärmar underkategori under Komponenter huvud kategorin. Klicka på Data fliken, som visar olika fält, bland vilka är filter.

filter är ett automatiskt slutfört fält. Så du kan välja värden genom att bara skriva några bokstäver. I vårt exempel vill du välja "LED", "LCD" och "CRT" som filtervärden. Klicka på Spara knappen för att tillämpa ändringarna.

Det kommer att se till att när "Filters" -blocket visas på kategorin "Skärmar" i fronten, visas det alla tre alternativen vi har valt i fältet "Filters" under Dataflik.

Tilldela filter till produkter

Nu måste vi tilldela filter till varje produkt som vi vill filtrera genom våra "Monitor Types" -kriterier. Självklart vill vi redigera produkterna under kategorin "Monitors" eftersom vi har ställt in filteren för den kategorin i föregående avsnitt.

Gå till Katalog> Produkter och redigera "Samsung SyncMaster 941BW" -produkten. Under länkar fliken ser du Filtrera fält. Låt oss välja "LED" och spara produkten.

På samma sätt, fortsätt och tilldela "LCD" till den andra produkten "Apple Cinema 30". Så nu har vi två olika produkter tilldelade med två olika filtervärden. Du kan också tilldela mer än ett filter till samma produkt om det behövs. Men i vårt fall kommer vi hålla det enkelt.

Aktivera filtermodulen

Vi är nästan färdiga med installationen! Det enda som återstår är att aktivera filtermodulen och tilldela den till lämplig layout i fronten. Gå till Extensions> Moduler och installera Filtrera modul.

Efter installationen av Filtrera modul, klicka på Redigera länk för att öppna modulens konfigurationssida. Klicka på Lägg till modul knappen för att lägga till en ny rad, och välj alternativen som visas nedan.

I vårt exempel är det bara meningsfullt om vi visar vår modul i kategorin "Layout". Det kommer att se till att när en användare bläddrar produkterna per kategori, kommer "Filter" -blocket att vara till hjälp vid filtrering av produkterna ytterligare. Så vi har valt Kategori i Layout drop-down, och vi visar den i Kolumn vänster placera. Klicka på Spara att tillämpa ändringarna.

Testa framsidan

Så äntligen är det dags att se saker i aktion i fron-t-änden. Gå över till fronten och välj Komponenter> Bildskärmar (2) för att lista de produkter som finns tillgängliga under kategorin "Monitors". Du borde se förfina sökning blockera till vänster sidofält. Ganska coolt, är det inte?

Såsom du kan se är det ett riktigt snyggt block som visar de olika filteralternativen, med det totala antalet produkter som finns tillgängliga i varje filter. Välj bara LED och klicka på förfina sökning för att se den filtrerade produktlistan.

Om du är bekant med "Faceted Search" ser gränssnittet ut liknande till det. På samma sätt kan du ställa in fler filtergrupper och filter för att visa ett rikt raffineringsgränssnitt i din fron-t-end-butik!

Slutsats

I den här artikeln har vi undersökt en av de spännande funktionerna i OpenCart, kallade filter. Jag hoppas att du har haft det, och lärt dig något användbart om OpenCart. Jag skulle gärna höra dina kommentarer och frågor i flödet!