Component JNC.ProductCatalog.Catalog

Product Catalog example

Navionics Full Product Catalog with products, product items list and parameter, product items description visible and custom shop link


                
var catalog = new JNC.ProductCatalog.Catalog({
    container: '#catalog',
    zoom: 0.8,
    navKey: '***'
});
                
            

Example 1

Catalog in different language


var catalog = new JNC.ProductCatalog.Catalog({
    container: '#catalog',
    zoom: 0.8,
    locale: 'fr',
    navKey: '***'
});
        

Example 2

Custom Products, custom shop url for product and landing page in new window or not

            
    var catalog = new JNC.ProductCatalog.Catalog({
        container: '#catalog',
        zoom: 0.8,
        navKey: ***,
        enabledProducts: [
            { 'product': 'PlatinumPlus',  'url': 'http://www.esa.int', 'inNewWindow': true },
            { 'product': 'NavionicsPlus', 'url': 'http://www.esa.int', 'inNewWindow': false }
        ],
        ScaleLine: false
    });
            
        

More options?

If you want to see all possible options see this example