Opencart 2.x Images In Checkout Page Makalesi |
|||
Konuyu görüntüleyenler:
|
|||
|
|||
|
|||
|
|||
e-ticaretdersleri
Osmanlı Torunu 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:
Konu Tarihi: 12-10-2015 01:53 PM
Herkese merhaba arkadaşlar bu akşam sizlere opencart 2.x versyionlarına ait sürümler için sipariş tamamlama sayfasında ürün adı yerine ürün resmin gösteren modifikasyonunu anlatacağız. :::: Videomuz ::::
Images In Checkout Page Makalesi Nedir ? Normal opencart 2.x sürümlerinde ziyaretçiniz ürünleri sepete ekleyip kasaya gittiğinde kasadaki rün görünümü ürünün ismi fiyatı vb şeklinde gözükmektedir. Fakat ürün isimleri uzun olunca mobile ayada masa üstü görünümlerde ister istemez görünüm bozukluğu oluşturmaktaydı. Bir arkadaşımızın isteği üzerine bunu resimli ve tooltipli olarak değiştirdim. Ve mobile cihazlarda olsa bile ekran küçüldüğünde resimlerde otomatik olarak ekrana göre ayarlanmaktadır. Images In Checkout Page Makalesi Kurulumu ? Kurulum oldukça basittir controller ve tpl dosyalarında düzenlemeler yapacağız. Yanlız resim çektirme olayı yarı otomatiktir. bunu videomuzda anlatarak sizlere daha iyi bilgilendirmiş olacağız. Kuruluma Başlayalım : Dosyamızı Açalım : catalog/controller/checkout/ confirm.php Bulalım : Kod: foreach ($products as $product) { Üst Satıra Ekleyelim : Kod: $this->load->model('tool/image'); Bulalım : Kod: if (!$redirect) { Üst Satıra Ekleyelim : Kod: if ($product['image']) { Bulalım : Kod: $data['products'][] = array( Alt Satıra Ekleyelim : Kod: 'thumb' => $product['image'], Dosyamızı Açalım : catalog/view/theme/seninteman/template/checkout/ confirm.tpl Bulalım : Kod: <a href="<?php echo $product['href']; ?>"><?php echo $product['name']; ?></a> Değiştirelim : Kod: <a href="<?php echo $product['href']; ?>"><img src="<?php $parts = explode('.', $product['thumb']); echo "image/cache/$parts[0]-228x228.jpg";?>" data-toggle="tooltip" alt="<?php echo $product['name']; ?>" title="<?php echo $product['name']; ?>" class="img-thumbnail" /></a> Kaynak : e-ticaretdersleri |
|
bariscaist
Acemi Üye Mesajlar: 9 Konular: 0 Katılma Tarihi: Jan 2014 Rep Puanı: 0 Teşekkürler: 0
0 Mesajına, 0 Teşekkür edildi. Kişisel Bilgileri: |
|
|
|
|
Direk Link | |
HTML Link | |
BBCode Link | |
Sosyal Paylaş |