Herkese merhaba opencart 2 default sürümlerde eklenen alt kategorileri liste halinde sadece yazısal olarak gösterilmekteydi. Ve Bunlar alt alta listelenmekteydi. Yaptığımız bu modifikasyon ile eklenen kategoriler hem resimli olarak hemde yan yana 4 lü listeleme şeklinde sıralanmaktadır. Ayrıca hover Efekt kullanılarak birazdaha görsellik katılarak daha cazip hale gelmiştir. Bana göre tek eksiği resimlerin genişlik ve yüksekliği otomatik değil controller dosyasına eklenen kod aracılığıyla çekilmektedir.
Opencart 2.x Resimli Alt Kategorileri Gösterme Hover Efekt Kurulumu
Dosyamızı Açalım : catalog/controller/product/
catalog.php
Bulalım :
$data['categories'][] = array(
3 Satır Seçerek ); olan kısma kadar seçelim ve aşağıdaki kodla değişelim :
if ($result['image']) {
$image = $this->model_tool_image->resize($result['image'], 100, 100);
} else {
$image = $this->model_tool_image->resize('placeholder.png', 100, 100);
}
$data['categories'][] = array(
'description' =>$result['description'],
'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),
'thumb' => $image
);
Dosyamızı Açalım : catalog/view/theme/senin-teman/template/product
catalog.tpl
Bulalım :
Aşağıdaki SAtıra Kadar Seçelim
Değiştirelim :
Daha sonra arşivdeki css dosyalarını sitemizin ana dizinine atalım işlem tamamdır. Renk ve diğer ayarlarını css dosyasını düzenleyerek yapabilirsiniz.
Kaynak : e-ticaretdersleri