Product status view
    • 1 Minute to read
    • Dark
      Light

    Product status view

    • Dark
      Light

    Article summary

    In Mapp Intelligence, you can analyze in detail which products on your website are viewed.

    "View" is typically set as status on a product detail page.

    Methods

    The view object contains the following four methods, which are contained in the objects data and parameter:

    • set: Overwrites all existing values.

    • add: Overwrites only the corresponding values.

    • get: Returns the current configuration.

    • remove: Removes the current configuration or individual values.

    data

    set

    /**
     * @param {{
     *      id: string,
     *      [cost=0]: number,
     *      [quantity=0]: number,
     *      [soldOut=false]: boolean,
     *      [parameter={}]: {[number]: string},
     *      [category={}]: {[number]: string}
     * }[]} data
     *
     * @returns {wtSmart.product.view.data}
     */
    wtSmart.product.view.data.set(data);

    add

    /**
     * @param {{
     *      id: string,
     *      [cost=0]: number,
     *      [quantity=0]: number,
     *      [soldOut=false]: boolean,
     *      [parameter={}]: {[number]: string},
     *      [category={}]: {[number]: string}
     * }[]} data
     *
     * @returns {wtSmart.product.view.data}
     */
    wtSmart.product.view.data.add(data);

    get

    /**
     * @returns {{
     *      id: string,
     *      cost: number,
     *      quantity: number,
     *      soldOut: boolean,
     *      parameter: {[number]: string},
     *      category: {[number]: string}
     * }[]}
     */
    wtSmart.product.view.data.get();

    remove

    /**
     * @param {number[]} [removeview]
     *
     * @returns {wtSmart.product.view.data}
     */
    wtSmart.product.view.data.remove(removeview);

    Example

    var product = {
        id: 'ABC-123',
        cost: 99.90,
        quantity: 2,
        soldOut: false,
        parameter: {
            1: 'L'
        },
        category: {
            1: 'tops',
            2: 'noname'
        }
    };
    
    // set product view data
    wtSmart.product.view.data.set([product, product2]);
    
    // add product view data
    wtSmart.product.view.data.add([product3, product4]);
    
    // get product view data
    var data = wtSmart.product.view.data.get();
      
    // remove all product view data
    wtSmart.product.view.data.remove();
    
    // remove only the first (product) product view data
    wtSmart.product.view.data.remove([1]);

    parameter

    set

    /**
     * @param {{[number]: string}} data
     *
     * @returns {wtSmart.product.view.parameter}
     */
    wtSmart.product.view.parameter.set(data);

    add

    /**
     * @param {{[number]: string}} data
     *
     * @returns {wtSmart.product.view.parameter}
     */
    wtSmart.product.view.parameter.add(data);

    get

    /**
     * @returns {{[number]: string}}
     */
    wtSmart.product.view.parameter.get();

    remove

    /**
     * @param {number[]} [removeview]
     *
     * @returns {wtSmart.product.view.parameter}
     */
    wtSmart.product.view.parameter.remove(removeview);

    Example

    // set product view parameter
    wtSmart.product.view.parameter.set({
        1: 'bar'
    });
    
    // add product view parameter
    wtSmart.product.view.parameter.add({
        7: 'foo.bar'
    });
    
    // get product view parameter
    var data = wtSmart.product.view.parameter.get();
      
    // remove all product view parameter
    wtSmart.product.view.parameter.remove();
    
    // remove only product view parameter 7
    wtSmart.product.view.parameter.remove([7]);

    Code Generator

    Use the code generator to create individual code that you can then integrate directly into the website.


    Was this article helpful?