<script type="text/javascript"><!--
function display(view) {
if (view == 'list') {
$('.main-products.product-grid').attr('class', 'main-products product-list');
$('.display a.grid-view').removeClass('active');
$('.display a.list-view').addClass('active');
$('.main-products.product-list > div').each(function(index, element) {
if ($(this).hasClass('sf-loader')) return;
$(this).attr('class','product-list-item xs-100 sm-100 md-100 lg-100 xl-100' + ($(this).hasClass('outofstock') ? ' outofstock' : '')).attr('data-respond','start: 150px; end: 300px; interval: 10px;');
var html = '';
html += '<div class="left">';
var image = $(element).find('.image').html();
if (image != null) {
html += '<div class="image">' + image + '</div>';
}
html += ' <div class="name">' + $(element).find('.name').html() + '</div>';
var price = $(element).find('.price').html();
if (price != null) {
html += '<div class="price">' + price + '</div>';
}
html += ' <div class="description">' + $(element).find('.description').html() + '</div>';
var rating = $(element).find('.rating').html();
if (rating != null) {
html += '<div class="rating">' + rating + '</div>';
}
html += '</div>';
html += '<div class="right">';
html += ' <div class="' + $(element).find('.cart').attr('class') + '">' + $(element).find('.cart').html() + '</div>';
html += ' <div class="wishlist">' + $(element).find('.wishlist').html() + '</div>';
html += ' <div class="compare">' + $(element).find('.compare').html() + '</div>';
html += '</div>';
$(element).html(html);
});
$.totalStorage('display', 'list');
} else {
$('.main-products.product-list').attr('class', 'main-products product-grid');
$('.display a.grid-view').addClass('active');
$('.display a.list-view').removeClass('active');
$('.main-products.product-grid > div').each(function(index, element) {
if ($(this).hasClass('sf-loader')) return;
$(this).attr('class',"product-grid-item <?php echo $this->journal2->settings->get('product_grid_classes'); ?> display-<?php echo $this->journal2->settings->get('product_grid_wishlist_icon_display'); ?> <?php echo $this->journal2->settings->get('product_grid_button_block_button'); ?>" + ($(this).hasClass('outofstock') ? ' outofstock' : ''));
var html = '';
var image = $(element).find('.image').html();
if (image != null) {
html += '<div class="image">' + image + '</div>';
}
html += '<div class="product-details">';
html += '<div class="name">' + $(element).find('.name').html() + '</div>';
html += '<div class="description">' + $(element).find('.description').html() + '</div>';
var price = $(element).find('.price').html();
if (price != null) {
html += '<div class="price">' + price + '</div>';
}
var rating = $(element).find('.rating').html();
if (rating != null) {
html += '<div class="rating">' + rating + '</div>';
}
html += '<hr>';
html += '<div class="' + $(element).find('.cart').attr('class') + '">' + $(element).find('.cart').html() + '</div>';
html += '<div class="wishlist">' + $(element).find('.cart + .wishlist').html() + '</div>';
html += '<div class="compare">' + $(element).find('.cart + .wishlist + .compare').html() + '</div>';
html += '</div>';
$(element).html('<div class="product-wrapper">'+html+'</div>');
});
$.totalStorage('display', 'grid');
}
$(window).trigger('list_grid_change');
Journal.itemsEqualHeight();
Journal.equalHeight($(".main-products .product-wrapper"), '.description');
$(".main-products img.lazy").lazy({
bind: 'event',
visibleOnly: false,
effect: "fadeIn",
effectTime: 250
});
<?php /* enable quickview */ ?>
<?php if ($this->journal2->settings->get('quickview_status') == '1' && !Journal2Cache::$mobile_detect->isMobile() && !Journal2Cache::$mobile_detect->isTablet() && !$this->journal2->html_classes->hasClass("ie8")): ?>
Journal.enableQuickView();
Journal.quickViewStatus = true;
<?php else: ?>
Journal.quickViewStatus = false;
<?php endif; ?>
<?php /* enable countdown */ ?>
<?php if ($this->journal2->settings->get('show_countdown', 'never') !== 'never'): ?>
$('.main-products > div').each(function () {
var $new = $(this).find('.price-new');
if ($new.length && $new.attr('data-end-date')) {
$(this).find('.image').append('<div class="countdown"></div>');
}
Journal.countdown($(this).find('.countdown'), $new.attr('data-end-date'));
});
<?php endif; ?>
}
view = $.totalStorage('display');
if (view) {
display(view);
} else {
display('<?php echo $this->journal2->settings->get("product_view", "grid"); ?>');
}
//--></script>