Change results layout

Change number of columns for filters and results

window.findifyApiRegistry = [{
    hook: "*.results",
    mapProps: function(apiData) {
        if (!apiData.isMobile) {
            return {
                columns: {
                    facets: 3,
                    products: 9
                }
            };
        }
    }
}];

Change number of items per row

window.findifyApiRegistry = [{
    hook: "*.grid",
    mapProps: function(apiData) {
        if (apiData.isMobile || apiData.size.width < 400) {
            return {
                columns: 2
            };
        }
      
        return {
          columns: 3
        }
    }
}];

Change the number of items shown in carousel

window.findifyApiRegistry = [{
    hook: "*.carousel",
    mapProps: function(apiData) {
        if (apiData.isMobile || apiData.size.width < 400) {
          apiData.config.slickSettings.slidesToShow = 2;
      		return apiData;
        }
        return apiData;
    }
}];