tr-opencart

     
avatar Şuanki Zaman: 12-19-2024, 01:00 AMHoşgeldin Misafir !
  Şifremi Hatırlat   kayıt ol
opencart temaları

Eklenti Standart Kategoriye Css3 Modifiyesi

Konuyu görüntüleyenler: 1 Misafir
 
Değerlendir:
  • 0 Oy - 0 Yüzde
  • 1
  • 2
  • 3
  • 4
  • 5
%
Cevapla  Gönder 
v  v
Yazar  e-ticaretdersleri - Görüntüleme - Okunma  6802 - Yorum  10

e-ticaretdersleriv
Osmanlı Torunu
******
Süper Moderator user avatar
Çevrimdışı

Mesajlar: 3,225
Konular: 520
Katılma Tarihi: Jan 2012
Rep Puanı: 102
Teşekkürler: 1169
1060 Mesajına, 2133 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 09-11-2012 11:03 AM

Herkese selam @yusuf_07 fatih abimin isteği üzerine standart görünümlü genellikle sol blokta görüntülenen kategoriye biraz css3 ile müdahale ederrek diğer steler 15 $ olarak satılan bir görünüme kavuştu. Yakında bunu accordion menuye de enjeksiyon edeceğim..,,,


Kurulumu : İlknot ; Bu extra bir modul değildir var olan module entegre edilmiştir. Yani eşe bizim bildiğimiz eşek Big Grin

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

En Altına Ekleyelim :


PHP Kod:
.accordion,
.
accordion ul,
.
accordion li,
.
accordion a,
.
accordion span {
    
margin0;
    
padding0;
    
bordernone;
    
outlinenone;
}

.
accordion li {
    list-
stylenone;
}

/* Layout & Style */

.accordion li {
    
displayblock;
    
positionrelative;
    
min-width110px;
    
padding0 10px 0 40px;
    
height32px;

    
color#fdfdfd;
    
fontbold 12px/32px Arialsans-serif;
    
text-decorationnone;
    
text-shadow0px 1px 0px rgba(0,0,0.35);

    
background#6c6e74;
    
background: -moz-linear-gradient(top,  #6c6e74 0%, #4b4d51 100%);
    
background: -webkit-gradient(linearleft topleft bottomcolor-stop(0%,#6c6e74), color-stop(100%,#4b4d51));
    
background: -webkit-linear-gradient(top,  #6c6e74 0%,#4b4d51 100%);
    
background: -o-linear-gradient(top,  #6c6e74 0%,#4b4d51 100%);
    
background: -ms-linear-gradient(top,  #6c6e74 0%,#4b4d51 100%);
    
backgroundlinear-gradient(top,  #6c6e74 0%,#4b4d51 100%);

    
-webkit-box-shadowinset 0px 1px 0px 0px rgba(255,255,255.1), 0px 1px 0px 0px rgba(0,0,0.1);
    -
moz-box-shadowinset 0px 1px 0px 0px rgba(255,255,255.1), 0px 1px 0px 0px rgba(0,0,0.1);
    
box-shadowinset 0px 1px 0px 0px rgba(255,255,255.1), 0px 1px 0px 0px rgba(0,0,0.1);
}

.
accordion li:hover a,
.
accordion li:target {
    
color#3e5706;
    
text-shadow1px 1px 1px rgba(255,255,255.2);
    
    
backgroundurl(/img/active.pngrepeat-x;*/
    
background#a5cd4e;
    
background: -moz-linear-gradient(top,  #a5cd4e 0%, #6b8f1a 100%);
    
background: -webkit-gradient(linearleft topleft bottomcolor-stop(0%,#a5cd4e), color-stop(100%,#6b8f1a));
    
background: -webkit-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%);
    
background: -o-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%);
    
background: -ms-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%);
    
backgroundlinear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%);    
}

.
accordion li a span {
    
displayblock;
    
positionabsolute;
    
top7px;
    
right0;
    
padding0 10px;
    
margin-right10px;
    
    
fontnormal bold 12px/18px Arialsans-serif;
    
background#404247;
    
    
-webkit-border-radius15px;
    -
moz-border-radius15px;
    
border-radius15px;

    -
webkit-box-shadowinset 1px 1px 1px rgba(0,0,0.2), 1px 1px 1px rgba(255,255,255.1);
    -
moz-box-shadowinset 1px 1px 1px rgba(0,0,0.2), 1px 1px 1px rgba(255,255,255.1);
    
box-shadowinset 1px 1px 1px rgba(0,0,0.2), 1px 1px 1px rgba(255,255,255.1);
}

.
accordion li:hover a span,
.
accordion li:target a span {
    
color#fdfdfd;
    
text-shadow0px 1px 0px rgba(0,0,0.35);
    
background#3e5706;
}

/* Images */

.accordion li a:before {
    
positionabsolute;
    
top0;
    
left0;
    
content'';
    
width24px;
    
height24px;
    
margin4px 8px;

    
background-repeatno-repeat;
    
background-imageurl(img/icons.png);
    
background-position0px 0px;
}

.
accordion li.files a:before background-position0px 0px; }
.
accordion li.files:hover a:before,
.
accordion li.files:target a:before background-position0px -24px; }

.
accordion li.mail a:before background-position: -24px 0px; }
.
accordion li.mail:hover a:before,
.
accordion li.mail:target a:before background-position: -24px -24px; }

.
accordion li.cloud a:before background-position: -48px 0px; }
.
accordion li.cloud:hover a:before,
.
accordion li.cloud:target a:before background-position: -48px -24px; }

.
accordion li.sign a:before background-position: -72px 0px; }
.
accordion li.sign:hover a:before,
.
accordion li.sign:target a:before background-position: -72px -24px; }

/* Sub Menu */

.sub-menu li a {
    
color#797979;
    
text-shadow1px 1px 0px rgba(255,255,255.2);

    
background#e5e5e5;
    
border-bottom1px solid #c9c9c9;

    
-webkit-box-shadowinset 0px 1px 0px 0px rgba(255,255,255.1), 0px 1px 0px 0px rgba(0,0,0.1);
    -
moz-box-shadowinset 0px 1px 0px 0px rgba(255,255,255.1), 0px 1px 0px 0px rgba(0,0,0.1);
    
box-shadowinset 0px 1px 0px 0px rgba(255,255,255.1), 0px 1px 0px 0px rgba(0,0,0.1);
}

.
sub-menu li:hover a background#efefef; }

.sub-menu li:last-child a bordernone; }

.
sub-menu li a span {
    
color#797979;
    
text-shadow1px 1px 0px rgba(255,255,255.2);
    
backgroundtransparent;
    
border1px solid #c9c9c9;

    
-webkit-box-shadownone;
    -
moz-box-shadownone;
    
box-shadownone;
}

.
sub-menu em {
    
positionabsolute;
    
top0;
    
left0;
    
margin-left14px;
    
color#a6a6a6;
    
fontnormal 10px/32px Arialsans-serif;
}

/* Functionality */

.accordion li > .sub-menu {
    
height0;
    
overflowhidden;

    -
webkit-transitionheight .2s ease-in-out;
    -
moz-transitionheight .2s ease-in-out;
    -
o-transitionheight .2s ease-in-out;
    -
ms-transitionheight .2s ease-in-out;
    
transitionheight .2s ease-in-out;
}

.
accordion li:target > .sub-menu {
    
height98px;


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

İçeriğini yedek alıp aşağıdakiyle komple değiştiriniz.

PHP Kod:
    <style type="text/css">#wrapper-200b .accordion > li:hover > a,#wrapper-200b .accordion > li:target > a {background:url(img/active.png) repeat-x}
</style>

<
div class="box">
  <
div class="box-heading"><?php echo $heading_title?></div>
  <div class="box-content">
  <div id="wrapper-200b" class="style1">

  <ul class="accordion">
        <?php foreach ($categories as $category) { ?>
        <li>
          <?php if ($category['category_id'] == $category_id) { ?>
          <li id="one" class="files"><a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a></li>
          <?php } else { ?>
          
          <a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a>
          <?php ?>
          <?php if ($category['children']) { ?>
           <ul class="sub-menu">
            <?php foreach ($category['children'] as $child) { ?>
            <li>
              <?php if ($child['category_id'] == $child_id) { ?>
              <a href="<?php echo $child['href']; ?>" <em>@</em><?php echo $child['name']; ?></a>
              <?php } else { ?>
              <a href="<?php echo $child['href']; ?>"><em>@</em><?php echo $child['name']; ?></a>
              <?php ?>
            </li>
            <?php ?>
          </ul>
          <?php ?>
        </li>
        <?php ?>
      </ul>
    </div>
  </div>
</div> 

Eğer biraz görsellik isterseniz ve kategori sayısını göstermekteyseniz aşağıkaki gösterdiğim yerde '(' yerine '<span>' ....')' yernie ise '</span>' yapınız.

Dosyamızı Açalım :
catalog/controller/module/ category.php


Alıntı:$children_data[] = array(
'category_id' => $child['category_id'],
'name' => $child['name'] . ($this->config->get('config_product_count') ? ' (' . $product_total . ')' : ''),
'href' => $this->url->link('product/category', 'path=' . $category['category_id'] . '_' . $child['category_id'])
);
}

$this->data['categories'][] = array(
'category_id' => $category['category_id'],
'name' => $category['name'] . ($this->config->get('config_product_count') ? '(' . $total . ')' : ''),
'children' => $children_data,
'href' => $this->url->link('product/category', 'path=' . $category['category_id'])
);
}


Son olarakta Ekteki img dosyamızı catalog/view/theme/default/ klasörüne atınız.


Ekli Dosya(lar) Önizleme(ler)
Resmi Büyütmek İçin Tıklayın   
.rar img.rar Eklentiyi indir...
Boyut: 24.26 KB İndirme: 79
Telif Hakkı için Rapor Edin...
e-ticaretdersleri
Alıntı Yaparak Cevapla
Paylaş!
 Teşekkür Edenler: nokta , yusuf_07 , delete38 , osdem66 , BLaDe , fe_odaliz
noktav
Süper Moderator
******
Süper Moderator user avatar
Çevrimdışı

Mesajlar: 629
Konular: 24
Katılma Tarihi: Jan 2012
Rep Puanı: 12
Teşekkürler: 671
175 Mesajına, 273 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 09-11-2012 11:13 AM
Usta gerçekten güzel düzenlemeler olmuş.
Emeklerine sağlık.
nokta
Bu Dünya Acılardan Kaçamayacağın Kadar Küçük,
Kaybettiklerini Bir Daha Bulamayacağın Kadar Büyüktür!..
Alıntı Yaparak Cevapla
Paylaş!
roi-intrépidev
Acemi Üye
**
Üye user avatar
Çevrimdışı

Mesajlar: 11
Konular: 0
Katılma Tarihi: Oct 2012
Rep Puanı: 0
Teşekkürler: 0
1 Mesajına, 1 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 10-15-2012 04:40 PM
Emeginize saglik..

Alt kategorileri acamadim yardimci olabilir misiniz Smile icon ve sayilarda gorunmuyor
Alıntı Yaparak Cevapla
Paylaş!
roi-intrépidev
Acemi Üye
**
Üye user avatar
Çevrimdışı

Mesajlar: 11
Konular: 0
Katılma Tarihi: Oct 2012
Rep Puanı: 0
Teşekkürler: 0
1 Mesajına, 1 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 11-12-2012 06:32 PM
Cozum icin yardimci olabilecek misiniz arkadaslar
Alıntı Yaparak Cevapla
Paylaş!
e-ticaretdersleriv
Osmanlı Torunu
******
Süper Moderator user avatar
Çevrimdışı

Mesajlar: 3,225
Konular: 520
Katılma Tarihi: Jan 2012
Rep Puanı: 102
Teşekkürler: 1169
1060 Mesajına, 2133 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 11-12-2012 11:14 PM
(10-15-2012 04:40 PM)roi-intrépide Yazılan:  Emeginize saglik..

Alt kategorileri acamadim yardimci olabilir misiniz Smile icon ve sayilarda gorunmuyor

Ekte anlatılanları uygulayınız.. alt kategoriler açılmaz bu normal sabit katgoriye css takviyesidir
e-ticaretdersleri
Alıntı Yaparak Cevapla
Paylaş!
roi-intrépidev
Acemi Üye
**
Üye user avatar
Çevrimdışı

Mesajlar: 11
Konular: 0
Katılma Tarihi: Oct 2012
Rep Puanı: 0
Teşekkürler: 0
1 Mesajına, 1 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 11-14-2012 03:29 PM
(11-12-2012 11:14 PM)Kiroglumarket Yazılan:  
(10-15-2012 04:40 PM)roi-intrépide Yazılan:  Emeginize saglik..

Alt kategorileri acamadim yardimci olabilir misiniz Smile icon ve sayilarda gorunmuyor

Ekte anlatılanları uygulayınız.. alt kategoriler açılmaz bu normal sabit katgoriye css takviyesidir

Demek istedigim su sekilde gorunuyor orneginizdeki gibi degil;

<?php
class ControllerModuleCategory extends Controller {
protected function index() {
$this->language->load('module/category');

$this->data['heading_title'] = $this->language->get('heading_title');

if (isset($this->request->get['path'])) {
$parts = explode('_', (string)$this->request->get['path']);
} else {
$parts = array();
}

if (isset($parts[0])) {
$this->data['category_id'] = $parts[0];
} else {
$this->data['category_id'] = 0;
}

if (isset($parts[1])) {
$this->data['child_id'] = $parts[1];
} else {
$this->data['child_id'] = 0;
}

$this->load->model('catalog/category');
$this->load->model('catalog/product');

$this->data['categories'] = array();

$categories = $this->model_catalog_category->getCategories(0);

foreach ($categories as $category) {
$children_data = array();

$children = $this->model_catalog_category->getCategories($category['category_id']);

foreach ($children as $child) {
$data = array(
'filter_category_id' => $child['category_id'],
'filter_sub_category' => true
);

if (isset($setting['count'])) {
$product_total = $this->model_catalog_product->getTotalProducts($data);
$child['name'] = $child['name'] . ' (' . $product_total . ')';
}

$children_data[] = array(
'category_id' => $child['category_id'],
'name' => $child['name'] . ($this->config->get('config_product_count') ? ' (' . $product_total . ')' : ''),
'href' => $this->url->link('product/category', 'path=' . $category['category_id'] . '_' . $child['category_id'])
);
}

$this->data['categories'][] = array(
'category_id' => $category['category_id'],
'name' => $category['name'] . ($this->config->get('config_product_count') ? '(' . $total . ')' : ''),
'children' => $children_data,
'href' => $this->url->link('product/category', 'path=' . $category['category_id'])
);
}

if (file_exists(DIR_TEMPLATE . $this->config->get('config_template') . '/template/module/category.tpl')) {
$this->template = $this->config->get('config_template') . '/template/module/category.tpl';
} else {
$this->template = 'default/template/module/category.tpl';
}

$this->render();
}
}
?>


Ekli Dosya(lar) Önizleme(ler)
Resmi Büyütmek İçin Tıklayın   
Alıntı Yaparak Cevapla
Paylaş!
 Teşekkür Edenler: e-ticaretdersleri
e-ticaretdersleriv
Osmanlı Torunu
******
Süper Moderator user avatar
Çevrimdışı

Mesajlar: 3,225
Konular: 520
Katılma Tarihi: Jan 2012
Rep Puanı: 102
Teşekkürler: 1169
1060 Mesajına, 2133 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 11-14-2012 03:45 PM
bu akşam konuyla ilgili videolu anlatım yapılacaktır... Uyarınız ve ilginiz için teşekkür ederim
e-ticaretdersleri
Alıntı Yaparak Cevapla
Paylaş!
roi-intrépidev
Acemi Üye
**
Üye user avatar
Çevrimdışı

Mesajlar: 11
Konular: 0
Katılma Tarihi: Oct 2012
Rep Puanı: 0
Teşekkürler: 0
1 Mesajına, 1 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 12-08-2012 03:19 PM
(11-14-2012 03:45 PM)Kiroglumarket Yazılan:  bu akşam konuyla ilgili videolu anlatım yapılacaktır... Uyarınız ve ilginiz için teşekkür ederim

Ben tesekkur ederim ilginiz icin ancak yayinlamamissiniz sanirim Smile
Alıntı Yaparak Cevapla
Paylaş!
tontikomv
Acemi Üye
**
Üye user avatar
Çevrimdışı

Mesajlar: 2
Konular: 1
Katılma Tarihi: Feb 2014
Rep Puanı: 0
Teşekkürler: 0
0 Mesajına, 0 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 02-14-2014 01:22 PM
merhaba ustam sölediğin herşeyi yaptım ama bi türlü olmadı sizin kadar usta değiliz yardımcı olursan internet sitemi adam etmeye çalışacağım sürekli okuyorum bakıyorum ama takıldığım yerler oluyor kolay gelsin üstadlarım
Alıntı Yaparak Cevapla
Paylaş!
e-ticaretdersleriv
Osmanlı Torunu
******
Süper Moderator user avatar
Çevrimdışı

Mesajlar: 3,225
Konular: 520
Katılma Tarihi: Jan 2012
Rep Puanı: 102
Teşekkürler: 1169
1060 Mesajına, 2133 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 02-14-2014 08:04 PM
iyi akşamlar nerde ve ansıl bir sorun yaşamaktasınız
e-ticaretdersleri
Alıntı Yaparak Cevapla
Paylaş!

« Önceki | Sonraki »
Cevapla  Gönder 

Standart Kategoriye Css3 Modifiyesi Konusunun Linki Direk Link
Standart Kategoriye Css3 Modifiyesi Konusunun HTML Kodu HTML Link
Standart Kategoriye Css3 Modifiyesi Konusu BBCode Linki BBCode Link
Standart Kategoriye Css3 Modifiyesi Konusunu Paylaş Sosyal Paylaş

Benzeyen Konular
Konu: Yazar Cevaplar: Gösterim: Son Mesaj
  Cloud zoom kapatma standart resim gösterimi tuncaksoy 0 2,006 04-16-2016 04:13 PM
Son Mesaj: tuncaksoy
  [Modifikasyon] Geliştirilmiş Captcha Modifiyesi +Ajax e-ticaretdersleri 2 3,786 03-07-2016 09:52 PM
Son Mesaj: gencosman
  Opencart Gelişmiş Üst Kategori Modifiyesi e-ticaretdersleri 4 3,648 11-26-2015 10:34 AM
Son Mesaj: isilcetn
  Sepet Modifiyesi + Üyelik Zorunluluğu e-ticaretdersleri 8 6,115 11-25-2015 06:42 PM
Son Mesaj: demon
  Ürün sayfasında önceki ve sonraki ürün, ürünün bulunduğu kategoriye göre sıralama barney 1 2,253 03-11-2015 09:17 PM
Son Mesaj: e-ticaretdersleri
  [Modifikasyon] Photobox Resim Görüntüleyici | Photobox - CSS3 image gallery modal viewer Gökhan TAYLAN 5 4,526 12-21-2014 12:14 AM
Son Mesaj: venom839
  alt kategoriye eklnen ürünler neden üst kategoride görünmez ? byrehep 1 2,384 11-04-2014 12:41 AM
Son Mesaj: karaer
  [Modifikasyon] Yoruma Cevap Ver Modifiyesi- Admin e-ticaretdersleri 4 3,451 09-30-2014 09:53 PM
Son Mesaj: H737
  [Modifikasyon] + 18 Kategori Uyarısı Modifiyesi Yapımda e-ticaretdersleri 5 6,019 09-03-2014 09:19 AM
Son Mesaj: byduman
  [Modifikasyon] Ust Menu Modifiyesi 4 level Dallanma e-ticaretdersleri 0 1,816 08-13-2014 02:49 PM
Son Mesaj: e-ticaretdersleri

Standart Kategoriye Css3 Modifiyesi indir, Standart Kategoriye Css3 Modifiyesi Videosu, Standart Kategoriye Css3 Modifiyesi online izle, Standart Kategoriye Css3 Modifiyesi Bedava indir, Standart Kategoriye Css3 Modifiyesi Yükle, Standart Kategoriye Css3 Modifiyesi Hakkında, Standart Kategoriye Css3 Modifiyesi nedir, Standart Kategoriye Css3 Modifiyesi Free indir, Standart Kategoriye Css3 Modifiyesi oyunu, Standart Kategoriye Css3 Modifiyesi download


Forum Atla: