seoseo
tr-opencart

     
avatar Şuanki Zaman: 12-11-2016, 09:06 AMHoşgeldin Misafir !
  Şifremi Hatırlat   kayıt ol
opencart temaları

Modullerde Ürün Görünümü 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  Kıroğlumarket - Görüntüleme - Okunma  4967 - Yorum  11

Kıroğlumarketv
Osmanlı Torunu
******
Süper Moderator user avatar
Çevrimdışı

Mesajlar: 2,966
Konular: 475
Katılma Tarihi: Jan 2012
Rep Puanı: 93
Teşekkürler: 1108
965 Mesajına, 1981 Teşekkür edildi.



Kişisel Bilgileri: v
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-bottom20px;
}
.
box .box-heading {
    -
webkit-border-radius7px 7px 0px 0px;
    -
moz-border-radius7px 7px 0px 0px;
    -
khtml-border-radius7px 7px 0px 0px;
    
border-radius7px 7px 0px 0px;
    
border1px solid #DBDEE1;
    
backgroundurl('../image/background.png'repeat-x;
    
padding8px 10px 7px 10px;
    
font-familyArialHelveticasans-serif;
    
font-size14px;
    
font-weightbold;
    
line-height14px;
    
color#333;
}
.
box .box-content {
    
background#FFFFFF;
    
-webkit-border-radius0px 0px 7px 7px;
    -
moz-border-radius0px 0px 7px 7px;
    -
khtml-border-radius0px 0px 7px 7px;
    
border-radius0px 0px 7px 7px;
    
border-left1px solid #DBDEE1;
    
border-right1px solid #DBDEE1;
    
border-bottom1px solid #DBDEE1;
    
padding10px;
}
/* box products */
.box-product {
    
width100%;
    
overflowauto;
}
.
box-product div {
    
width130px;
    
displayinline-block;
    
vertical-aligntop;
    
margin-right20px;
    
margin-bottom20px;
}
#column-left + #column-right + #content .box-product > div {
    
width119px;
}
.
box-product .image {
    
displayblock;
    
margin-bottom0px;
}
.
box-product .image img {
    
padding3px;
    
border1px solid #E7E7E7;
}
.
box-product .name a {
    
color#38B0E3;
    
font-weightbold;
    
text-decorationnone;
    
displayblock;
    
margin-bottom4px;
}
.
box-product .price {
    
displayblock;
    
font-weightbold;
    
color#333333;
    
margin-bottom4px;
}
.
box-product .price-old {
    
color#F00;
    
text-decorationline-through;
}
.
box-product .price-new {
    
font-weightbold;
}
.
box-product .rating {
    
displayblock;
    
margin-bottom4px;
}
/* box category */
.box-category {
    
margin-top: -5px;
}
.
box-category ul {
    list-
stylenone;
    
margin0;
    
padding0;
}
.
box-category ul li {
    
padding8px 8px 8px 0px;
}
.
box-category ul li li {
    
border-top1px solid #EEEEEE;
}
.
box-category ul li {
    
text-decorationnone;
    
color#333;
}
.
box-category ul li ul {
    
displaynone;
}
.
box-category ul li a.active {
    
font-weightbold;
}
.
box-category ul li a.active ul {
    
displayblock;
}
.
box-category ul li ul li {
    
padding5px 5px 0px 10px;
}
.
box-category ul li ul li {
    
text-decorationnone;
    
displayblock;
}
.
box-category ul li ul li a.active {
    
font-weightbold;


Bununla Değiştirelim:


PHP Kod:
.box {
    
margin-bottom20px;
}
.
box .box-heading {
    -
webkit-border-radius7px 7px 0px 0px;
    -
moz-border-radius7px 7px 0px 0px;
    -
khtml-border-radius7px 7px 0px 0px;
    
border-radius7px 7px 0px 0px;
    
border1px solid #DBDEE1;
    
backgroundurl('../image/background.png'repeat-x;
    
padding8px 10px 7px 10px;
    
font-familyArialHelveticasans-serif;
    
font-size14px;
    
font-weightbold;
    
line-height14px;
    
color#333;
}
.
box .box-content {
    
background#FFFFFF;
    
-webkit-border-radius0px 0px 7px 7px;
    -
moz-border-radius0px 0px 7px 7px;
    -
khtml-border-radius0px 0px 7px 7px;
    
border-radius0px 0px 7px 7px;
    
border-left1px solid #DBDEE1;
    
border-right1px solid #DBDEE1;
    
border-bottom1px solid #DBDEE1;
    
padding10px;
}
/* box products */
.box-product /* ako se mijenjaju ove postavke, provjeriti da li treba promijeniti i box-product-facebook-comments postavke */
    
width100%;
    
overflowauto;
}
    
.
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; */
    
width234px;
    
/* promijenjeno da stanu 4 artikla u jedan red na naslovnici - pocetak */
    
displayinline-block;
    
vertical-aligntop;
    
/* dodano i promijenjeno da stanu 4 artikla u jedan red na naslovnici - pocetak */
    /* margin-left: 40px; */
    
margin-left12px;
    
/* dodano i promijenjeno da stanu 4 artikla u jedan red na naslovnici - kraj */
    
margin-bottom15px;    
    
/* dodano radi zaobljenih rubova na listi artikala - pocetak */
    
text-aligncenter;
    
border1px solid #DDDDDD;
    
border-radius5px 5px;
    -
webkit-border-radius5px 5px;
    -
moz-border-radius5px 5px;
    -
khtml-border-radius5px 5px;
    
padding10px;
    
/* 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 {
    
displayblock;
    
margin-bottom0px;
}
.
box-product .image img {
    
padding3px;
    
border1px solid #E7E7E7;
}
.
box-product .name a {
    
color#38B0E3;
    
font-weightbold;
    
text-decorationnone;
    
displayblock;
    
margin-bottom4px;
}
.
box-product .price {
    
displayblock;
    
font-weightbold;
    
color#333333;
    
margin-bottom4px;
}
.
box-product .price-old {
    
color#F00;
    
text-decorationline-through;
}
.
box-product .price-new {
    
font-weightbold;
}
.
box-product .rating {
    
displayblock;
    
margin-bottom4px;
}
/* box category */
.box-category {
    
margin-top: -5px;
}
.
box-category ul {
    list-
stylenone;
    
margin0;
    
padding0;
}
.
box-category ul li {
    
padding8px 8px 8px 0px;
}
.
box-category ul li li {
    
border-top1px solid #EEEEEE;
}
.
box-category ul li {
    
text-decorationnone;
    
color#333;
}
.
box-category ul li ul {
    
displaynone;
}
.
box-category ul li a.active {
    
font-weightbold;
}
.
box-category ul li a.active ul {
    
displayblock;
}
.
box-category ul li ul li {
    
padding5px 5px 0px 10px;
}
.
box-category ul li ul li {
    
text-decorationnone;
    
displayblock;
}
.
box-category ul li ul li a.active {
    
font-weightbold

Ş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.


Ekli Dosya(lar) Önizleme(ler)
Resmi Büyütmek İçin Tıklayın    Resmi Büyütmek İçin Tıklayın    Resmi Büyütmek İçin Tıklayın    Resmi Büyütmek İçin Tıklayın   
Kıroğlumarket
Alıntı Yaparak Cevapla
Paylaş!
 Teşekkür Edenler: Gökhan TAYLAN , ITECHINN , fe_odaliz
opencart temaları
Gökhan TAYLANv
Software Developer
****
V.İ.P Premium user avatar
Çevrimdışı

Mesajlar: 565
Konular: 48
Katılma Tarihi: Dec 2011
Rep Puanı: 19
Teşekkürler: 99
179 Mesajına, 421 Teşekkür edildi.



Kişisel Bilgileri: v
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 .
Gökhan TAYLAN
Yüksek Performanslı E-Ticaret Sunucuları Uygun Fiyatlarda Stoklarımızda (Lokasyon TR)
Alıntı Yaparak Cevapla
Paylaş!
 Teşekkür Edenler: Kıroğlumarket
Kıroğlumarketv
Osmanlı Torunu
******
Süper Moderator user avatar
Çevrimdışı

Mesajlar: 2,966
Konular: 475
Katılma Tarihi: Jan 2012
Rep Puanı: 93
Teşekkürler: 1108
965 Mesajına, 1981 Teşekkür edildi.



Kişisel Bilgileri: v
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ı
Kıroğlumarket
Alıntı Yaparak Cevapla
Paylaş!
drumtoensv
Acemi Üye
**
Üye user avatar
Çevrimdışı

Mesajlar: 36
Konular: 13
Katılma Tarihi: Dec 2012
Rep Puanı: 0
Teşekkürler: 4
1 Mesajına, 1 Teşekkür edildi.



Kişisel Bilgileri: v
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?
Alıntı Yaparak Cevapla
Paylaş!
 Teşekkür Edenler: Kıroğlumarket
Kıroğlumarketv
Osmanlı Torunu
******
Süper Moderator user avatar
Çevrimdışı

Mesajlar: 2,966
Konular: 475
Katılma Tarihi: Jan 2012
Rep Puanı: 93
Teşekkürler: 1108
965 Mesajına, 1981 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 12-12-2012 11:07 AM
ne yazıkki bunu bende bilmiyorum Sad
Kıroğlumarket
Alıntı Yaparak Cevapla
Paylaş!
ITECHINNv
Sadece PHP
****
Üye user avatar
Çevrimdışı

Mesajlar: 557
Konular: 17
Katılma Tarihi: May 2012
Rep Puanı: 15
Teşekkürler: 275
187 Mesajına, 328 Teşekkür edildi.



Kişisel Bilgileri: v
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ü)
Alıntı Yaparak Cevapla
Paylaş!
opencart temaları
Kıroğlumarketv
Osmanlı Torunu
******
Süper Moderator user avatar
Çevrimdışı

Mesajlar: 2,966
Konular: 475
Katılma Tarihi: Jan 2012
Rep Puanı: 93
Teşekkürler: 1108
965 Mesajına, 1981 Teşekkür edildi.



Kişisel Bilgileri: v
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


Ekli Dosya(lar) Önizleme(ler)
Resmi Büyütmek İçin Tıklayın   
Kıroğlumarket
Alıntı Yaparak Cevapla
Paylaş!
osdem66v
Forum Kurucusu
*******
Administrators user avatar
Çevrimdışı

Mesajlar: 1,755
Konular: 128
Katılma Tarihi: Dec 2011
Rep Puanı: 23
Teşekkürler: 356
440 Mesajına, 1175 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 12-12-2012 11:39 AM
(Bu Mesaj 12-12-2012 11:40 AM değiştirilmiştir. Değiştiren : osdem66.)
Merhaba; herkes bir şeyler yazmış bende de bir şeyler yazmağı isteği uyandırdı yaw bu konuSmile)

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');

osdem66
Alıntı Yaparak Cevapla
Paylaş!
 Teşekkür Edenler: ITECHINN , Kıroğlumarket
Kıroğlumarketv
Osmanlı Torunu
******
Süper Moderator user avatar
Çevrimdışı

Mesajlar: 2,966
Konular: 475
Katılma Tarihi: Jan 2012
Rep Puanı: 93
Teşekkürler: 1108
965 Mesajına, 1981 Teşekkür edildi.



Kişisel Bilgileri: v
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
Kıroğlumarket
Alıntı Yaparak Cevapla
Paylaş!
osdem66v
Forum Kurucusu
*******
Administrators user avatar
Çevrimdışı

Mesajlar: 1,755
Konular: 128
Katılma Tarihi: Dec 2011
Rep Puanı: 23
Teşekkürler: 356
440 Mesajına, 1175 Teşekkür edildi.



Kişisel Bilgileri: v
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
osdem66
Alıntı Yaparak Cevapla
Paylaş!

« Önceki | Sonraki »
Cevapla  Gönder 

Modullerde Ürün Görünümü Modifiyesi Konusunun Linki Direk Link
Modullerde Ürün Görünümü Modifiyesi Konusunun HTML Kodu HTML Link
Modullerde Ürün Görünümü Modifiyesi Konusu BBCode Linki BBCode Link
Modullerde Ürün Görünümü Modifiyesi Konusunu Paylaş Sosyal Paylaş

Benzeyen Konular
Konu: Yazar Cevaplar: Gösterim: Son Mesaj
Exclamation Toplu ürün kapatma rekorturk 3 1,496 11-13-2016 10:56 AM
Son Mesaj: bariscaist
  admin tarafından müşterilerin sepetlerine ürün ekleme melihjohnsan 1 214 11-13-2016 10:46 AM
Son Mesaj: bariscaist
  opencart 2.x otomatik ürün kodu ekleme redwhite27 3 1,388 10-20-2016 04:33 PM
Son Mesaj: kurugaddere
  Ürün resimi eklerken resim yöneticisini basit input file ile değiştirme pialfa 2 234 10-05-2016 07:48 PM
Son Mesaj: darkmantr
  ürün sayfasina telefon nosu eklemek istiyorum exkalibur 4 187 09-23-2016 10:27 PM
Son Mesaj: Kıroğlumarket
  [Modifikasyon] Ürün Gelince Haber Ver Modifikasyonu Kıroğlumarket 4 1,135 06-11-2016 03:05 PM
Son Mesaj: alicankalem
  Ürün İsimini Kısaltma Kıroğlumarket 9 2,961 05-21-2016 11:34 PM
Son Mesaj: teknotrend28
  Ürün resimi eklemenin daha kolay bir yolu var mı? pialfa 0 211 05-13-2016 01:27 PM
Son Mesaj: pialfa
  Opencart 1.5.1 x Ana sayfa modüllerde indirimde ve ücretsiz kargo ikonu göstermek. osdem66 28 11,337 04-16-2016 01:42 AM
Son Mesaj: tekinsaka
  [Modifikasyon] Geliştirilmiş Captcha Modifiyesi +Ajax Kıroğlumarket 2 1,183 03-07-2016 09:52 PM
Son Mesaj: gencosman

Modullerde Ürün Görünümü Modifiyesi indir, Modullerde Ürün Görünümü Modifiyesi Videosu, Modullerde Ürün Görünümü Modifiyesi online izle, Modullerde Ürün Görünümü Modifiyesi Bedava indir, Modullerde Ürün Görünümü Modifiyesi Yükle, Modullerde Ürün Görünümü Modifiyesi Hakkında, Modullerde Ürün Görünümü Modifiyesi nedir, Modullerde Ürün Görünümü Modifiyesi Free indir, Modullerde Ürün Görünümü Modifiyesi oyunu, Modullerde Ürün Görünümü Modifiyesi download


Forum Atla: