Quote:
Our clients wants to show products in 4 columns on desktop and 3 columns on mobile. any easy way to do this?
|
You can adjust the
bootstrap grid view columns. Edit skin/reboot/js/custom/reboot_products.js
Replace...
Code:
function setGrid() {
$('.products-container .item').removeClass('col-xs-12 col-sm-6 col-md-4 col-lg-4 col-lg-12 grid-view rows-view list-view').addClass('col-xs-12 col-sm-6 col-md-4 col-lg-4 grid-view');
With...
Code:
function setGrid() {
$('.products-container .item').removeClass('col-xs-12 col-sm-6 col-md-4 col-lg-3 col-lg-12 grid-view rows-view list-view').addClass('col-xs-12 col-sm-6 col-md-4 col-lg-3 grid-view');
Then run a template cleanup.