HELP Changing Default "LIST" view to "GRID"-[CUSTOM TMPLTE]
Posted: Fri Jul 06, 2012 12:53 am
So i have searched the length and breadth of the forum, and read all methods to solve this view problem, but it turns out as my template turns out to be custom made, the "category.tpl" is different.
I need to change the default view to GRID. or if its complicated, then i am willing to remove the "LIST" view completely! PLEASE HELP !
Code: Select all
<?php echo $header; ?><?php echo $column_left; ?><?php echo $column_right; ?>
<div id="content"><div id="innercontent"><?php echo $content_top; ?>
<div class="breadcrumb">
<?php foreach ($breadcrumbs as $breadcrumb) { ?>
<?php echo $breadcrumb['separator']; ?><a href="<?php echo $breadcrumb['href']; ?>"><?php echo $breadcrumb['text']; ?></a>
<?php } ?>
</div>
<h1><?php echo $heading_title; ?></h1>
<?php if ($thumb || $description) { ?>
<div class="category-info">
<?php if ($thumb) { ?>
<div class="image"><img src="<?php echo $thumb; ?>" alt="<?php echo $heading_title; ?>" /></div>
<?php } ?>
<?php if ($description) { ?>
<?php echo $description; ?>
<?php } ?>
</div>
<?php } ?>
<?php if ($categories) { ?>
<h3><?php echo $text_refine; ?></h3>
<div class="category-list">
<ul>
<?php foreach ($categories as $category) { ?>
<li><a href="<?php echo $category['href']; ?>">
<div class="cat_img">
<?php if ($category['pic']) { ?>
<img src="<?php echo $category['pic']; ?>" title="<?php echo $category['name']; ?>" alt="<?php echo $category['name']; ?>" style="margin-bottom: 3px;" />
<?php } else { ?>
<img src="catalog/view/theme/<?php echo $this->config->get('config_template'); ?>/image/not_found.jpg" title="<?php echo $category['name']; ?>" alt="<?php echo $category['name']; ?>" style="margin-bottom: 3px;" />
<?php } ?>
</div>
<?php echo $category['name']; ?></a>
</li>
<?php } ?>
</ul>
</div>
<?php } ?>
<?php if ($products) { ?>
<div class="product-filter">
<div class="display_buttons"><b><?php echo $text_display; ?></b><a class="switch_thumb" href="#">Switch Thumb</a></div>
<div class="product-compare"><a href="<?php echo $compare; ?>" id="compare_total"><?php echo $text_compare; ?></a></div>
<div class="limit"><b><?php echo $text_limit; ?></b>
<select onchange="location = this.value;">
<?php foreach ($limits as $limits) { ?>
<?php if ($limits['value'] == $limit) { ?>
<option value="<?php echo $limits['href']; ?>" selected="selected"><?php echo $limits['text']; ?></option>
<?php } else { ?>
<option value="<?php echo $limits['href']; ?>"><?php echo $limits['text']; ?></option>
<?php } ?>
<?php } ?>
</select>
</div>
<div class="sort"><b><?php echo $text_sort; ?></b>
<select onchange="location = this.value;">
<?php foreach ($sorts as $sorts) { ?>
<?php if ($sorts['value'] == $sort . '-' . $order) { ?>
<option value="<?php echo $sorts['href']; ?>" selected="selected"><?php echo $sorts['text']; ?></option>
<?php } else { ?>
<option value="<?php echo $sorts['href']; ?>"><?php echo $sorts['text']; ?></option>
<?php } ?>
<?php } ?>
</select>
</div>
</div>
<ul class="display">
<?php foreach ($products as $product) { ?>
<li>
<div class="content_block">
<?php if ($product['thumb']) { ?>
<div class="image"><a href="<?php echo $product['href']; ?>"><img src="<?php echo $product['thumb']; ?>" title="<?php echo $product['name']; ?>" alt="<?php echo $product['name']; ?>" /></a></div>
<?php } ?>
<h3><a href="<?php echo $product['href']; ?>"><?php echo $product['name']; ?></a></h3>
<div class="description"><?php echo $product['description']; ?></div>
<?php if ($product['price']) { ?>
<span class="big_label">
<b><?php echo $text_price; ?></b><br />
<?php if (!$product['special']) { ?>
<span class="main_price"><?php echo $product['price']; ?></span>
<?php } else { ?>
<span class="old_price"><?php echo $product['price']; ?></span><br /> <span class="main_price2"><?php echo $product['special']; ?></span>
<?php } ?>
</span>
<?php } ?>
<?php if ($product['rating']) { ?>
<div class="rating"><img src="catalog/view/theme/default/image/stars-<?php echo $product['rating']; ?>.png" alt="<?php echo $product['reviews']; ?>" /></div>
<?php } ?>
<div class="cart"><a onclick="addToCart('<?php echo $product['product_id']; ?>');" title="<?php echo $button_cart; ?>"><?php echo $button_cart; ?></a></div>
<div class="wishlist"><a onclick="addToWishList('<?php echo $product['product_id']; ?>');" title="<?php echo $button_wishlist; ?>"><?php echo $button_wishlist; ?></a></div>
<div class="compare"><a onclick="addToCompare('<?php echo $product['product_id']; ?>');" title="<?php echo $button_compare; ?>"><?php echo $button_compare; ?></a></div>
</div>
</li>
<?php } ?>
</ul>
<div class="pagination"><?php echo $pagination; ?></div>
<?php } ?>
<?php if (!$categories && !$products) { ?>
<div class="content"><?php echo $text_empty; ?></div>
<div class="buttons">
<div class="right"><a href="<?php echo $continue; ?>" class="button"><span><?php echo $button_continue; ?></span></a></div>
</div>
<?php } ?>
<?php echo $content_bottom; ?></div></div>
<script type="text/javascript"><!--
$(document).ready(function(){
$("a.switch_thumb").toggle(function(){
$(this).addClass("swap");
$("ul.display").fadeOut("fast", function() {
$(this).fadeIn("fast").addClass("thumb_view");
});
}, function () {
$(this).removeClass("swap");
$("ul.display").fadeOut("fast", function() {
$(this).fadeIn("fast").removeClass("thumb_view");
});
});
});
//--></script>
<?php echo $footer; ?>