If the standard implementation of Tweakwise via javascript was successful (level Standard, or Google Tag Manager), then you may choose to serve your Product Lister Pages via javascript as well. This article shows you how.

Note: this functionality requires Tweakwise level Medium and is not available for level Standard.

Step 1: Expand the configuration

Expand the configuration, as described in step 3 of the aforementioned articles, with the following settings. Replace "CATEGORYID" with the category ID of the user's current page. This category ID must be known by Tweakwise. This ID is used to retrieve the right products and filter templates of the corresponding category.

<script type=”text/javascript">


  window[“twn-starter-config”] = {


    instancekey: “INSTANCEKEY”,


    navigation: {


        cid: “CATEGORYID”,


    }


  };


</script>

 

Step 2: Filter preselection (optional)

It's possible to give the PLP a preselection of filters by revealing it to the javascript. In the example below, the color blue was preselected.

<script type=”text/javascript">


  window[“twn-starter-config”] = {


    instancekey: “INSTANCEKEY”,


    navigation: {


        cid: “CATEGORYID”,


        filters: {


            “tn_fk_kleur”: “Blauw”,


        }


    }


  };


</script>