OpenCart - Zrušení zobrazení zboží v mřížce

<div class="display"><b><?php echo $text_display; ?></b> <?php echo $text_list; ?> <b>/</b> <a onclick="display('grid');"><?php echo $text_grid; ?></a></div>

function display(view) {
   if (view == 'list') {
      $('.product-grid').attr('class', 'product-list');
      
      $('.product-list > div').each(function(index, element) {
         html  = '<div class="right">';
         html += '  <div class="cart">' + $(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>';         
         
         html += '<div class="left">';
         
         var image = $(element).find('.image').html();
         
         if (image != null) {
            html += '<div class="image">' + image + '</div>';
         }
         
         var price = $(element).find('.price').html();
         
         if (price != null) {
            html += '<div class="price">' + price  + '</div>';
         }
               
         html += '  <div class="name">' + $(element).find('.name').html() + '</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>';
                  
         $(element).html(html);
      });      
      
      $('.display').html('<b><?php echo $text_display; ?></b> <?php echo $text_list; ?> <b>/</b> <a onclick="display(\'grid\');"><?php echo $text_grid; ?></a>');
      
      $.totalStorage('display', 'list');
   } else {
      $('.product-list').attr('class', 'product-grid');
      
      $('.product-grid > div').each(function(index, element) {
         html = '';
         
         var image = $(element).find('.image').html();
         
         if (image != null) {
            html += '<div class="image">' + image + '</div>';
         }
         
         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 += '<div class="cart">' + $(element).find('.cart').html() + '</div>';
         html += '<div class="wishlist">' + $(element).find('.wishlist').html() + '</div>';
         html += '<div class="compare">' + $(element).find('.compare').html() + '</div>';
         
         $(element).html(html);
      });   
               
      $('.display').html('<b><?php echo $text_display; ?></b> <a onclick="display(\'list\');"><?php echo $text_list; ?></a> <b>/</b> <?php echo $text_grid; ?>');
      
      $.totalStorage('display', 'grid');
   }
}

view = $.totalStorage('display');

if (view) {
   display(view);
} else {
   display('list');
}

<?php echo $header; ?>

  <!-- ---------------------- -->
  <!--     I N T R O          -->
  <!-- ---------------------- -->
  <div id="intro">
    <?php if ($this->document->shoppica_intro_banner): echo $this->document->shoppica_intro_banner; else: ?>

    <div id="intro_wrap">
      <div class="container_12">
        <div id="breadcrumbs" class="grid_12">
          <?php foreach ($breadcrumbs as $breadcrumb): ?>
          <?php echo $breadcrumb['separator']; ?><a href="<?php echo $breadcrumb['href']; ?>"><?php echo $breadcrumb['text']; ?></a>
          <?php endforeach; ?>
        </div>
        <h1><?php echo $heading_title; ?></h1>
      </div>
    </div>
    <?php endif; ?>
  </div>
  <!-- end of intro -->

  <!-- ---------------------- -->
  <!--      C O N T E N T     -->
  <!-- ---------------------- -->
  <?php if (!$this->document->shoppica_rightColumnEmpty && $this->config->get('shoppica_products_listing') == 'size_1') { $container = 12; $main = 9; $side_col = 3; } ?>
  <?php if ($this->document->shoppica_rightColumnEmpty && $this->config->get('shoppica_products_listing') == 'size_1') { $container = 12; $main = 12; $side_col = 3; } ?>
  <?php if (!$this->document->shoppica_rightColumnEmpty && $this->config->get('shoppica_products_listing') == 'size_2') { $container = 16; $main = 12; $side_col = 4; } ?>
  <?php if ($this->document->shoppica_rightColumnEmpty && $this->config->get('shoppica_products_listing') == 'size_2') { $container = 12; $main = 12; $side_col = 3; } ?>
  <?php if ($this->document->shoppica_rightColumnEmpty && $this->config->get('shoppica_products_listing') == 'size_2' && $this->document->shoppica_product_listing_type == 'list') { $container = 16; $main = 16; $side_col = 4; } ?>

  <div id="content" class="container_<?php echo $container; ?>">

    <?php if ($this->document->shoppica_column_position == "left" && $column_right): ?>
    <div id="left_col" class="grid_<?php echo $side_col; ?>">
    <?php echo $column_right; ?>
    </div>
    <?php endif; ?>

    <div id="category" class="grid_<?php echo $main; ?>">

      <?php echo $content_top; ?>

      <?php if ($description) echo $description; ?>

      <?php if (!$categories && !$products): ?>
      <p class="align_center s_f_16 s_p_20_0"><?php echo $text_empty; ?></p>
      <?php endif; ?>

      <?php if ($categories): ?>
      <div class="s_subcategories s_grid_view s_listing clearfix">
        <?php if ($this->config->get('shoppica_subcategories_style') == 'opencart'): ?>
        <ul class="s_list_1">
        <?php foreach ($categories as $category): ?>
          <li><a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a></li>
        <?php endforeach; ?>
        </ul>
        <?php else: ?>
        <?php if ($this->document->shoppica_rightColumnEmpty): ?>
        <?php $cat_cols = 8; ?>
        <?php else: ?>
        <?php $cat_cols = 6; ?>
        <?php endif; ?>
        <?php for ($i = 0; $i < sizeof($this->document->shoppica_subcategories); $i = $i + $cat_cols): ?>
          <?php for ($j = $i; $j < ($i + $cat_cols); $j++): ?>
          <?php if (isset($this->document->shoppica_subcategories[$j])): ?>
          <div class="s_subcategory">
            <a href="<?php echo $this->document->shoppica_subcategories[$j]['href']; ?>">
              <img src="<?php echo $this->document->shoppica_subcategories[$j]['thumb']; ?>" title="<?php echo $this->document->shoppica_subcategories[$j]['name']; ?>" alt="<?php echo $this->document->shoppica_subcategories[$j]['name']; ?>" />
            </a>
            <a href="<?php echo $this->document->shoppica_subcategories[$j]['href']; ?>"><?php echo $this->document->shoppica_subcategories[$j]['name']; ?></a>
          </div>
          <?php endif; ?>
          <?php endfor; ?>
          <div class="clear"></div>
        <?php endfor; ?>
        <?php endif; ?>
      </div>
      <?php endif; ?>

      <?php if ($products): ?>
      <?php if (!$this->document->shoppica_rightColumnEmpty && $this->config->get('shoppica_products_listing') == 'size_1') { $grid = 3; $listing_cols = 3; } ?>
      <?php if ($this->document->shoppica_rightColumnEmpty && $this->config->get('shoppica_products_listing') == 'size_1') { $grid = 3; $listing_cols = 4; } ?>
      <?php if (!$this->document->shoppica_rightColumnEmpty && $this->config->get('shoppica_products_listing') == 'size_2') { $grid = 3; $listing_cols = 4; } ?>
      <?php if ($this->document->shoppica_rightColumnEmpty && $this->config->get('shoppica_products_listing') == 'size_2') { $grid = 2; $listing_cols = 6; } ?>

      <div id="listing_options">
        <div id="listing_arrange">
          <span class="s_label"><?php echo $text_sort; ?></span>
          <div id="listing_sort" class="s_switcher">
            <?php foreach ($sorts as $sortss): ?>
              <?php if (($sort . '-' . $order) == $sortss['value']): ?>
                <span class="s_selected"><?php echo $sortss['text']; ?></span>
              <?php endif; ?>
            <?php endforeach; ?>
            <ul class="s_options" style="display: none;">
            <?php foreach ($sorts as $sortss): ?>
              <?php if (($sort . '-' . $order) != $sortss['value']): ?>
                <li><a href="<?php echo $sortss['href']; ?>"><?php echo $sortss['text']; ?></a></li>
              <?php endif; ?>
            <?php endforeach; ?>
            </ul>
          </div>
          <span class="s_label"><?php echo $text_limit; ?></span>
          <div id="items_per_page" class="s_switcher">
            <?php foreach ($limits as $limitss): ?>
              <?php if ($limit == $limitss['value']): ?>
                <span class="s_selected"><?php echo $limitss['text']; ?></span>
              <?php endif; ?>
            <?php endforeach; ?>
            <ul class="s_options" style="display: none;">
            <?php foreach ($limits as $limitss): ?>
              <?php if ($limit != $limitss['value']): ?>
                <li><a href="<?php echo $limitss['href']; ?>"><?php echo $limitss['text']; ?></a></li>
              <?php endif; ?>
            <?php endforeach; ?>
            </ul>
          </div>
        </div>
        <div id="view_mode" class="s_nav">
          <ul class="clearfix">
            <li id="view_grid"<?php if($this->document->shoppica_product_listing_type == 'grid') echo ' class="s_selected"';?>>
              <a href="<?php echo $this->url->link('product/category', 'path=' . $this->request->get['path'] . '&setListingType=grid'); ?>" rel="nofollow">
                <span class="s_icon"></span><?php echo $this->document->shoppica_text_grid; ?>
              </a>
            </li>
            <li id="view_list"<?php if($this->document->shoppica_product_listing_type == 'list') echo ' class="s_selected"';?>>
              <a href="<?php echo $this->url->link('product/category', 'path=' . $this->request->get['path'] . '&setListingType=list'); ?>" rel="nofollow">
                <span class="s_icon"></span><?php echo $this->document->shoppica_text_list; ?>
              </a>
            </li>
          </ul>
        </div>
        <div>
          <a href="<?php echo $compare; ?>" id="compare_total" class="s_main_color"><?php echo $text_compare; ?></a>
        </div>
      </div>

      <div class="clear"></div>

      <?php if ($this->document->shoppica_product_listing_type == 'list'): ?>

      <?php $products = $this->model_shoppica_shoppica->addDescriptionsToProducts($products); ?>
      <div class="s_listing s_list_view clearfix">
      <?php for ($i = 0, $j = sizeof($products); $i < $j; $i = $i + 1): ?>
        <?php if (isset($products[$i])): ?>
        <div class="s_item clearfix<?php if($i == $j-1) echo ' last';?>">
          <div class="grid_3 alpha">
            <a class="s_thumb" href="<?php echo $products[$i]['href']; ?>">
              <img src="<?php echo $products[$i]['thumb']; ?>" title="<?php echo $products[$i]['name']; ?>" alt="<?php echo $products[$i]['name']; ?>" />
            </a>
          </div>
          <div class="grid_<?php echo $main - 3; ?> omega">
            <h3><a href="<?php echo $products[$i]['href']; ?>"><?php echo $products[$i]['name']; ?></a></h3>
            <?php if ($products[$i]['price']): ?>
              <?php if (!$products[$i]['special']): ?>
              <p class="s_price"><?php echo s_format($products[$i]['price']); ?></p>
              <?php else: ?>
              <p class="s_price s_promo_price"><span class="s_old_price"><?php echo s_format($products[$i]['price']); ?></span><?php echo s_format($products[$i]['special']); ?></p>
              <?php endif ?>
            <?php endif; ?>

            <?php if (isset($products[$i]['description'])): ?>
            <p class="s_description"><?php echo utf8_substr($products[$i]['description'], 0, 200); ?>...</p>
            <?php endif; ?>

            <?php if ($products[$i]['rating']): ?>
            <p class="s_rating s_rating_5">
              <span style="width: <?php echo $products[$i]['rating'] * 2 ; ?>0%;" class="s_percent"></span>
            </p>
            <?php endif; ?>

            <div class="s_actions">
              <?php if ($products[$i]['price']): ?>
              <a class="s_button_add_to_cart" href="javascript:;" onclick="addToCart('<?php echo $products[$i]['product_id']; ?>');">
                <span class="s_icon_16"><span class="s_icon"></span><?php echo $button_cart; ?></span>
              </a>
              <?php endif; ?>
              <a class="s_button_wishlist s_icon_10" onclick="addToWishList('<?php echo $products[$i]['product_id']; ?>');"><span class="s_icon s_add_10"></span><?php echo $button_wishlist; ?></a>
              &nbsp;
              <a class="s_button_compare s_icon_10" onclick="addToCompare('<?php echo $products[$i]['product_id']; ?>');"><span class="s_icon s_add_10"></span><?php echo $button_compare; ?></a>
            </div>

          </div>
        </div>
        <?php endif; ?>
        <div class="clear"></div>
      <?php endfor; ?>
      </div>

      <?php  else: ?>

      <div class="s_listing s_grid_view clearfix">
      <?php for ($i = 0; $i < sizeof($products); $i = $i + $listing_cols): ?>
        <?php for ($j = $i; $j < ($i + $listing_cols); $j++): ?>
        <?php if (isset($products[$j])): ?>
        <div class="s_item grid_<?php echo $grid ?>">
          <a class="s_thumb" href="<?php echo $products[$j]['href']; ?>">
            <img src="<?php echo $products[$j]['thumb']; ?>" title="<?php echo $products[$j]['name']; ?>" alt="<?php echo $products[$j]['name']; ?>" />
          </a>
          <h3><a href="<?php echo $products[$j]['href']; ?>"><?php echo $products[$j]['name']; ?></a></h3>

          <?php if ($products[$j]['price']): ?>
            <?php if (!$products[$j]['special']): ?>
            <p class="s_price"><?php echo s_format($products[$j]['price']); ?></p>
            <?php else: ?>
            <p class="s_price s_promo_price">
              <span class="s_old_price"><?php echo s_format($products[$j]['price']); ?></span><?php echo s_format($products[$j]['special']); ?>
            </p>
            <?php endif ?>
          <?php endif; ?>

          <?php if ($products[$j]['rating']): ?>
          <p class="s_rating s_rating_5">
            <span style="width: <?php echo $products[$j]['rating'] * 2 ; ?>0%;" class="s_percent"></span>
          </p>
          <?php endif; ?>

          <div class="s_actions">
            <?php if ($products[$j]['price']): ?>
            <a class="s_button_add_to_cart" href="javascript:;" onclick="addToCart('<?php echo $products[$j]['product_id']; ?>');">
              <span class="s_icon_16"><span class="s_icon"></span><?php echo $button_cart; ?></span>
            </a>
            <?php endif; ?>
            <a class="s_button_wishlist s_icon_10" onclick="addToWishList('<?php echo $products[$j]['product_id']; ?>');" title="<?php echo $button_wishlist; ?>"><span class="s_icon s_add_10"></span><?php echo $this->document->shoppica_text_wishlist; ?></a>
            &nbsp;
            <a class="s_button_compare s_icon_10" onclick="addToCompare('<?php echo $products[$j]['product_id']; ?>');" title="<?php echo $button_compare; ?>"><span class="s_icon s_add_10"></span><?php echo $this->document->shoppica_text_compare; ?></a>
          </div>

        </div>
        <?php endif; ?>
        <?php endfor; ?>
        <div class="clear"></div>
      <?php endfor; ?>
      </div>

      <?php endif; ?>

      <div class="pagination">
        <?php echo $pagination; ?>
      </div>

      <?php endif; ?>

      <?php echo $content_bottom; ?>

    </div>

    <?php if ($this->document->shoppica_column_position == "right" && $column_right): ?>
    <div id="right_col" class="grid_<?php echo $side_col; ?>">
    <?php echo $column_right; ?>
    </div>
    <?php endif; ?>

  </div>
  <!-- end of content -->


<?php echo $footer; ?>