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?

    ESC

    AI Assistant, facilitating knowledge discovery through conversational intelligence