Alt kategorileri resimli yapma

[zapatya]

merhaba alt kategorileri resimli yapma ya da daha görsel bir biçime dönüştürebilirmiyiz çok sade gözküyor

 

[eren.erduran]

Evet daha güzel olabilir. Bu sizin hayal gücünüze kalmış. Bunun için biraz css ve html bilmeniz yeterli. Eğer bilmiyorsanız kafanızdaki olanı yazın yardımcı olmaya çalışırım.

 

[alisim]

Yaklaşık 1 aydır bende internette bu konu ile ilgili araştırma yapıyom ama bi türlü sonuç alamadım inşallah yapan bi arkadaş çıkıp yardım eder konuyu açan arkadaşa da teşekkürler..

 

[zapatya]

masa üstü gerçleri ana kategorisi altında bulunan a zımba makinaları delgeçler kalemlikler vb ürünler alt gategori sayfalarında şöyle olabili zımba makinası resmi onun altında zımba makinası yazısı yada delgeç resmi onun altında delgeçler yazısı gibi olabilir

 

[eren.erduran]

Bir örnek yaptım. Beğenirseniz ne mutlu..

Bunu yapmak için sadece temanın style dosyasını düzenlemek ve temada bulunan image klasörüne 2 resim atmak yeterli..

Eğer beğendim yapmak istiyorum veya bu şekilden de daha güzel yapabilirim diyorsanız;

catalog\view\theme\TEMA ADI\image klasörüne 250x60 boyutlarında iki resim attım. Birisi normal diğeri ise mouse üzerinde iken gösteriliyor.
alt_btn.png
http://img842.imageshack.us/img842/6582/altbtn.png
ve alt_btn_hover.png
http://img847.imageshack.us/img847/913/altbtnhover.png
diye kayıtlı..

Ardından catalog\view\theme\TEMA ADI\stylesheet\stylesheet.css dosyasını açıp .category-list diye arattırdım.

Şöyle izah edecek olursak eskiden böyle idi;

/* category */
.category-info {
	overflow: auto;
	margin-bottom: 20px;
}
.category-info .image {
	float: left;
	padding: 5px;
	margin-right: 15px;
	border: 1px solid #E7E7E7;
}
.category-list {
	overflow: auto;
	margin-bottom: 20px;
}
.category-list ul {
	float: left;
	width: 18%;
}
.category-list .div a {
	text-decoration: underline;
	font-weight: bold;
}
/* manufacturer */

Şimdi ise böyle;

/* category */
.category-info {
	overflow: auto;
	margin-bottom: 20px;
}
.category-info .image {
	float: left;
	padding: 5px;
	margin-right: 15px;
	border: 1px solid #E7E7E7;
}
.category-list {
	overflow: auto;
	float: left;
	margin-bottom: 20px;
}
.category-list ul {
	float: left;
	width: 510px;
	list-style-type: none;
}
.category-list li a {width: 250px; height: 60px; margin-right: 5px; float: left; background-image: url(../image/alt_btn.png); text-decoration: none; color: #fff; text-align: center; margin-bottom: 10px; line-height: 55px; font-size: 16px;}
.category-list li a:hover {background-image: url(../image/alt_btn_hover.png);}
/* manufacturer */

Geliştirmek sizin elinizde inş işinizi görür..

 

[osdem66]

Merhaba.. sanırım arkadaşın istedigi bu degil siz alt kategori isimlerine arka plan vermişsiniz halbuki arkadaşın istedigi ise alt kategorilere adminden eklenen kategori resimlerinin orada görüntülenmesi idi... yoksa benmi yanlış anladım...

 

[alisim]

benim istediğim aşşagı yukarı osdem66 kardeşimin dediği gibi kategorileri normal olcak ama üstüne gelince alt kategori resimli olarak açılcak bu konuda yardımcı olabilirseniz çok sevinirim

aşağıdaki sitede bir örnek var ama o java ve ya başka bir kod kullanmış ben diğer şekilde yapmak için uğraşıyorum .1,5 in kategoriler bölümünü düşünün ben o kategorilerin üzerine gelince alt kategori resimli açılsın istiyorum
http://www.petkutusu.com/

 

[zapatya]

eren erduran kardeşim ilgin için teşekkür ederim fakat istediğim osdem66 üstadın dediği gibi kategorilerden alt katerogileri eklediğimde alt kategori ürün resmini eklemek ve alt kategoride ürün ismi yerine ürün resmi altındada ürün ismi yazılmasıdır alisim arkadaşımın ihtiyacı da bu yönderdir ilginiz için teşekkür ederim yardımcı olursanız sevinirim saygılarımla

 

[eren.erduran]

@zapatya
Yardımcı olmak isterim ama kafam karıştı açıkçası. Siz alt kategorilerin isimlerini mi değiştirmek istiyorsunuz yoksa alt kategorilerde bulunan ürünlerin resimlerini mi dizayn etmek istiyorsunuz? Daha açıklayıcı olması için bir örnek gösterebilirmisiniz veya kendiniz paintten editleyip gösterin o bile kafi..

 

[alisim]

ender kadeşim konu ile ilgilendiğin için çok teşekkürler.Benim yapmak istediğim şimdi opencart 1.5 sürümünün ana sayfada kategörileri gösteren yer varya hani üzerine gelince alt kategori açılıyo hani alt kategori ismi ve sayısı çıkıyo işte ben o alt kategriy resimli olması nı istiyorum yardımcı olabilirsen sevinirim
Bir örnek daha mesela http://www.hepsiburada.com/ sitesinde yandan açılan kategori var alt kategori resimli çıkıyo umarım ne istediğimi anlatabilmişimdir
saygılaraımla

 

[zapatya]

eren erduran ustam www.kirtasiyeburada.com sitesinde kategorilerde mesela dosyalama ürünleri kısmına tıklıyoruz hemen altında alt kategorileri çıkıyor ama yan tarafında altkategorilere ait ürünler çıkıyor ama mesela benim sitemde ( www.banadagelsin.com ) kategorileri tıklıyorum alt kategoriler çıkıyor ama yan tarafında da alt kategori isimleri çıkıyor ama ben yan tarafta alt kategoride bulunan ürünlerden örnekler çıkmasını istiyorum herhalde ali arkadaşımda aynı şeyi söylüyor

 

[alisim]

zapatya kardeş ikimizin de istediği farklı imiş inşallah ikimizinde derdi çözülür kolay gelsin..

 

[eren.erduran]

@alisim

sizin dediğiniz böyle bir şeymi ?

@zapatya

Bilmiyorum bu dediğiniz mümkün olabilirmi ama neden olmasın uğraşayım eğer sonuca ulaşırsam ki inş ulaşırım haberdar ederim..

 

[alisim]

eren.erduran kardeşim evet işte bu bunu nası yapabiliriz gerçekten konuya gösterdiğin ilgi için bi kezdaha teşekkürler.

 

[eren.erduran]

@alisim
İlk önce catalog\controller\common\header.php'yi açın. Ardından aşağıdaki yazanları bulun,

$product_total = $this->model_catalog_product->getTotalProducts($data);
									
					$children_data[] = array(
						'name'  => $child['name'] . ' (' . $product_total . ')',
						'href'  => $this->url->link('product/category', 'path=' . $category['category_id'] . '_' . $child['category_id'])
					);

ve bunun ile değiştirin,

$product_total = $this->model_catalog_product->getTotalProducts($data);
						$bul = mysql_query("select * from category_description where name='$child[name]'");
						$goster = mysql_fetch_array($bul);
						$bul1 = mysql_query("select * from category where category_id='$goster[category_id]'");
						$goster1 = mysql_fetch_array($bul1);
									
					$children_data[] = array(
						'name'  => $child['name'] . ' (' . $product_total . ')',
						'href'  => $this->url->link('product/category', 'path=' . $category['category_id'] . '_' . $child['category_id']),	
						'image' => 'image/'.$goster1["image"]
					);

Sonrasında
catalog\view\theme\TEMA ADI\template\common\header.tpl'yi açın. Sonra bunu bulun,

<li><a href="<?php echo $category['children'][$i]['href']; ?>"><?php echo $category['children'][$i]['name']; ?></a></li>

ve ardından bunun ile değiştirin.

<li><a href="<?php echo $category['children'][$i]['href']; ?>"><img style="height: 50px; width: 50px; display: block" src="<?php echo $category['children'][$i]['image'] ?>" /><?php echo $category['children'][$i]['name']; ?></a></li>

Eğer css ile aranız varsa daha güzel yapabilirsiniz. Kolay gelsin

 

[alisim]

resim şekli çıkıyo ama resim gözükmüyor üzerine tıklayıncada bu kate goride ürünyok sayfasına gidiyo erdem kardeş.
link bu
http://simsekler.byethost15.com/

 

[eren.erduran]

resim şekli çıkıyo ama resim gözükmüyor üzerine tıklayıncada bu kate goride ürünyok sayfasına gidiyo erdem kardeş.
link bu
http://simsekler.byethost15.com/

Erdem değil Eren

Bunun için ilk önce tüm alt kategorilere resim eklemeniz gerek. Bunu Katalog > Kategoriler bölümünden Veri'ye tıklayarak halledebilirsiniz.

 

[alisim]

bede durmadan ürünlere resim ekliyom çok teşekkürler EREN kardeşim (isim hatası için ayrıca özür heycanlanınca napcamı şaşırabiliyorum)

---

saygılarımla

---

Peki bu sitemin aynısını 1.4.9.5 sürümünde nasıl uygulayabiliriz.Çünkü o sistem üzerine bir sürü modul kurdum yani çok emek verdim göze hoş gelen kendimce tabi temalarım var yani her şeye sil baştan başlamam gerekiyo o nedenle
Bu sistemi 1.4.9.5 için uygulamak benim için çok önemli
saygılarımla

 

[zapatya]

eren bey varmıdır herhangi bir gelişme yapmak istediklerimle ilgili kafanıza takılan birşey varsa yazarsanız sevinirim

 

[eren.erduran]

@zapatya Dediğiniz beni biraz aşıyor. Programı ben yapmadığım için nasıl eklentiyi değiştiririm böyle bir durumda fazla bilmiyorum

@alisim anlayamadım ? neyi nereye kurmak istiyorsunuz