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

arkadaşlar klasik menüden sıkıldım css menu ekliyeyim dedim ama hem sepet kısmı altında kalıyor nasıl ayarlayabilirim. onun haricinde güzel oturdu isteyen buyursun eklentide ek dosyaları attım css kodlarını kendi css stysheet.css dosyasına ekleyin resimlerinizi image dosyasına atın nve wwww.kiroglumarket.com yazanyerleri kendinize göre düzenleyin

Hata burda

header kodları

bunu bul

<div class="links"><a href="<?php echo $home; ?>"><?php echo $text_home; ?></a><a href="<?php echo $wishlist; ?>" id="wishlist_total"><?php echo $text_wishlist; ?></a><a href="<?php echo $account; ?>"><?php echo $text_account; ?></a><a href="<?php echo $cart; ?>"><?php echo $text_cart; ?></a><a href="<?php echo $checkout; ?>"><?php echo $text_checkout; ?></a></div>

bunla değiştir.

Alıntı:<div class="links"><ul id="css3menu1" class="topmenu">
<li class="topmenu"><a href="<?php echo $home; ?>" style="height:33px;line-height:33px;">
<img src="http://www.kiroglumarket.com/image/home.png" alt="<?php echo $text_home; ?>" width="32" height="32"/><?php echo $text_home; ?></a></li>
<li class="topmenu"><a href="<?php echo $wishlist; ?>" id="wishlist_total" style="height:33px;line-height:33px;">
<img src="http://www.kiroglumarket.com/image/info.png" alt="<?php echo $text_wishlist; ?>" width="32" height="32"/><?php echo $text_wishlist; ?></a></li>
<li class="topmenu"><a href="<?php echo $account; ?>" style="height:33px;line-height:33px;">
<img src="http://www.kiroglumarket.com/image/service.png" alt="<?php echo $text_account; ?>" width="32" height="32"/><?php echo $text_account; ?></a></li>
<li class="topmenu"><a href="<?php echo $cart; ?>" style="height:33px;line-height:33px;">
<img src="http://www.kiroglumarket.com/image/buy.png" alt="<?php echo $text_cart; ?>" width="32" height="32"/><?php echo $text_cart; ?></a></li>
<li class="topmenu"><a href="<?php echo $checkout; ?>"style="height:33px;line-height:33px;">
<img src="http://www.kiroglumarket.com/image/samples.png" alt="<?php echo $text_checkout; ?>" width="32" height="32"/><?php echo $text_checkout; ?></a></li>
</ul></div>

değiştirdiğiniz kodu

<?php if ($categories) { ?>

bunun altına ekleyin.

css kodları

Alıntı:ul#css3menu1{
margin:0;list-style:none;padding:6px 6px 6px 0;background-color:#000000;background-image:-o-linear-gradient(-90deg,rgba(255,255,255,0.38),rgba(255,255,255,0.16)); background-image:-moz-linear-gradient(-90deg,rgba(255,255,255,0.38),rgba(255,255,255,0.16)); background-image:-webkit-gradient(linear,50% 0%,50% 100%,from(rgba(255,255,255,0.38)),to(rgba(255,255,255,0.16))); background-image:-webkit-linear-gradient(-90deg,rgba(255,255,255,0.38),rgba(255,255,255,0.16));background-repeat:repeat;border-width:1px;border-style:solid;border-color:#343434;-moz-border-radius:28px;-webkit-border-radius:28px;border-radius:28px;font-size:0;z-index:999;position:relative;display:inline-block;zoom:1;
*display:inline;}
ul#css3menu1 li{
display:block;white-space:nowrap;font-size:0;float:left;}
ul#css3menu1>li{
margin:0 0 0 6px;}
* html ul#css3menu1 li a{
display:inline-block;}
ul#css3menu1 a:active, ul#css3menu1 a:focus{
outline-style:none;}
ul#css3menu1 a{
display:block;vertical-align:middle;text-align:left;text-decoration:none;font:12px Arial;color:#E7E5E5;cursor:pointer;padding:8px 20px;background-color:;background-repeat:repeat;border-width:0;border-style:solid;border-color:transparent;}
ul#css3menu1 li:hover>a,ul#css3menu1 a.pressed{
background-color:#7ACF27;border-color:#F8F8F8;border-style:solid;color:#333;text-decoration:none;background-image:-o-linear-gradient(-90deg,rgba(255,255,255,0.38),rgba(85,170,0,0.7)); background-image:-moz-linear-gradient(-90deg,rgba(255,255,255,0.38),rgba(85,170,0,0.7)); background-image:-webkit-gradient(linear,50% 0%,50% 100%,from(rgba(255,255,255,0.38)),to(rgba(85,170,0,0.7))); background-image:-webkit-linear-gradient(-90deg,rgba(255,255,255,0.38),rgba(85,170,0,0.7));filter:progid:DXImageTransform.​Microsoft.gradient(gradientType=0,startColorstr=#60FFFFFF,endColorstr=#B355AA00)​}
ul#css3menu1 img{
border:none;vertical-align:middle;margin-right:8px;}
ul#css3menu1 img.over{
display:none;}
ul#css3menu1 li:hover > a img.def{
display:none;}
ul#css3menu1 li:hover > a img.over{
display:inline;}
ul#css3menu1 li a.pressed img.over{
display:inline;}
ul#css3menu1 li a.pressed img.def{
display:none;}
ul#css3menu1 li:hover>a,ul#css3menu1 li>a.pressed{
background-color:#7ACF27;background-image:-o-linear-gradient(-90deg,rgba(255,255,255,0.38),rgba(85,170,0,0.7)); background-image:-moz-linear-gradient(-90deg,rgba(255,255,255,0.38),rgba(85,170,0,0.7)); background-image:-webkit-gradient(linear,50% 0%,50% 100%,from(rgba(255,255,255,0.38)),to(rgba(85,170,0,0.7))); background-image:-webkit-linear-gradient(-90deg,rgba(255,255,255,0.38),rgba(85,170,0,0.7));border-style:solid;border-color:#F8F8F8;color:#333;text-decoration:none;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0​,startColorstr=#60FFFFFF,endColorstr=#B355AA00)}
ul#css3menu1 li.topmenu>a{
background-color:;border-width:1px 0 0 0;border-style:solid;border-color:;border-radius:16px;-moz-border-radius:16px;-webkit-border-radius:16px;font:bold 13px Arial;color:#E7E5E5;text-decoration:none;text-shadow:0 1px 1px #000000;}
ul#css3menu1 li.topmenu:hover>a,ul#css3menu1 li.topmenu>a.pressed{
background-color:#7dfa00;background-image:-o-linear-gradient(-90deg,rgba(255,255,255,0.77),rgba(85,170,0,0.7)); background-image:-moz-linear-gradient(-90deg,rgba(255,255,255,0.77),rgba(85,170,0,0.7)); background-image:-webkit-gradient(linear,50% 0%,50% 100%,from(rgba(255,255,255,0.77)),to(rgba(85,170,0,0.7))); background-image:-webkit-linear-gradient(-90deg,rgba(255,255,255,0.77),rgba(85,170,0,0.7));border-style:solid;border-color:#F8F8F8;color:#444444;text-decoration:none;text-shadow:0 1px 0 #C5EAA1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startCo​lorstr=#C6FFFFFF,endColorstr=#B355AA00)}

ürün gösterim önceliklerinde alışveriş sepetim her zaman en üsttedir. bunu "stylesheet.css" dosyasında 'z-index' i değiştirerek yapabilirsin, senin burada yaşayacağın sorun style hatalarından meydana gelmektedir.

çok teşekkürler

Rica ederim, tasarımın gayet goş olmuş. şimdi inceledim de sepetin menü üzerine açılması gayet normal ama istersen menülerde en solda deneyebilirsin, orada da güzel duracağını düşünüyorum.

örnek olarak bakabilirsin; http://shoppica.bananamanana.com/

menuler diilde o arama kısmını nasıl o menuye eklerim

header.tpl ' de <div id="menu"> tagı default temada menüler için kullanılan kodlamadır, sende en sağa burada arama ile ilgili kısmı yerleştirebilirsin. Menu tagı içine alman gereken kısım; header.tpl deki <div id="search"> tag bloğudur.

senin burada dikkat etmen gereken ve düzelteceğin yer style düzenlemeleri bunun için display, float ve clear css özelliklerini inceleyebilirsin. unutmadan, isteğine göre header.tpl ve stylesheet' te biraz işin var tabiki iyi akşamlar.

(02-12-2012 09:26 PM)ozkiremitci Yazılan:  Rica ederim, tasarımın gayet goş olmuş. şimdi inceledim de sepetin menü üzerine açılması gayet normal ama istersen menülerde en solda deneyebilirsin, orada da güzel duracağını düşünüyorum.

örnek olarak bakabilirsin; http://shoppica.bananamanana.com/

Merhaba hocam sitenize baktımda ordaki üst menude alt kategorileride göstermişsiniz acaba bunu nasıl yaptınız öğrenebilirmiyim

(02-13-2012 11:24 AM)tolga35 Yazılan:  

(02-12-2012 09:26 PM)ozkiremitci Yazılan:  Rica ederim, tasarımın gayet goş olmuş. şimdi inceledim de sepetin menü üzerine açılması gayet normal ama istersen menülerde en solda deneyebilirsin, orada da güzel duracağını düşünüyorum.

örnek olarak bakabilirsin; http://shoppica.bananamanana.com/

Merhaba hocam sitenize baktımda ordaki üst menude alt kategorileride göstermişsiniz acaba bunu nasıl yaptınız öğrenebilirmiyim

orda alt kategoriler zaten default temada mevcut ... default tema ıle birlikte de alt kategoriler gozukuyor... inside kategori name kısmı kategori değil o kategoriye baglı kategoriler anlamında kullanılmıştır... yani mevcut kodları default temanın tpllerinde bulabilirsin...