Решил добавить еще один способ показа товара прайсом. Вот таким скриптом. Добавил price-view в tpl, кнопочки появились. С прайса переключаться на сетку, при нажатии кнопки лист, снова отображается сетка,
<script type="text/javascript">
$('#price-view').click(function() {
$('.price-view').show();
$('#grid-view').removeClass('active');
$('#list-view').removeClass('active');
$('#table-view').addClass('active');
$('.product-layout.product-list').hide();
$('.product-layout.product-grid').hide();
});
$('#list-view').click(function() {
$('#price-view').removeClass('active');
$('.price-view').hide();
$('.product-layout.product-list').show();
$('.product-layout.product-grid').show();
});
$('#grid-view').click(function() {
$('#price-view').removeClass('active');
$('.price-view').hide();
$('.product-layout.product-list').show();
$('.product-layout.product-grid').show();
});
$(document).ready(function() {
$('#price-view').trigger('click');
});
</script>
Убрал из common.js строки
// Product List
$('#list-view').click(function() {
$('#content .product-grid > .clearfix').remove();
$('#content .row > .product-grid').attr('class', 'product-layout product-list col-xs-12');
$('#grid-view').removeClass('active');
$('#list-view').addClass('active');
localStorage.setItem('display', 'list');
});
Получается переключаться с прайса на лист и сетку а вот с сетки или листа только на прайс. Как решить проблему?