Opencart by default doesn’t display refine search Thumbnails. To display the category links with the thumbnails. We will do the following.
Open “catalog/controller/product” and search for (should be around line number 160 – 170) :
1 2 3 4 | $data['categories'][] = array( 'name' => $result['name'] . ($this->config->get('config_product_count') ? ' (' . $this->model_catalog_product->getTotalProducts($filter_data) . ')' : ''), 'href' => $this->url->link('product/category', 'path=' . $this->request->get['path'] . '_' . $result['category_id'] . $url) ); |
And replace it with:
1 2 3 4 5 | $data['categories'][] = array( 'name' => $result['name'] . ($this->config->get('config_product_count') ? ' (' . $this->model_catalog_product->getTotalProducts($filter_data) . ')' : ''), 'rs_image' => $result['image'], 'href' => $this->url->link('product/category', 'path=' . $this->request->get['path'] . '_' . $result['category_id'] . $url) ); |
Now open “catalog/view/theme/default/template/product” and search for:
1 | <?php foreach ($categories as $category) { ?> |
and replace it with:
1 2 | <?php foreach ($categories as $category) { ?> <img src="http://www.YOURWEBSITE.com/image/<?php echo $category['rs_image']; ?>"> |
Upload the edited files and login into the admin section. Goto Extensions > Modifications and refresh once.
Visit the refine search section in the front end now, The thumbnails should appear.
Don’t forget to subscribe to our blog for more hacks.