Header Css menü (Kategorileri Üst Tarafa Taşımak)

mirac · 16 Eki 2010

Daha önce örnek olarak forumda vermiştim ve yapamayan arkadaşlar vardı diye hatırlıyorum.. Bu yüzden biraz modul haline getirdim.. Bir kaç dosyadaki değişikliği size bıraktım ki kodlarda değişiklik yaptıysanız sorun çıkmasın diye..

Orjinal Kodlar Burada..

Demo için Buraya Tıklayınız..

Ekteki Dosyalar;
admin\controller\module\headermenu.php
admin\language\english\module\headermenu.php
admin\language\turkish\module\headermenu.php
admin\view\template\module\headermenu.tpl
catalog\controller\module\headermenu.php
catalog\view\theme\default\template\module\headermenu.tpl

Değişiklik yapılacak dosyalar;
catalog\controller\common\header.php
catalog\view\theme\default\stylesheet\stylesheet.css
catalog\view\theme\default\template\common\header.tpl

catalog\controller\common\header.php Aç..

Bul..

Kod:

protected function index() {

Altına Ekle..

Kod:

            // Header modulu start
        $module_data = array();
        
        $this->load->model('checkout/extension');
        
        $results = $this->model_checkout_extension->getExtensions('module');

        foreach ($results as $result) {
            if ($this->config->get($result['key'] . '_status') && ($this->config->get($result['key'] . '_position') == 'header')) {
                $module_data[] = array(
                    'code'       => $result['key'],
                    'sort_order' => $this->config->get($result['key'] . '_sort_order')
                );
                
                $this->children[] = 'module/' . $result['key'];        
            }
        }

        $sort_order = array(); 
      
        foreach ($module_data as $key => $value) {
              $sort_order[$key] = $value['sort_order'];
        }

        array_multisort($sort_order, SORT_ASC, $module_data);            
        
        $this->data['modules'] = $module_data;
        
        // Header modul stop

catalog\view\theme\default\stylesheet\stylesheet.css Aç..

En alta Ekle..

Kod:

.menu {font-family: arial, sans-serif; width:900px; height:30px; position:relative; font-size:11px; z-index:100;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#fff;width:120px; height:30px; text-align:center; border-left:1px solid #fff; border-right:1px solid #fff; background:#467bb1; line-height:30px; font-size:11px; overflow:hidden;}
.menu ul {padding:0; margin:0; list-style: none;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#fff; background:#36f;}
.menu ul li:hover ul {display:block; position:absolute; top:30px; left:0; width:120px;}
.menu ul li:hover ul li a.hide {background:#6a3; color:#fff;}
.menu ul li:hover ul li:hover a.hide {background:#6fc; color:#000;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#ddd; color:#000;}
.menu ul li:hover ul li a:hover {background:#6fc; color:#000;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-120px;}

catalog\view\theme\default\template\common\header.tpl Aç..

Bul..

Kod:

<div class="div6">

Üstüne Ekle..

Kod:

<?php foreach ($modules as $module) { ?>
<?php echo ${$module['code']}; ?>
<?php } ?>

Akabinde admin panelden giriş yapıp Header Menü modulunu kuruyoruz..

Örnek ayarlar
Pozisyon: Header
Durumu: Açık
Sıralama: 1

[bilgi]Fazla ana kategoriniz varsa bu modulu tavsiye etmiyorum.. Yanyana sıralandığı için satır altına düşüyor ve üstte açılan kategori ile birbirine giriyor..

1.4.9.1 sürümünde test ettim sorunsuz çalışıyor.. [/bilgi]

kripto35 · 16 Eki 2010

RE: [MOD] Header Css menü (Kategorileri Üst Tarafa Taşımak)

süpersin kardeşim ellerine sağlık modül olması çok iyi olmuş gerçekten

debreli · 17 Eki 2010

RE: [MOD] Header Css menü (Kategorileri Üst Tarafa Taşımak)

alt katagorilerin alt katagorilerinide gösteriyor.fakat css sini ayarlayamadım.
css de biraz yardımcı olursunuz inş.kaymaları düzeltecek arkadaş lazım.
css kodu catalog\view\theme\default\stylesheet\stylesheet.css eklediğiniz kod.

catalog/controller/module/headermenu.php aşağıdakiyle değiştir.

Kod:

<?php  
class ControllerModuleHeaderMenu extends Controller {
	protected $category_id = 0;
	protected $path = array();
	
	protected function index() {
		$this->language->load('module/headermenu');
		
    	$this->data['heading_title'] = $this->language->get('heading_title');
		
		$this->load->model('catalog/category');
		$this->load->model('tool/seo_url');
		
		if (isset($this->request->get['path'])) {
			$this->path = explode('_', $this->request->get['path']);
			
			$this->category_id = end($this->path);
		}
		
		$this->data['category'] = $this->getCategories(0);
												
		$this->id = 'headermenu';

		if (file_exists(DIR_TEMPLATE . $this->config->get('config_template') . '/template/module/headermenu.tpl')) {
			$this->template = $this->config->get('config_template') . '/template/module/headermenu.tpl';
		} else {
			$this->template = 'default/template/module/headermenu.tpl';
		}
		
		$this->render();
  	}
	
	protected function getCategories($parent_id, $current_path = '') {
	    static $layer = 0;
		$category_id = array_shift($this->path);
		
		$output = '';
		
		$results = $this->model_moudle_popupcategory->getCategories($parent_id,$this->config->get('popupcategory_usecache'));
		
		if ($results) { 
			if ($layer > 0)
			{
				$output .= '<ul>';
			}
			else
			{
				$output .= '<ul>';
			}
			$layer = $layer + 1;
    	}
		$isfirst = 0;
		foreach ($results as $result) {	
			if (!$current_path) {
				$new_path = $result['category_id'];
			} else {
				$new_path = $current_path . '_' . $result['category_id'];
			}
			
			$children = '';
            $classname = '';
			
			//if ($category_id == $result['category_id']) {
				$children = $this->getCategories($result['category_id'], $new_path);
			//}
			if ($layer >0)
			{
				if ($isfirst ==0 )
				{
					$classname = 'first';
				}
				$isfirst ++;
				
			}
			if ($this->category_id == $result['category_id']) {
				$output .= '<li><a title="' . $result['meta_description'] . '" href="' . $this->model_tool_seo_url->rewrite(HTTP_SERVER . 'index.php?route=product/category&path=' . $new_path)  . '">' . $result['name'] . '</a>';
			} else {
				$output .= '<li><a title="' . $result['meta_description'] . '" href="' . $this->model_tool_seo_url->rewrite(HTTP_SERVER . 'index.php?route=product/category&path=' . $new_path)  . '">' . $result['name'] . '</a>';
			}
			
        	$output .= $children;
        
        	$output .= '</li>'; 
		}

 
		if ($results) {
			
			$output .= '</ul>';
		}
		
		return $output;
	}		
}
?>

pardon üste verdiğim popup katagori modulu kuruluyken cıkıyor.
aşağıdakini kullanırsanız daha guzel olur.
catalog/controller/module/headermenu.php aşağıdaki ile değiştir

Kod:

<?php  
class ControllerModuleHeaderMenu extends Controller {
	protected $category_id = 0;
	protected $path = array();
	
	protected function index() {
		$this->language->load('module/headermenu');
		
    	$this->data['heading_title'] = $this->language->get('heading_title');
		
		$this->load->model('catalog/category');
		$this->load->model('tool/seo_url');
		$this->load->model('moudle/headermenu');
		if (isset($this->request->get['path'])) {
			$this->path = explode('_', $this->request->get['path']);
			
			$this->category_id = end($this->path);
		}
		
		$this->data['category'] = $this->getCategories(0);
												
		$this->id = 'headermenu';

		if (file_exists(DIR_TEMPLATE . $this->config->get('config_template') . '/template/module/headermenu.tpl')) {
			$this->template = $this->config->get('config_template') . '/template/module/headermenu.tpl';
		} else {
			$this->template = 'default/template/module/headermenu.tpl';
		}
		
		$this->render();
  	}
	
	protected function getCategories($parent_id, $current_path = '') {
	    static $layer = 0;
		$category_id = array_shift($this->path);
		
		$output = '';
		
		$results = $this->model_moudle_headermenu->getCategories($parent_id,$this->config->get('popupcategory_usecache'));
		
		if ($results) { 
			if ($layer > 0)
			{
				$output .= '<ul>';
			}
			else
			{
				$output .= '<ul>';
			}
			$layer = $layer + 1;
    	}
		$isfirst = 0;
		foreach ($results as $result) {	
			if (!$current_path) {
				$new_path = $result['category_id'];
			} else {
				$new_path = $current_path . '_' . $result['category_id'];
			}
			
			$children = '';
            $classname = '';
			
			//if ($category_id == $result['category_id']) {
				$children = $this->getCategories($result['category_id'], $new_path);
			//}
			if ($layer >0)
			{
				if ($isfirst ==0 )
				{
					$classname = 'first';
				}
				$isfirst ++;
				
			}
			if ($this->category_id == $result['category_id']) {
				$output .= '<li><a title="' . $result['meta_description'] . '" href="' . $this->model_tool_seo_url->rewrite(HTTP_SERVER . 'index.php?route=product/category&path=' . $new_path)  . '">' . $result['name'] . '</a>';
			} else {
				$output .= '<li><a title="' . $result['meta_description'] . '" href="' . $this->model_tool_seo_url->rewrite(HTTP_SERVER . 'index.php?route=product/category&path=' . $new_path)  . '">' . $result['name'] . '</a>';
			}
			
        	$output .= $children;
        
        	$output .= '</li>'; 
		}

 
		if ($results) {
			
			$output .= '</ul>';
		}
		
		return $output;
	}		
}
?>

catalog/model/moudle/ klasürünün içinde headermenu.php isminde birdosya oluştur.dosyanın içine aşağıdaki kodları koy

Kod:

<?php
class Modelmoudleheadermenu extends Model {
	public function getCategories($parent_id = 0,$usecache) {
		
		$sqlstr = "SELECT * FROM " . DB_PREFIX . "category c LEFT JOIN " . DB_PREFIX . "category_description cd ON (c.category_id = cd.category_id) LEFT JOIN " . DB_PREFIX . "category_to_store c2s ON (c.category_id = c2s.category_id) WHERE c.parent_id = '" . (int)$parent_id . "' AND cd.language_id = '" . (int)$this->config->get('config_language_id') . "' AND c2s.store_id = '" . (int)$this->config->get('config_store_id') . "'  AND c.status = '1' ORDER BY c.sort_order, LCASE(cd.name)";

		if ($usecache)
		{
			$data = $this->cache->get('headermenu.' . $this->config->get('config_language_id') . '.' . (int)$this->config->get('config_store_id') . '.' . $parent_id);


			if (!$data) { 

				$query = $this->db->query($sqlstr);

				$data = $query->rows;
				
				$this->cache->set('headermenu.' . $this->config->get('config_language_id') . '.' . (int)$this->config->get('config_store_id') . '.' . $parent_id, $data);
			}
			return $data;
		}
		else
		{
			$query = $this->db->query($sqlstr);
			return $query->rows;
		}

		
	}
}
?>

default/templete/stylesheet.css aç en alta bu kodları koy

Kod:

 .menu {font-family: arial, sans-serif; width:900px; height:30px; position:relative; font-size:11px; z-index:100;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#fff;width:120px; height:30px; text-align:center; border-left:1px solid #fff; border-right:1px solid #fff; background:#467bb1; line-height:30px; font-size:11px; overflow:hidden;}
.menu ul {padding:0; margin:0; list-style: none;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#fff; background:#36f;}
.menu ul li:hover ul {display:block; position:absolute; top:30px; left:0; width:121px;}
.menu ul li:hover ul li a.hide {background:#6a3; color:#fff;}
.menu ul li:hover ul li:hover a.hide {background:#6fc; color:#000;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#ddd; color:#000;width:144px;padding: 0px 5px;}
.menu ul li:hover ul li a:hover {background:#6fc; color:#000;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:155px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-120px;}

hmdnl · 23 Eki 2010

RE: [MOD] Header Css menü (Kategorileri Üst Tarafa Taşımak)

Arkadaşlar Benim Yapmak istediğim bir header menü var bir yerde gördüm içerik olarak aynı menüyü yapmak istiyorum.
Konu ile alakalı css menu de, ne gibi değişlik yapmam gerekiyor yada başka bir sistem mi acaba ?

Arama Kısmı Bu Şekilde Olsun İstiyorum
Dil Seçeneğini Kaldırmak İstiyorum

Resim Herşeyi Anlatıyor Aslında.

debreli · 23 Eki 2010

RE: [MOD] Header Css menü (Kategorileri Üst Tarafa Taşımak)

Kod:

<input type="text" value="<?php echo $text_keyword; ?>" id="filter_keyword" onclick="this.value = '';" onkeydown="this.style.color = '#000000'" style="color: #999;" />

template common header.tpl dosyasında bunu bul altakiyle değiştir.

Kod:

<input type="text"size="50" value="<?php echo $text_keyword; ?>" id="filter_keyword" onclick="this.value = '';" onkeydown="this.style.color = '#000000'" style="color: #999;" />

size"50" yazan değeri yükselterek formunuzun genişliğine cıkarta bilirsiniz.

gelelim aşağı langues ve dil bölümüne

Kod:

<?php if ($currencies) { ?>
        <form action="<?php echo str_replace('&', '&', $action); ?>" method="post" enctype="multipart/form-data" id="currency_form">
          <div class="switcher">
            <?php foreach ($currencies as $currency) { ?>
            <?php if ($currency['code'] == $currency_code) { ?>
            <div class="selected"><a><?php echo $currency['title']; ?></a></div>
            <?php } ?>
            <?php } ?>
            <div class="option">
              <?php foreach ($currencies as $currency) { ?>
              <a onclick="$('input[name=\'currency_code\']').attr('value', '<?php echo $currency['code']; ?>'); $('#currency_form').submit();"><?php echo $currency['title']; ?></a>
              <?php } ?>
            </div>
          </div>
          <div style="display: inline;">
            <input type="hidden"  name="currency_code" value="" />
            <input type="hidden" name="redirect" value="<?php echo $redirect; ?>" />
          </div>
        </form>
        <?php } ?>
        <?php if ($languages) { ?>
        <form action="<?php echo str_replace('&', '&', $action); ?>" method="post" enctype="multipart/form-data" id="language_form">
          <div class="switcher">
            <?php foreach ($languages as $language) { ?>
            <?php if ($language['code'] == $language_code) { ?>
            <div class="selected"><a><img src="image/flags/<?php echo $language['image']; ?>" alt="<?php echo $language['name']; ?>" />&nbsp;&nbsp;<?php echo $language['name']; ?></a></div>
            <?php } ?>
            <?php } ?>
            <div class="option">
              <?php foreach ($languages as $language) { ?>
              <a onclick="$('input[name=\'language_code\']').attr('value', '<?php echo $language['code']; ?>'); $('#language_form').submit();"><img src="image/flags/<?php echo $language['image']; ?>" alt="<?php echo $language['name']; ?>" />&nbsp;&nbsp;<?php echo $language['name']; ?></a>
              <?php } ?>
            </div>
          </div>
          <div>
            <input type="hidden" name="language_code" value="" />
            <input type="hidden" name="redirect" value="<?php echo $redirect; ?>" />
          </div>
        </form>
        <?php } ?>

bul ve sil
sildiğinyere menünü koyabilirsin.

daha sonra stylheet dosyasını ac stylheet css dosyasında
bul

Kod:

#header .div7 {
	float: right;
	padding-top: 2px;
}

right yazan yere center yaz.
menünün ortalı gözükmesi için.

sonsürüme göre değiştirilen yerler.

hmdnl · 26 Eki 2010

RE: [MOD] Header Css menü (Kategorileri Üst Tarafa Taşımak)

Arkadaşlar Biraz Çalışma Yaptım ve Sizinde Yardımlarınız la İstediğim Şekle Soktum Ancak Menüde Kayma var Yaklaşık 2 Saatir Uğraşıyorum ve Düzeltemedim.
<div7> yi siliyorum sağa kayıyor ekliyorum sola kayıyor neler neler denedim yapamadım.

mozilla da istediğim görüntüye yaklaştım gibi sağdece biraz sağa alamadım
expoler 7 kullanıyorum ve orda da #header .div6 yüksekliğini 65px verdiğimden dolayı menü aşağıda gözüküyor.

Menü Örneğini Başka bir siteden aldım. Çalıntı yapmıycam menüyü ayarlarsam grafiklerini değiştircem. kızmasın aldığım site sahibi

debreli · 26 Eki 2010

RE: [MOD] Header Css menü (Kategorileri Üst Tarafa Taşımak)

#header .div7 {
float: right;
padding-top: 2px;

right yazan yere center yaz .

hmdnl · 26 Eki 2010

RE: [MOD] Header Css menü (Kategorileri Üst Tarafa Taşımak)

Sayın Debreli ilginize Teşekkürler
Şu Anda Dediğiniz Gibi center Yaptım Bu Sefer Sağ Tarafa Kaydı İnceliye bilirsiniz.
Yeni Fark Ettim Değişen Resimlerde Çalışmıyor ?
Son Ayarı Bu Sitenin Bunuda Halledersem Tamamdır.

debreli · 27 Eki 2010

RE: [MOD] Header Css menü (Kategorileri Üst Tarafa Taşımak)

common header.tpl de ara

</form>
<?php } ?>

</div>
</div>
</div>
</div>
sonrasına ekle
<div align="center">menüyü bu araya koy</div>
güzel gözüküyor.

hmdnl · 27 Eki 2010

RE: [MOD] Header Css menü (Kategorileri Üst Tarafa Taşımak)

Allah Razı Olsun Sabah Olmadan Derdime Derman Oldun Sayın Debreli Çok Teşekkürler.
Son iki Şey Daha Sorucam (insan biraz acemi olunca soruları bitmiyor özürdilerim)

ürün incelemesi yaptığımızda yukarda şöle birşey çıkıyor bununu nasıl kaldırabilirim
Anasayfa > Bayan Kapsonlu Sweatshirt

ve Ben Bu Menüyü Ekliyince Slayt Gösterisi Durdu Nedeni Nedir Acaba Bir Fikriniz Varmı.
Tekrardan Çok Teşekkürler.

debreli · 27 Eki 2010

RE: [MOD] Header Css menü (Kategorileri Üst Tarafa Taşımak)

header.tpl.de aşağıdakini sil

Kod:

<div id="breadcrumb">
        <?php foreach ($breadcrumbs as $breadcrumb) { ?>
        <?php echo $breadcrumb['separator']; ?><a href="<?php echo str_replace('&', '&', $breadcrumb['href']); ?>"><?php echo $breadcrumb['text']; ?></a>
        <?php } ?>
      </div>

side hakkıında bir fikrim yok.

kripto35 · 9 Kas 2010

RE: [MOD] Header Css menü (Kategorileri Üst Tarafa Taşımak)

hmdnl kardeşim resmini koyduğun menüyü nasıl yaptın onu paylaşabilirmisin acaba bende tam o şekilde bir menü istiyorum

ama nasıl yapacağımı bilemiyorum paylaşırsan sevinirim.

mehmetbyk · 11 Şub 2011

RE: [MOD] Header Css menü (Kategorileri Üst Tarafa Taşımak)

valla pek işe yarar bi menü değil sabahtan bu yana uğraşıyorum istediğim gibi olmadı. aşağıdaki linkte bişeyler buldum ama biraz uğraşmak gerekiyor.
http://forum.opencart.com/viewtopic.php?f=21&t=6651

hiyao · 7 Mar 2011

Merhaba,

EUOC00001 temasını kullanıyorum, tüm değişiklikleri yaptım ve modulu kurup açtım, yalnız bu temada header.tpl dosyasında div6 yok. Burada bir değişiklik yapamadım, bazen -anlayamadığım bir şekilde- defaulttan çekiyor diye default header.tpl de değişiklik yaptım. Yalnız sayfada hiçbir değişiklik olmadı. Header.tpl de bir şeyler düzenlemek gerekiyor ama ne bilemedim. Yardımcı olabilecek biri var mı acaba?

admin · 7 Mar 2011

Bazen diye bir şey yok temanız da hangi dosyalar yoksa o dosyaları default temadan çekiyor. Temanız da varsa onu kullanıyor.

Div6 yoksa deneme yanılma yoluyla temanız da uygun olan yeri bulunuz.

Google · 9 Mar 2011

bu menülerin yanına kendim ek menü nasıl ekleyebilirim ? veya headere kendim menü nasıl oluşturabilirim forumda çok aradım bulamadım .

admin · 9 Mar 2011

OpenCart menüsünü değiştirmek için bu konuya bakınız
http://forum.opencart-tr.com/thread-397.html

d3ng3siz · 28 Tem 2011

ajax kategori modülünde benim sitem çok yavaşlıyordu çok alt kategori olduğundan sanırım.bunda da o yavaşlama olur mu

onurorkun · 4 Kas 2011

Merhabalar OpenCart'da daha yeniyim dediğiniz yönergeleri izledim.iki Sorunum var birincisi header.tpl'de div6 yı bulamadım ama onunla ilgili bir şey söylenmiş asıl sorunum.Panel'den header menuyu kur dedikten sonra düzenleye geldiğimde Fatal error: Cannot access private property Document::$title in C:\Inetpub\vhosts\xxxxxx\subdomains\store\httpdocs\admin\controller\module\headermenu.php on line 8
hatası alıyorum.Teşekkürler.

Header Css menü (Kategorileri Üst Tarafa Taşımak)

mirac

OpenCart-TR

Ekli dosyalar

kripto35

OpenCart-TR

debreli

OpenCart-TR

hmdnl

OpenCart-TR

debreli

OpenCart-TR

hmdnl

OpenCart-TR

debreli

OpenCart-TR

hmdnl

OpenCart-TR

debreli

OpenCart-TR

hmdnl

OpenCart-TR

debreli

OpenCart-TR

kripto35

OpenCart-TR

mehmetbyk

OpenCart-TR

hiyao

OpenCart-TR

admin

Administrator

Google

OpenCart-TR

admin

Administrator

d3ng3siz

OpenCart-TR

onurorkun

OpenCart-TR