Jump to content

Show 4 item per row in grid view instead of 3


alessandrops

Recommended Posts

Source code prints

<article class="product-miniature js-product-miniature col-sm-4" data-id-product="633" data-id-product-attribute="0" itemscope itemtype="http://schema.org/Product">

but DOM is modified at script /themes/PRS01/assets/js/custom.js to

<article class="product-miniature js-product-miniature product-grid col-lg-4 col-md-4 col-sm-6 col-xs-12" data-id-product="633" data-id-product-attribute="0" itemscope="" itemtype="http://schema.org/Product">
var cols_count = $('#right-column, #left-column').length;
if (cols_count == 2) {
    $('#content .products .product-miniature, #content-wrapper .products .product-miniature').attr('class', 'product-miniature js-product-miniature product-grid col-lg-6 col-md-6 col-sm-12 col-xs-12');
} else if (cols_count == 1) {
    $('#content .products .product-miniature, #content-wrapper .products .product-miniature').attr('class', 'product-miniature js-product-miniature product-grid col-lg-4 col-md-4 col-sm-6 col-xs-12');
} else {
    $('#content .products .product-miniature, #content-wrapper .products .product-miniature').attr('class', 'product-miniature js-product-miniature product-grid col-lg-3 col-md-3 col-sm-6 col-xs-12');
}

 

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...