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

e-ticaretdersleri Tüm Mesajlarını Bul · Konu Tarihi: **07-22-2012 06:02 PM**

Evet arkadaşlar modüllerde kullandığım ürün gösteriminde yaptığım modifiyeyi sizlerle paylaşıyorum. Latest.tpl dosyanızı her ihtimale karşı yedeklemeyi unutmayınız.

Test Adresi

Bu gÖRÜNÜM ne işe yaramaktadır faydası nedir?... Bu görnüm ürünlerimizin modullerde daha rahat görünmesini ve birazdaha görsellik katılmasını sağlar. Hmm harç var tuğlada var ussttaa ha ustada burdaymış başlayalım şimdi.

Şimdi ilk iş olarak dosyamızı açalım: catalog/view/theme/kenditeman/template/module/latest.tpl

Bulalım :

PHP Kod:

<div class="box">
  <div class="box-heading"><?php echo $heading_title; ?></div>
  <div class="box-content">
    <div class="box-product">
      <?php foreach ($products as $product) { ?>
      <div> 

Değiştirelim:

PHP Kod:

<div class="box">
  <div class="box-heading"><?php echo $heading_title; ?></div>
  <div class="box-content">
    <div class="box-product">
      <?php foreach ($products as $product) { ?>
      <div>
            <div class="box-heading"><?php echo $product['manufacturer']; ?></div>
  <div class="box-content">
        <?php if ($product['thumb']) { ?>

Aynı Dosyada Bunu bul <?php } ?> (en alt satırdakni) üstüne ekle </div>

Şimd arkadaşlar diye bilir bloklar çok dar yazılar bir birine girdi diye şimdi css dosyamızda sıra

açınız: catalog/view/theme/kenditeman/stylesheet/stylesheet.css

Bulunuz:

PHP Kod:

/* box */
.box {
    margin-bottom: 20px;
}
.box .box-heading {
    -webkit-border-radius: 7px 7px 0px 0px;
    -moz-border-radius: 7px 7px 0px 0px;
    -khtml-border-radius: 7px 7px 0px 0px;
    border-radius: 7px 7px 0px 0px;
    border: 1px solid #DBDEE1;
    background: url('../image/background.png') repeat-x;
    padding: 8px 10px 7px 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 14px;
    color: #333;
}
.box .box-content {
    background: #FFFFFF;
    -webkit-border-radius: 0px 0px 7px 7px;
    -moz-border-radius: 0px 0px 7px 7px;
    -khtml-border-radius: 0px 0px 7px 7px;
    border-radius: 0px 0px 7px 7px;
    border-left: 1px solid #DBDEE1;
    border-right: 1px solid #DBDEE1;
    border-bottom: 1px solid #DBDEE1;
    padding: 10px;
}
/* box products */
.box-product {
    width: 100%;
    overflow: auto;
}
.box-product > div {
    width: 130px;
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
    margin-bottom: 20px;
}
#column-left + #column-right + #content .box-product > div {
    width: 119px;
}
.box-product .image {
    display: block;
    margin-bottom: 0px;
}
.box-product .image img {
    padding: 3px;
    border: 1px solid #E7E7E7;
}
.box-product .name a {
    color: #38B0E3;
    font-weight: bold;
    text-decoration: none;
    display: block;
    margin-bottom: 4px;
}
.box-product .price {
    display: block;
    font-weight: bold;
    color: #333333;
    margin-bottom: 4px;
}
.box-product .price-old {
    color: #F00;
    text-decoration: line-through;
}
.box-product .price-new {
    font-weight: bold;
}
.box-product .rating {
    display: block;
    margin-bottom: 4px;
}
/* box category */
.box-category {
    margin-top: -5px;
}
.box-category ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.box-category > ul > li {
    padding: 8px 8px 8px 0px;
}
.box-category > ul > li + li {
    border-top: 1px solid #EEEEEE;
}
.box-category > ul > li > a {
    text-decoration: none;
    color: #333;
}
.box-category > ul > li ul {
    display: none;
}
.box-category > ul > li a.active {
    font-weight: bold;
}
.box-category > ul > li a.active + ul {
    display: block;
}
.box-category > ul > li ul > li {
    padding: 5px 5px 0px 10px;
}
.box-category > ul > li ul > li > a {
    text-decoration: none;
    display: block;
}
.box-category > ul > li ul > li > a.active {
    font-weight: bold;
} 

Bununla Değiştirelim:

PHP Kod:

.box {
    margin-bottom: 20px;
}
.box .box-heading {
    -webkit-border-radius: 7px 7px 0px 0px;
    -moz-border-radius: 7px 7px 0px 0px;
    -khtml-border-radius: 7px 7px 0px 0px;
    border-radius: 7px 7px 0px 0px;
    border: 1px solid #DBDEE1;
    background: url('../image/background.png') repeat-x;
    padding: 8px 10px 7px 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 14px;
    color: #333;
}
.box .box-content {
    background: #FFFFFF;
    -webkit-border-radius: 0px 0px 7px 7px;
    -moz-border-radius: 0px 0px 7px 7px;
    -khtml-border-radius: 0px 0px 7px 7px;
    border-radius: 0px 0px 7px 7px;
    border-left: 1px solid #DBDEE1;
    border-right: 1px solid #DBDEE1;
    border-bottom: 1px solid #DBDEE1;
    padding: 10px;
}
/* box products */
.box-product { /* ako se mijenjaju ove postavke, provjeriti da li treba promijeniti i box-product-facebook-comments postavke */
    width: 100%;
    overflow: auto;
}
    
.box-product > div { /* ako se mijenjaju ove postavke, provjeriti da li treba promijeniti i box-product-facebook-comments postavke */
    /* promijenjeno da stanu 4 artikla u jedan red na naslovnici - pocetak */
    /* width: 234px; */
    width: 234px;
    /* promijenjeno da stanu 4 artikla u jedan red na naslovnici - pocetak */
    display: inline-block;
    vertical-align: top;
    /* dodano i promijenjeno da stanu 4 artikla u jedan red na naslovnici - pocetak */
    /* margin-left: 40px; */
    margin-left: 12px;
    /* dodano i promijenjeno da stanu 4 artikla u jedan red na naslovnici - kraj */
    margin-bottom: 15px;    
    /* dodano radi zaobljenih rubova na listi artikala - pocetak */
    text-align: center;
    border: 1px solid #DDDDDD;
    border-radius: 5px 5px;
    -webkit-border-radius: 5px 5px;
    -moz-border-radius: 5px 5px;
    -khtml-border-radius: 5px 5px;
    padding: 10px;
    /* dodano radi zaobljenih rubova na listi artikala - kraj */
}

/* dodano radi zaobljenih rubova na listi artikala - kraj */
/* dodano radi boje linka na artiklima u listi i gridu kad se prede misem preko boxa u kojem se nalaze (hover) - pocetak */
.box-product > div:hover .name a {
    /*color: #ff0000;*/
    color: #F57917;
}
/* dodano radi boje linka na artiklima u listi i gridu kad se prede misem preko boxa u kojem se nalaze (hover) - kraj */
/* dodano radi posvjetljavanja slike na artiklima u listi i gridu kad se prede misem preko boxa u kojem se nalaze (hover) - pocetak */
.box-product > div:hover .image img {
    opacity:.75;
    filter:alpha(opacity=85);
    }
/* dodano radi posvjetljavanja slike na artiklima u listi i gridu kad se prede misem preko boxa u kojem se nalaze (hover) - pocetak */
.box-product .image {
    display: block;
    margin-bottom: 0px;
}
.box-product .image img {
    padding: 3px;
    border: 1px solid #E7E7E7;
}
.box-product .name a {
    color: #38B0E3;
    font-weight: bold;
    text-decoration: none;
    display: block;
    margin-bottom: 4px;
}
.box-product .price {
    display: block;
    font-weight: bold;
    color: #333333;
    margin-bottom: 4px;
}
.box-product .price-old {
    color: #F00;
    text-decoration: line-through;
}
.box-product .price-new {
    font-weight: bold;
}
.box-product .rating {
    display: block;
    margin-bottom: 4px;
}
/* box category */
.box-category {
    margin-top: -5px;
}
.box-category ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.box-category > ul > li {
    padding: 8px 8px 8px 0px;
}
.box-category > ul > li + li {
    border-top: 1px solid #EEEEEE;
}
.box-category > ul > li > a {
    text-decoration: none;
    color: #333;
}
.box-category > ul > li ul {
    display: none;
}
.box-category > ul > li a.active {
    font-weight: bold;
}
.box-category > ul > li a.active + ul {
    display: block;
}
.box-category > ul > li ul > li {
    padding: 5px 5px 0px 10px;
}
.box-category > ul > li ul > li > a {
    text-decoration: none;
    display: block;
}
.box-category > ul > li ul > li > a.active {
    font-weight: bold; 

Şimdi ortalamak içinde ve diğer size göre düzenlemer içinse aşağıdaki satırları bulalım orada işaretlediklerimi kendize göre düzenleyiniz.

Alıntı:.box-product > div { /* ako se mijenjaju ove postavke, provjeriti da li treba promijeniti i box-product-facebook-comments postavke */
/* promijenjeno da stanu 4 artikla u jedan red na naslovnici - pocetak */
/* width: 234px; */bu tablo genişliğidir. 4-3 sıralama için genişliği arttırıp azaltın
width: 234px;
/* promijenjeno da stanu 4 artikla u jedan red na naslovnici - pocetak */
display: inline-block;
vertical-align: top;
/* dodano i promijenjeno da stanu 4 artikla u jedan red na naslovnici - pocetak */
/* margin-left: 40px; */bu soldan pozisyon alıp na göre kenar boşluklarını ayarlar.
margin-left: 12px;
/* dodano i promijenjeno da stanu 4 artikla u jedan red na naslovnici - kraj */
margin-bottom: 15px;
/* dodano radi zaobljenih rubova na listi artikala - pocetak */
text-align: center;
border: 1px solid #DDDDDD;
border-radius: 5px 5px;
-webkit-border-radius: 5px 5px;
-moz-border-radius: 5px 5px;
-khtml-border-radius: 5px 5px;
padding: 10px;
/* dodano radi zaobljenih rubova na listi artikala - kraj */
}

Şimdi modüldeki ürünlerimiz hem ortalandı hem üzerine gelince link renkleri değiştirildi. Ekte resimler adım adım nasıl değiştiğini görebilirsiniz.

Gökhan TAYLAN Tüm Mesajlarını Bul · Konu Tarihi: **08-06-2012 10:34 AM**

İyi Bir Paylaşım . Fakat Kısa Yolları Var Bukadar Uzun Uğraş Neden ?

Diğer Arkadaşlar İçin Sadece Gerekli Alanların Değişimini Sağlarsan Çok Daha Yararlı Olur Emeğine Sağlık.

Kısa Hatırlatma :

Kod:

<div class="box-heading"><?php echo $product['manufacturer']; ?></div>

Olarak Değiştirilirse Sayfalarında Hata Alırlar .

Kod:

<div class="box-heading"><?php echo $product['name']; ?></div>

olması daha uygun.

veya

latest.php içine :

Kod:

'manufacturer'         => $result['manufacturer'],

eklendiğinde çalışabilir diye düşünüyorum .

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

(08-06-2012 10:34 AM)Gökhan TAYLAN Yazılan: İyi Bir Paylaşım . Fakat Kısa Yolları Var Bukadar Uzun Uğraş Neden ?

Diğer Arkadaşlar İçin Sadece Gerekli Alanların Değişimini Sağlarsan Çok Daha Yararlı Olur Emeğine Sağlık.

Kısa Hatırlatma :

Kod:

<div class="box-heading"><?php echo $product['manufacturer']; ?></div>
Olarak Değiştirilirse Sayfalarında Hata Alırlar .

Kod:

<div class="box-heading"><?php echo $product['name']; ?></div>
olması daha uygun.

veya

latest.php içine :

Kod:

'manufacturer' => $result['manufacturer'],
eklendiğinde çalışabilir diye düşünüyorum .

yorumunuz için çok teşekkürler hocam bizimkisi acemice işler. Sizin elinize su bile dökemeyiz. O kısım gözümden kaçmış ben üretici isimlerini o kısımda göstediğimden o şekilde kopyala-yapıştırda bakmadan ekledim. Uzun olmasının sebebi o moduldeki ürün bilgilerini ortalamak ve üzerine gelince link renk değişmini sağlamaktı

drumtoens Tüm Mesajlarını Bul · Konu Tarihi: **12-12-2012 03:18 AM**

Anasayfa olarak çok güzel olmuş ürünleri sıralayabiliyoruz...
-Fakat kategoride ürünleri tablo şeklinde sıralarken ki sıra daha önemli onu da aynı şekilde nasıl sıralayabiliriz?
-ve ilk önceliğimizin liste değilde kategori görünümü olmasını nasıl sağlarız?

e-ticaretdersleri Tüm Mesajlarını Bul · Konu Tarihi: **12-12-2012 11:07 AM**

ne yazıkki bunu bende bilmiyorum Sad

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

(12-12-2012 03:18 AM)drumtoens Yazılan: Anasayfa olarak çok güzel olmuş ürünleri sıralayabiliyoruz...
-Fakat kategoride ürünleri tablo şeklinde sıralarken ki sıra daha önemli onu da aynı şekilde nasıl sıralayabiliriz?
-ve ilk önceliğimizin liste değilde kategori görünümü olmasını nasıl sağlarız?

Selamlar,

Sıralama için, oraya ürün çeken kodlarınızda ufak bir sql sorgusu değişikliği gerekmektedir (ORDER BY gibi) ayrıca sıralama kodlarının da yazılması için yönetim panelinizde bir alan gerekiyor.

İlk önceliğinizin liste değil de kategori olması derken gridview/listview olayını mı kastediyorsunuz ? (Tablo görünümü, liste görünümü)

e-ticaretdersleri Tüm Mesajlarını Bul · Konu Tarihi: **12-12-2012 11:20 AM**

aytekin abi benim yptığı düzeneyemeyi kateogri sayfasında tablo seçili iken görünüm olarak ayarlayablirmiyiz

osdem66 Tüm Mesajlarını Bul · Konu Tarihi: **12-12-2012 11:39 AM**

Merhaba; herkes bir şeyler yazmış bende de bir şeyler yazmağı isteği uyandırdı yaw bu konu Smile

)

Kategori ürün gösterim sayfasında tablo görünümünü vasayılan yani ilk açılışta liste degilde tablo seklinde olması için catalog-view-theme-sizintemanız-template-product-category.tpl acınız bulunuz bu kodu

PHP Kod:

if (view) {
    display(view);
} else {
    display('list');
} 

Bununla degiştiriniz..

PHP Kod:

if (view) {
    display(view);
} else {
    display('grid');
} 

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

abi benim sorum şuydu o tablo görünüme latest.tpl de ürün görünümün modifiysini aynı şekilde kategoriler sayfasında nasıl yaparım

osdem66 Tüm Mesajlarını Bul · Konu Tarihi: **12-12-2012 12:39 PM**

Hımmm latest tpl için kullanıdıgın yani box-product css lerin css dosyası içerisinde product-grid tagı içinde kullanabilirsin..baktıgında css lerin birbirine cok benzedigini göreceksin


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
	katagorilerdeki ürün sayılarını kaldırma	mukoonline	3	9,882	11-22-2021 10:01 AM Son Mesaj: Jadoosa
	Opencart 1.5.1 x Ana sayfa modüllerde indirimde ve ücretsiz kargo ikonu göstermek.	osdem66	29	30,650	09-06-2021 11:30 PM Son Mesaj: senerelmas
	Ürün sayfasında resimlerin üzerine gelindiğinde aktif etmek	e-ticaretdersleri	1	7,063	04-28-2021 05:14 AM Son Mesaj: goker1
	Ürün Sayfasında Üreticiler Logosu Faklı	e-ticaretdersleri	5	8,957	03-08-2021 01:06 PM Son Mesaj: Mehmet1990
	Ürün Sayfasına Hemen Al butonu eklemek	BLaDe	33	31,442	05-28-2020 01:09 PM Son Mesaj: muchblood
	opencart 1.5.6 ürün ekleme oturum kapanma sorunu	emir28	1	990	10-25-2019 03:04 AM Son Mesaj: sembolpc
	[Modifikasyon] Breadcrumb - Ürün tam yolu	ITECHINN	13	10,850	01-01-2019 05:23 PM Son Mesaj: safakozt
	lcwaikiki.com gibi ürün seçeneği sistemi?	yusufsayi	1	2,185	12-10-2018 11:07 PM Son Mesaj: teknohiz
	Ürün Listeme (Session ID) Yardım	alish	0	1,243	06-29-2018 12:56 PM Son Mesaj: alish
	Ürün Seo URL de Kategori ve Marka adını kaldırmak..	osdem66	13	13,704	12-07-2017 04:39 PM Son Mesaj: LaWSuiT

	Şuanki Zaman: 12-19-2024, 02:17 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

Modullerde Ürün Görünümü Modifiyesi