<< Click here to display Table of Contents >> Navigation: Wegweiser > Kategorien:

Filter auf Kategorieebene

Sie können dem Käufer ermöglichen, die Produkte einer Kategorie nach ausgewählten Kriterien (Produktattributen) zu filtern. Für jede Kategorie sind individuelle Filter möglich. Pro Kategorie können bis zu zehn verschiedene Filter bzw. Filterkriterien definiert werden.

	Hinweis:
	Damit Sie Filter auf Kategorieebene nutzen können, müssen die Felder, nach denen gefiltert werden soll, entsprechend vorkonfiguriert werden. Bitte wenden Sie sich hierzu an die WEBSALE AG.

Konfiguration "Shopkonfiguration shop.config" ergänzen

Um Filter auf Kategorieebene verwenden zu können, müssen die Parameter CatFilterJS und AutoSelectSingleEntry im Abschnitt <FilterAndSort> der Shopkonfiguration shop.config definiert sein. Fügen Sie den Abschnitt bzw. die Parameter bei Bedarf ein, falls noch nicht vorhanden.

<FilterAndSort>
   ...
   CatFilterJS                =   myPersonalJS();
   AutoSelectSingleEntry      =   no
   ...
</FilterAndSort>

Referenz: Abschnitt FilterAndSort

Auswahllisten zum Filtern anzeigen

Erstellen Sie eine Auswahlliste mit der dazugehörigen Form auf dem gewünschten Kategorietemplate:

{CAT-Filter}
<form action="~FORM-CatFilter~" method="Post">
<table class="kasten_mitte" width="100%">
   {Cat-FilterField1_Txt} 
    <tr>
       <td width="20%">
          ~Cat-FilterField1_Txt~
       </td>
       <td>
          ~Cat-FilterField1_Select~
       </td>
   </tr>
   {/Cat-FilterField1_Txt}

   {Cat-FilterField2_Txt} 
    <tr>
      <td width="20%">
          ~Cat-FilterField2_Txt~
      </td>
      <td>
          ~Cat-FilterField2_Select~
      </td>
    </tr>
   {/Cat-FilterField2_Txt}

   ...

   <tr>
      <td> 
      </td>

      <td>
          <noscript>
          <input type="submit" name="Filtern" value="Filtern">
          </noscript>
          <input type="submit" name="~BT-CatFilterReset~" value="Filter zurücksetzen">
      </td>
     </tr>
</table>
</form>

{/CAT-Filter}

{!CAT-Filter}
       Filtern auf Kategorieebene nicht aktiv!<br>
{/!CAT-Filter}

Es können bis zu zehn Auswahllisten angezeigt werden. Da nicht nur die Filterkriterien der einzelnen Kategorien sondern auch deren Anzahl unterschiedlich sein können, wird jeder einzelne Filter mit einem Bereichs-Tag geklammert. So werden nur die Filter angezeigt, die in der entsprechenden Kategorie aktiv sind. Ist die Filterung nicht konfiguriert oder für die Kategorie nicht erwünscht, so sorgt die äußere Bereichs-Klammerung dafür, dass der Filter nicht angezeigt wird.

Alternative Anzeige der Auswahllisten zum Filtern

Sie können die Darstellung der einzelnen Filter-Auswahllisten auch in die FastInclude-Datei auslagern. Zusätzlich können Sie in Abhängigkeit des technischen Namens des Filterkriteriums (Produktattributs) die Anzeige individuell gestalten:

Beispiel:

Einbindung der Filter auf dem Kategorietemplate:

{CAT-Filter}
<form action="~FORM-CatFilter~" method="post">
<table class="kasten_mitte" width="100%">

  {Cat-FilterField1_Txt} 
   ~WS-Fast_Include(Incl-CatFilter)~
  {/Cat-FilterField1_Txt}
   
  {Cat-FilterField2_Txt} 
   ~WS-Fast_Include(Incl-CatFilter)~   
  {/Cat-FilterField2_Txt}

  ...

  <tr>
    <td> </td>
    <td>
      <noscript>
        <input type="submit" name="Filtern" value="Filtern">
      </noscript>
      <input type="submit" name="~BT-CatFilterReset~" value="Filter zurücksetzen">
    </td>
  </tr>
</table>
</form>
{/CAT-Filter}

Darstellung der Filter im Fast-Include-Template:

{Incl-CatFilter}
  <tr>
    <td width="20%">
      {CAT-FilterAct_ID(farbe,groesse)}
        <!-- Diese Sektion wird nur dann angezeigt wenn der technische Name des aktuellen Filterkriteriums (Produktattributes) groesse oder farbe ist. (Auswahl erfolgt durch {CAT-FilterFieldXX_Txt} -->
      {/CAT-FilterAct_ID(farbe,groesse)}
      <!-- Gibt die Beschreibung des aktuellen Filters aus (Auswahl erfolgt durch {CAT-FilterFieldXX_Txt} -->
      ~Cat-FilterFieldAct_Txt~

    </td>
    <td>      

      <!-- Gibt die Selectbox des aktuellen Filters aus (Auswahl erfolgt durch {CAT-FilterFieldXX_Txt} -->
      ~Cat-FilterFieldAct_Select~

    </td>
  </tr>
{/Incl-CatFilter}

Filterung für gesamte Session beibehalten

Standardmäßig wird eine vom Käufer gewählte Filterung und/oder Sortierung zurückgesetzt, sobald der Käufer die Kategorie verlässt, auf der er diese Einstellungen getroffen hat. Dies ist notwendig, wenn auf verschiedenen Kategorien eventuell unterschiedliche Filter- und/oder Sortierkriterien verwendet werden.

Falls Sie in Ihrem Shop in jeder Kategorie dieselben Filter- und Sortierkriterien anbieten, können die einmal vom Käufer getroffenen Einstellungen beibehalten werden, bis er sie ändert oder zurücksetzt. Dies wird im Abschnitt <FilterAndSort> der Shopkonfiguration shop.config mit dem Parameter KeepFilterAndSortSettings festgelegt. Fügen Sie den Parameter bei Bedarf ein, falls noch nicht vorhanden.

<FilterAndSort>
   ...
   KeepFilterAndSortSettings         =   yes
   ...
</FilterAndSort>

Referenz: Abschnitt FilterAndSort

IDs

Für die Auswahllisten der Filter werden die IDs mit folgender Syntax verwendet:

ws_input_catfilter_<Nummer des Filters, zweistellig mit führender Null>

Beispiel:

Für die Auswahlliste des zweiten Kategoriefilters wird folgende ID generiert:

ws_input_catfilter_02

Styles

Klasse	Steuert das Aussehen von...
select_catfilter_<Nummer des Filters, zweistellig mit führender Null>	Auswahlliste des Filters mit der jeweiligen Nummer. Die Auswahlliste des dritten Kategoriefilters hat z. B. die Klasse select_catfilter_03