Produktfilter

Med widgeten Produktfilter kan kunder filtrera sina produktsökningar beroende på attribut som Pris, Betyg, Färg och Kategori.

Låt oss lära oss hur du kan använda produktfilterwidgetar på din wooCommerce webbplats:

Hur man lägger till produktfilter på din Elementor WooCommerce-webbplats #

Lär dig hur du lägger till din Elementor WooCommerce-webbplats och anpassar produktfiltrets layout och stil. Denna process består av bara 4 steg.

Steg 1: Aktivera produktfilterwidget #

För att aktivera widgeten Produktfilter,

  • Gå till ShopEngine > Widgets > Produktfilter
  • Sätta på Produktfilter under avsnittet Allmänt
  • Spara ändringar
aktivera produktfilter

Notera: Du kan också aktivera produktfilter med en global inställning som slår på alla widgets i ShopEngine på samma gång.

Steg 2: Lägg till produktfilter #

Innan du kan lägga till widgeten måste du skapa ShopEngine Butik/arkivmall först. Kolla in dokumentationen på hur man skapar en butiksmall.

Så här lägger du till produktfilter:

  • Gå till ShopEngine > Mallar > Arkivmall
  • Klicka på Redigera med Elementor
redigera arkivsidan
  • Sök för produktfilter på Elements Search-alternativet
  • Dra och släpp widgeten 
  • Klicka på Uppdatera för att spara ändringar.

Steg 3: Anpassa innehållsinställningar för produktfilter #

Anpassning av produktfilterwidget

Gå till Innehåll > Filter för att anpassa följande inställningar:

  • Prisfilter: Klicka på redigeringsalternativet för att ändra titel, prisintervall, lägsta pris, maxpris och punkttyp. Punkttyp är slutpunkterna för prislinjen.
  • Betygsfilter: Du kan ändra klassificeringsfiltrets titel.
  • Färgfilter: Här kan du ändra filternamnet. Du kan också slå på/av alternativet för visa färgprickar.
  • Kategorifilter:  Du kan anpassa titeln, produktkategorierna och beställa efter. Visa hierarki. Du kan också dölja tomma kategorier härifrån.
  • Bildfilter: Du kan ändra och anpassa titeln. Användare kan sedan filtrera produkterna baserat på produktbilder.
  • Etikettfilter: Du kan ändra titeln och användare kan filtrera produkter baserat på etiketter.
  • Fraktfilter: Användare kan välja detta filter för att filtrera produkterna baserat på fraktmetod.
  • Lagerfilter: Detta filter låter användarna filtrera produkterna baserat på lagerbeloppet.
  • Rea-filter: Om användarna vill kan de filtrera produkterna baserat på rean. Så om din butik erbjuder någon rea kan kunderna enkelt hitta dem.

Gå till Innehåll > Layout för att anpassa följande inställningar:

  • Aktivera växlingsknapp för behållare: Här kan du aktivera växlingsknappen så att hela widgeten kan döljas under en växlingsknapp. Du kan också ställa in justeringen, ställa in om du vill visa ikonen, ladda upp en ikon, välja ikonposition och även behållarens bredd.
  • Kolumner (per rad): Välj hur många filer du vill ha per kolumn.
  • Kolumnstoppning: Justera vänster, höger, övre och nedre stoppning av kolumnen.

Gå till Innehåll > Attribut för att anpassa följande inställningar:

  • Aktivera attribut: Om du vill visa attribut ställ in VISA annars GÖM.
  • Stilar: Välj Standard eller Cirkel som attributstil.
  • Attributlista: Du kan lägga till nya objekt och redigera detaljerna här.
produktfilter för butik

Steg 4: Stilinställningar för produktfilter #

stilinställningar produktfilter

Gå till Stil fliken för att anpassa följande stilinställningar:

  • Vanliga stilar: Expandera det här alternativet för att ändra titel, typografi, kroppstypografi, rubrikfärg, filteretikettsfärg, global teckenfamilj, rubrikutfyllnad botten, objektmarginal botten, kryssrutestil, kryssruteikon, ikonbibliotek, kryssruta kantfärg, kryssad ikonfärg, kryssad bakgrund , Marginal höger, Kryssrutaikonstorlek, Kryssrutestorlek, Vertikal position och kantradie.
  • Filterväxlingsknapp och behållare: För att arbeta med det här alternativet måste du först och främst sätta på de Aktivera växlingsknapp för behållare? alternativet från avsnittet Innehåll som vi har beskrivit tidigare. För att förstå tydligt, se bilden nedan. Nu kan du redigera det här alternativet i stilsektionen och ändra textfärgen och bakgrunden för både normala och svävande vyer. Det finns också alternativ för att ändra kanttyp, bredd, färg, utfyllnad, marginal, bakgrundsfärg för behållare, typ av ram, utfyllnad av behållare (px) och skugga för behållarlåda.
Använd produktfilterwidget och förenkla dina kunders produktsökningsprocess.
  • Prisfilter/intervallreglage: Expandera det här alternativet för att ändra skjutreglagefärg, aktiv skjutreglagefärg, områdesprissättningstextfärg, återställ marginalbotten, text och bakgrundsfärg för både normal vy och svävningsvy.
  • Betygsfilter: Här kan du välja betygsikon, färg på den aktiva ikonen, mellanrum mellan betyg och stjärnstorlek.
  • Kategorifilter: Justera topp-, höger-, botten- och vänsterutfyllnad runt underkategorin.

När du har gjort alla ändringar klickar du Uppdatering att spara. Nu ska produktfilter vara synliga i skyltfönstret med all anpassning och styling.

Här är förhandsvisning widget för produktfilter

Produktfilterwidget fungerar smidigt
Förhandsvisning: Produktfilter

ShopEngines produktfilterwidget har olika funktioner som underlättar en kunds produktsökningsprocess. Och dokumentationen bör vara till hjälp vid din studie och installation av widgeten.

Vad är dina känslor
Uppdaterad den 19 juni 2023