Login

Learning & Support

Documentation

Advanced Scripting | Sample App 7: Multiple Languages

Twixl Support Team Updated: - Created :

    In the series Advanced Scripting Sample Apps we explain some use cases on how to use the Advanced Scripting. For more general info, it's very important that you read this KB-article first.

    Preview with the Twixl App

    You can preview this app by scanning the QR code with the Twixl app.

    Replace QR-Code

    Use Case

    In this example, we show how you can ask the user to select a language and filter Content Items and Collections based on the chosen language.

    Instructions

    Preparations

    1. Create a new app
    2. Add the following contents item to the Root Collection with the following properties:
      • Button to select English
        • Type: Web link
        • Name: select.en
        • Title: English
        • Link to URL: tp-set-custom-vars://?lang=en
      • Button to select French
        • Type: Web link
        • Name: select.fr
        • Title: French
        • Link to URL: tp-set-custom-vars://?lang=fr
      • English Collection
        • Type: Collection and Link
        • Name: en.collection1
        • Title: English Collection 1
      • French Collection
        • Type: Collection and Link
        • Name: fr.collection1
        • Title: French Collection 1
    3. Add a content item to the hamburger collection with the following properties:
      • Type: Web link
      • Name: Choose Language
      • Link to URL: tp-set-custom-vars://
    4. Set up your Advanced Scripting (see below)

    Advanced Scripting Settings

    For the Root Collection

    // Create a global variable in which we store the language
    var language = "";
    
    // Executed once for every collection before the filtering of the items
    function setupFilter(collection, environment) {
        language = environment.CustomVar("lang").toLowerCase();
    }
    
    // Executed for once for every collection
    function shouldShowCollection(collection, environment) {
        return collection.Name.startsWith(language);
    }
    
    // Executed for every single content item
    function shouldShowItem(contentItem, collection, environment) {
        if (language !== "") {
            return contentItem.Name.startsWith(language);
        }
        return contentItem.Name.startsWith("select.");
    }
    
    // Executed once for every collection after the filtering of the items
    function teardownFilter(collection, environment) {
    }

    Was this article helpful?

    0 out of 0 found this helpful