Opencart Türkiye Destek Sitesi ,E-Ticaret Yazılımı Destek Paylaşım Forumu

e-ticaretdersleri Tüm Mesajlarını Bul · Konu Tarihi: **11-05-2012 10:01 AM**

Herkese iyi Günler Sizlere Güzel Bir Düzeneleme sunmaktan grur duyuyorum... Bunu Ücretli bir temadan arakladım forumdaki 2 level menu ve aktif menü eklentileriyle bir eştirdim.. Aktif menu ve 2lelvel menu vqmod olara ektedir. anlatım default temaya göre anlatılmıştır.

Demomuz Burda

İlk Önce Dosyamızı Açalım : catalog/view/theme/default/stylesheet stylesheet.css

Sonra Bulalım :

PHP Kod:

/* menu */
#menu {
    background: #585858;
    border-bottom: 1px solid #000000;
    height: 37px;
    margin-bottom: 15px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -khtml-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    -webkit-box-shadow: 0px 2px 2px #DDDDDD;
    -moz-box-shadow: 0px 2px 2px #DDDDDD;
    box-shadow: 0px 2px 2px #DDDDDD;
    padding: 0px 5px;
}
#menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#menu > ul > li {
    position: relative;
    float: left;
    z-index: 20;
    padding: 6px 5px 5px 0px;
}
#menu > ul > li:hover {
}
#menu > ul > li > a {
    font-size: 13px;
    color: #FFF;
    line-height: 14px;
    text-decoration: none;
    display: block;
    padding: 6px 10px 6px 10px;
    margin-bottom: 5px;
    z-index: 6;
    position: relative;
}
#menu > ul > li:hover > a {
    background: #000000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}
#menu > ul > li > div {
    display: none;
    background: #FFFFFF;
    position: absolute;
    z-index: 5;
    padding: 5px;
    border: 1px solid #000000;
    -webkit-border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -khtml-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
    background: url('../image/menu.png');
}
#menu > ul > li:hover > div {
    display: table;
}
#menu > ul > li > div > ul {
    display: table-cell;
}
#menu > ul > li ul + ul {
    padding-left: 20px;
}
#menu > ul > li ul > li > a {
    text-decoration: none;
    padding: 4px;
    color: #FFFFFF;
    display: block;
    white-space: nowrap;
    min-width: 120px;
}
#menu > ul > li ul > li > a:hover {
    background: #000000;
}
#menu > ul > li > div > ul > li > a {
    color: #FFFFFF;
} 

Değiştirelim :

PHP Kod:

/* menu */
#menu {
    background: url('../image/menu_bg.png') repeat-x;
    height: 48px;
    margin-bottom: 15px;
    -webkit-border-radius: 8px 8px 8px 8px;
    -moz-border-radius: 8px 8px 8px 8px;
    -khtml-border-radius: 8px 8px 8px 8px;
    border-radius: 8px 8px 8px 8px;
    padding: 0px 5px;
}
#menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#menu > ul > li {
    position: relative;
    float: left;
    z-index: 20;    
    padding: 3px 1px 6px 15px;
}
#menu > ul > li + li {
    background: url('../image/menu-hr.png') top left no-repeat;
}
#menu > ul > li:hover {
}
#menu > ul > li > a {
    font-size: 13px;
    color: #FFF;
    line-height: 14px;
    text-decoration: none;
    text-transform: uppercase;
    text-shadow: 0 1px 0 #022E54;
    font-size:12px;
    font-weight:bold;
    display: block;
    padding: 20px 7px 15px 2px;
    margin-bottom: 6px;
    margin-top: -7px;
    z-index: 6;
    position: relative;
}
#menu > ul > li:hover > a {
    background: url('../image/menu-hover.png') 3px 0 no-repeat;
    color: #fff;
    padding: 23px 7px 12px 20px;
    margin-top: -10px;
    margin-left: -18px;
    text-shadow: 0 1px 0 #022E54;
    -webkit-border-radius: 0px 8px 9px 0px;
    -moz-border-radius: 0px 8px 9px 0px;
    -khtml-border-radius: 0px 8px 9px 0px;
    border-radius: 0px 8px 9px 0px;
}
#menu > ul > li > a.active {
    background: url('../image/menu-hover.png') 3px 0 no-repeat;
    color: #fff;
    padding: 23px 7px 12px 20px;
    margin-top: -10px;
    margin-left: -18px;
    text-shadow: 0 1px 0 #022E54;
    -webkit-border-radius: 0px 8px 9px 0px;
    -moz-border-radius: 0px 8px 9px 0px;
    -khtml-border-radius: 0px 8px 9px 0px;
    border-radius: 0px 8px 9px 0px;
}
#menu > ul > li > div {
    display: none;
    background: #005baa url('../image/menu.png');
    position: absolute;
    z-index: 5;
    padding: 5px;
    border-top: 3px solid #0798b2;
    -webkit-border-radius: 0px 0px 8px 8px;
    -moz-border-radius: 0px 0px 8px 8px;
    -khtml-border-radius: 0px 0px 8px 8px;
    border-radius: 0px 0px 8px 8px;
}
#menu > ul > li:hover > div {
    display: table;
}
#menu > ul > li > div > ul {
    display: table-cell;
}
#menu > ul > li ul + ul {
    padding-left: 20px;
}
#menu > ul > li ul > li > a {
    text-decoration: none;
    padding: 6px 4px;
    color: #fff;
    text-shadow: 0 1px 0 #022E54;
    display: block;
    white-space: nowrap;
    min-width: 120px;
}
#menu > ul > li ul > li > a:hover {
    color: #d2d2d2;
    text-shadow: 0 1px 0 #022E54;
}
#menu > ul > li ul > li + li {
    border-top: 1px dotted #fff;
}
#menu > ul > li > div > ul > li > a {
    color: #FFFFFF;
}
/* #advanced_menu */
#advanced_menu {
    background: url('../image/menu_bg.png') repeat-x;
    height: 48px;
    margin-bottom: 15px;
    -webkit-border-radius: 8px 8px 8px 8px;
    -moz-border-radius: 8px 8px 8px 8px;
    -khtml-border-radius: 8px 8px 8px 8px;
    border-radius: 8px 8px 8px 8px;
    padding: 0px 5px;
}
#advanced_menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
* html #advanced_menu_menu ul {
    float: left;
    margin-left: 15px;
}
#advanced_menu > ul > li {
    position: relative;
    float: left;
    z-index: 20;    
    padding: 3px 1px 6px 15px;
}
#advanced_menu > ul > li + li {
    background: url('../image/menu-hr.png') top left no-repeat;
}
#advanced_menu li {
       position: relative;
    float: left;
    z-index: 20;    
}
#advanced_menu > ul > li > a {
    font-size: 13px;
    color: #FFF;
    line-height: 14px;
    text-decoration: none;
    text-transform: uppercase;
    text-shadow: 0 1px 0 #022E54;
    font-size:12px;
    font-weight:bold;
    display: block;
    padding: 20px 7px 15px 2px;
    margin-bottom: 6px;
    margin-top: -7px;
    z-index: 6;
    position: relative;
}
#advanced_menu > ul > li:hover > a {
    background: url('../image/menu-hover.png') 3px 0 no-repeat;
    color: #fff;
    padding: 23px 7px 12px 20px;
    margin-top: -10px;
    margin-left: -18px;
    text-shadow: 0 1px 0 #022E54;
    -webkit-border-radius: 0px 8px 9px 0px;
    -moz-border-radius: 0px 8px 9px 0px;
    -khtml-border-radius: 0px 8px 9px 0px;
    border-radius: 0px 8px 9px 0px;
}
#advanced_menu > ul > li > a.active {
    background: url('../image/menu-hover.png') 3px 0 no-repeat;
    color: #fff;
    padding: 23px 7px 12px 20px;
    margin-top: -10px;
    margin-left: -18px;
    text-shadow: 0 1px 0 #022E54;
    -webkit-border-radius: 0px 8px 9px 0px;
    -moz-border-radius: 0px 8px 9px 0px;
    -khtml-border-radius: 0px 8px 9px 0px;
    border-radius: 0px 8px 9px 0px;
}
#advanced_menu ul li ul {
    display: none;
    background: #005baa url('../image/menu.png');
    position: absolute;
    z-index: 5;
    padding: 5px;
    border-top: 3px solid #0798b2;
    -webkit-border-radius: 0px 0px 8px 8px;
    -moz-border-radius: 0px 0px 8px 8px;
    -khtml-border-radius: 0px 0px 8px 8px;
    border-radius: 0px 0px 8px 8px;
}
#advanced_menu ul li:hover ul {
    display: table;
}
#advanced_menu ul li ul {
    display: table-cell;
}
#advanced_menu > ul > li ul + ul {
    padding-left: 20px;
}
#advanced_menu > ul > li ul > li > a {
     text-decoration: none;
    padding: 6px 4px;
    color: #fff;
    text-shadow: 0 1px 0 #022E54;
    display: block;
    white-space: nowrap;
    min-width: 120px;
}
#advanced_menu > ul > li ul > li > a:hover {
     color: #d2d2d2;
    text-shadow: 0 1px 0 #022E54;
}
#advanced_menu > ul > li ul > li + li  {
    border-top: 1px dotted #fff;
    width: 100%;
}
body #advanced_menu ul li ul {
    display: none;
}
#advanced_menu ul li:hover ul, #advanced_menu ul li ul:hover {
    display: block;
}
* html #advanced_menu ul li ul {
    border-top: 1px solid #555;
    border-left: 0ğõ;
}
#advanced_menu > ul .parent {
    background: url('../image/menuarrow.png') 95% center no-repeat;
}
#advanced_menu > ul .activeparent {
    background: url('../image/menuarrow-hover.png') 95% center no-repeat;
    background-color: #E2E2E2;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    color: #00539B;
    text-shadow: 0 1px 0 #fff;
}
#advanced_menu ul li ul li ul   {
    visibility: hidden;
    top: 0px;
    left: 100%;
    padding-left: 5px;
    border-top: none;
    -webkit-border-radius: 0px 8px 8px 0px;
    -moz-border-radius: 0px 8px 8px 0px;
    -khtml-border-radius: 0px 8px 8px 0px;
    border-radius: 0px 8px 8px 0px;
}
#advanced_menu ul li ul li:hover ul {
    visibility: visible;
}
#advanced_menu ul li ul li:hover ul li ul {
    visibility: hidden;
}
#advanced_menu ul li ul li ul li:hover ul {
    visibility: visible;
}
ul#breadcrumbs-two {
    margin: 0 0 10px 0;
    padding: 0 0 0 5px;
    list-style: none;
} 

Css ile İşimiz Bitti Şimdi ...

Dosyamızı Açalım :catalog/view/theme/default/template/common header.tpl

Bulalım :

PHP Kod:

<div id="menu"> 

Değiştirelim :

PHP Kod:

<div id="advanced_menu"> 

ITECHINN Tüm Mesajlarını Bul · Konu Tarihi: **11-05-2012 10:11 AM**

Bu aralar çok güzel işler çıkartıyorsun dostum.

Elimdeki yoğunluk, bu aralar benim birşeyler paylaşmama engel olsa da sizler bu boşluğu çok iyi kapatıyorsunuz.

Ellerine sağlık, çok güzel bir görsel

e-ticaretdersleri Tüm Mesajlarını Bul · Konu Tarihi: **11-05-2012 10:16 AM**

Asıl ben teşekkür ederim aytekin abi baya yoktum bu aralar paylaşımlara başlayacam tekrardan

nokta Tüm Mesajlarını Bul · Konu Tarihi: **11-05-2012 12:42 PM**

bu paylaşımını geçen senin siteye bir şey için baktığımda farkettim çok da hoşuma gitti vay yine döktürmüş bu adam dedim paylaşmanı bekliyordum.

Ya şu menü olayında birde katagori resimlerini gösteren bir menü yapsan var ya tadından yinmez Big Grin

Emeklerine sağlık sevgili kardeşim.

e-ticaretdersleri Tüm Mesajlarını Bul · Konu Tarihi: **11-05-2012 12:55 PM**

abi var öyle bir uygulama ama ben uygulayamadım öyle bırakmıştım ama hortlatma vakti geldi sanırım Big Grin

nokta Tüm Mesajlarını Bul · Konu Tarihi: **11-05-2012 01:24 PM**

(11-05-2012 12:55 PM)Kiroglumarket Yazılan: abi var öyle bir uygulama ama ben uygulayamadım öyle bırakmıştım ama hortlatma vakti geldi sanırım

Hortlatalım sevgili kardeşim Big Grin

, el birliği ile mıncıklayalım bakalım neler yapabiliriz.

fofotara Tüm Mesajlarını Bul · Konu Tarihi: **11-06-2012 08:00 PM**

http://kiroglumarket.com/icecek-urunlerimiz.html

Hata veriyor bilgin olsun

e-ticaretdersleri Tüm Mesajlarını Bul · Konu Tarihi: **11-06-2012 08:28 PM**

Fatal error: Call to undefined method ModelCatalogProduct::getTotalProductsByCategoryId() in /home/kiroglumarket.com/httpdocs/vqmod/vqcache/vq2-catalog_controller_product_category.php on line 145

B hatayı bundan veriyor çözemedim

PHP Kod:

<modification>
    <id>2 Level Category Topmenu</id>
    <version>0.2</version>
    <vqmver>1.2.3</vqmver>
    <author>Imm</author>
    <file name="catalog/controller/common/header.php">
        <operation>
            <search position="before"><![CDATA[
                    $children_data[] = array(
            ]]></search>
            <add><![CDATA[
                    $children_data1 = array();
                    $children1 = $this->model_catalog_category->getCategories($child['category_id']);
                    foreach ($children1 as $child1) {
                        $data1 = array(
                            'filter_category_id'  => $child1['category_id'],
                            'filter_sub_category' => true
                        );
                    
                        $product_total1 = $this->model_catalog_product->getTotalProducts($data1);
                        $children_data1[] = array(
                            'name'  => $child1['name'] . ($this->config->get('config_product_count') ? ' (' . $product_total1 . ')' : ''),
                            'href'  => $this->url->link('product/category', 'path=' . $category['category_id'] . '_' . $child['category_id'] . '_' . $child1['category_id'])    
                        );                        
                    }
            ]]></add>
        </operation>
    </file>
    <file name="catalog/controller/common/header.php">
        <operation>
            <search  position="before"><![CDATA[
                        'href'  => $this->url->link('product/category', 'path=' . $category['category_id'] . '_' . $child['category_id'])    
            ]]></search>
            <add><![CDATA[
                        'children1' => $children_data1, //
            ]]></add>
        </operation>
    </file>
    <file name="catalog/view/theme/default/template/common/header.tpl">
        <operation>
            <search position="before"><![CDATA[
<link rel="stylesheet" type="text/css" href="catalog/view/theme/default/stylesheet/stylesheet.css" />
            ]]></search>
            <add><![CDATA[
<style type="text/css">
#menu > ul > li > div > ul > li > div {
    display: none;
    background: #FFFFFF;
    position: absolute;
    z-index: 5;
    margin: -25px 5 5 100px;
    border: 1px solid #000000;
    -webkit-border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -khtml-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
    background: url('catalog/view/theme/default/image/menu.png');
}
#menu > ul > li > div > ul > li:hover > div {
    display: table;
}
#menu > ul > li > div > ul > li > div > ul{
    display: table-cell;
}
</style>
            ]]></add>
        </operation>
    </file>
    <file name="catalog/view/theme/default/template/common/header.tpl">
        <operation>
            <search  position="replace"><![CDATA[
          <li><a href="<?php echo $category['children'][$i]['href']; ?>"><?php echo $category['children'][$i]['name']; ?></a></li>
          ]]></search>
            <add><![CDATA[
         <?php if ($category['children'][$i]['children1']) { ?>
 <li><a class ="parent"href="<?php echo $category['children'][$i]['href']; ?>"><?php echo $category['children'][$i]['name']; ?></a>
        <?php } else { ?>
 <li><a "href="<?php echo $category['children'][$i]['href']; ?>"><?php echo $category['children'][$i]['name']; ?></a>
<?php } ?>
    <?php if ($category['children'][$i]['children1']) { ?>
            <div>
                <?php for ($k = 0; $k < count($category['children'][$i]['children1']);) { ?>
                <ul>
                    <?php $l = $k + ceil(count($category['children'][$i]['children1'])); ?>
                    <?php for (; $k < $l; $k++) { ?>
                    <?php if (isset($category['children'][$i]['children1'][$k])) { ?>
                    <li><a href="<?php echo $category['children'][$i]['children1'][$k]['href']; ?>"><?php echo $category['children'][$i]['children1'][$k]['name']; ?></a></li>
                    <?php } ?>
                    <?php } ?>
                </ul>
                <?php } ?>
            </div>
            <?php } ?>
            </li>
            ]]></add>
        </operation>
    </file>
</modification> 

evren236 Tüm Mesajlarını Bul · Konu Tarihi: **08-26-2014 11:08 PM**

teşekkür ederim fakat bende sadece yeşil bar çıktı herhangibi bir category yok 1.4.9.5 sürümünü kullanıyorum.

e-ticaretdersleri Tüm Mesajlarını Bul · Konu Tarihi: **08-26-2014 11:18 PM**

bak ozaman o iş değişir bu 1.5.x sürümü için 1.4.x sürümüne bir üst menu uyarlarım


Direk Link
HTML Link
BBCode Link
Sosyal Paylaş	Sabah net google facebook digg twiter yahoo mixx stumbleupon delicious reddit myspace friendfeed google buzz linkedin

Benzeyen Konular
Konu:		Yazar	Cevaplar:	Gösterim:	Son Mesaj
	[Modifikasyon] Ürün Detay Sayfasıda Küçük Bir Css Düzenlemesi	e-ticaretdersleri	10	10,434	04-07-2017 11:09 PM Son Mesaj: blacktig
	Sabit üst menü	Ersen16	5	6,269	09-26-2016 11:36 AM Son Mesaj: tolikachocolate
	üst menü bağımsız eklame	barikat87	0	1,686	05-03-2016 03:51 PM Son Mesaj: barikat87
	musteri uye sayfasi sag menu linkleri	yusuf14	0	1,701	12-15-2015 02:03 PM Son Mesaj: yusuf14
	[Ücretli] menü ve tab sorunu çözümü	xenophanes	0	1,921	09-13-2015 09:08 PM Son Mesaj: xenophanes
	Super Category Menu numara,beden,renk filtresini aktif etme	djmega	1	2,556	08-04-2015 07:55 PM Son Mesaj: e-ticaretdersleri
	[Modifikasyon] Opencart 2.0.1.1 Fixed Header Menu (Sabit Başlık Menü) yapımı	mustafaabanoz	2	4,077	05-25-2015 02:53 PM Son Mesaj: sakaryanotebook
	sağ kategoriler menü	teknolajek	0	1,970	05-20-2015 02:40 AM Son Mesaj: teknolajek
	[Modifikasyon] Stok Uyarısı Ve Satış Düzenlemesi	e-ticaretdersleri	9	4,862	12-31-2014 07:30 PM Son Mesaj: ottoman08
	[Modifikasyon] Ust Menu Modifiyesi 4 level Dallanma	e-ticaretdersleri	0	1,816	08-13-2014 02:49 PM Son Mesaj: e-ticaretdersleri

	Şuanki Zaman: 12-19-2024, 01:08 AMHoşgeldin Misafir !
	Beni Hatırla Şifremi Hatırlat

« Önceki \| Sonraki »
Sayfa (2): 1 2 Sonraki »

Opencart Türkiye Destek Sitesi ,E-Ticaret Yazılımı Destek Paylaşım Forumu

Css Modifiyeli 2 levellii Menu Düzenlemesi