08-26-2012, 06:55 PM
Bu Eklenti lk önce modlar sayfasında test edilmiştir. yardımlarından dolayı @Nokta Kardeşime teşekkür ederim.Evet Tarih : 26.08.2012 Saat 10:300 itibarıyla eklentimiz bitmiştir. Neler değişti neler eklendi hepsini sıralayalım.Bu arada eklemeleri yaptıktan sonra çerezleri temizleyiniz.
Test : http://marketing.lazbakkal.biz/index.php...duct_id=40
Test Videosunu İzleyelim
Eklenen Dosyalar:
common/header.tpl de
catalog/view/javascript/tabs/jquery.ui.all.css
catalog/view/javascript/tabs/jquery-1.8.0.js
catalog/view/javascript/tabs/jquery.ui.core.js
catalog/view/javascript/tabs/jquery.ui.widget.js
catalog/view/javascript/tabs/jquery.ui.tabs.js
href="catalog/view/javascript/tabs/demos.css
<script>
$(function() {
$( "#tabs" ).tabs();
});
</script>
Değişen Kodlamalar:
Değişen sadece product.tpl deki tab kodlamalarıdır. Olduğu gibi kaldırılıp orjinal tab kodlarıyla değştirilerek eski tab kodları arasındaki çekilen veriler yeni tab kodları arasına yerleştirilerek tek tek nakış nakış işlendi.
Test Sonuçları :
Test Edilen Konum : Localhost
Test Edilen Sürüm(ler) : Opencart 1.5.3.1 , 1.5.2.1 , 1.5.4.1 , 1.5.1.3.1
Test Edilen Dil : Türkçe
Test Edilen Tarayıcılar : Mozilla Firefox , İnternet Explorer
Test Edilen TEma: Default
Kurulum Anlatımı :
İlk önce ekteki dosyayı indiriniz ve içerisindeki tabs klasörünü catalog/view/javascript yoluna atınız. Daha sonra....
Dosyamızı Açalım :catalog/view/theme/seninteman/template/common header.tpl
Bulalım :
Hemen Altına Ekleyelim
Şimdi sıra geldi ürün detay sayfasına ....
Dosyamızı Açalım : catalog/view/theme/seninteman/template/product product.tpl
Bu kodumuzu bulalım :
Ve Bununla Değiştirelim:
Fixed: Ürün detayda sol yada sağ tarafa blog eklenirken ek-resim-2 de hatayı vermekteydi.
Son olarakta ekteki jquery-ui-1.8.16.custom.css dosyasını catalog/view/javascript/jquery/ui/themes/ui-lightness/ klasörüne atınız.
Test : http://marketing.lazbakkal.biz/index.php...duct_id=40
Test Videosunu İzleyelim
Eklenen Dosyalar:
common/header.tpl de
catalog/view/javascript/tabs/jquery.ui.all.css
catalog/view/javascript/tabs/jquery-1.8.0.js
catalog/view/javascript/tabs/jquery.ui.core.js
catalog/view/javascript/tabs/jquery.ui.widget.js
catalog/view/javascript/tabs/jquery.ui.tabs.js
href="catalog/view/javascript/tabs/demos.css
<script>
$(function() {
$( "#tabs" ).tabs();
});
</script>
Değişen Kodlamalar:
Değişen sadece product.tpl deki tab kodlamalarıdır. Olduğu gibi kaldırılıp orjinal tab kodlarıyla değştirilerek eski tab kodları arasındaki çekilen veriler yeni tab kodları arasına yerleştirilerek tek tek nakış nakış işlendi.
Test Sonuçları :
Test Edilen Konum : Localhost
Test Edilen Sürüm(ler) : Opencart 1.5.3.1 , 1.5.2.1 , 1.5.4.1 , 1.5.1.3.1
Test Edilen Dil : Türkçe
Test Edilen Tarayıcılar : Mozilla Firefox , İnternet Explorer
Test Edilen TEma: Default
Kurulum Anlatımı :
İlk önce ekteki dosyayı indiriniz ve içerisindeki tabs klasörünü catalog/view/javascript yoluna atınız. Daha sonra....
Dosyamızı Açalım :catalog/view/theme/seninteman/template/common header.tpl
Bulalım :
PHP Kod:
<script type="text/javascript" src="catalog/view/javascript/jquery/tabs.js"></script>
Hemen Altına Ekleyelim
PHP Kod:
// yeni tab js ve css leri
<link rel="stylesheet" href="catalog/view/javascript/tabs/jquery.ui.all.css">
<script src="catalog/view/javascript/tabs/jquery-1.8.0.js"></script>
<script src="catalog/view/javascript/tabs/jquery.ui.core.js"></script>
<script src="catalog/view/javascript/tabs/jquery.ui.widget.js"></script>
<script src="catalog/view/javascript/tabs/jquery.ui.tabs.js"></script>
<link rel="stylesheet" href="catalog/view/javascript/tabs/demos.css">
<script>
$(function() {
$( "#tabs" ).tabs();
});
</script>
//yeni tab js ve css leri sonu
Şimdi sıra geldi ürün detay sayfasına ....
Dosyamızı Açalım : catalog/view/theme/seninteman/template/product product.tpl
Bu kodumuzu bulalım :
PHP Kod:
<div id="tabs" class="htabs"><a href="#tab-description"><?php echo $tab_description; ?></a>
<?php if ($attribute_groups) { ?>
<a href="#tab-attribute"><?php echo $tab_attribute; ?></a>
<?php } ?>
<?php if ($review_status) { ?>
<a href="#tab-review"><?php echo $tab_review; ?></a>
<?php } ?>
<?php if ($products) { ?>
<a href="#tab-related"><?php echo $tab_related; ?> (<?php echo count($products); ?>)</a>
<?php } ?>
</div>
<div id="tab-description" class="tab-content"><?php echo $description; ?></div>
<?php if ($attribute_groups) { ?>
<div id="tab-attribute" class="tab-content">
<table class="attribute">
<?php foreach ($attribute_groups as $attribute_group) { ?>
<thead>
<tr>
<td colspan="2"><?php echo $attribute_group['name']; ?></td>
</tr>
</thead>
<tbody>
<?php foreach ($attribute_group['attribute'] as $attribute) { ?>
<tr>
<td><?php echo $attribute['name']; ?></td>
<td><?php echo $attribute['text']; ?></td>
</tr>
<?php } ?>
</tbody>
<?php } ?>
</table>
</div>
<?php } ?>
<?php if ($review_status) { ?>
<div id="tab-review" class="tab-content">
<div id="review"></div>
<h2 id="review-title"><?php echo $text_write; ?></h2>
<b><?php echo $entry_name; ?></b><br />
<input type="text" name="name" value="" />
<br />
<br />
<b><?php echo $entry_review; ?></b>
<textarea name="text" cols="40" rows="8" style="width: 98%;"></textarea>
<span style="font-size: 11px;"><?php echo $text_note; ?></span><br />
<br />
<b><?php echo $entry_rating; ?></b> <span><?php echo $entry_bad; ?></span>
<input type="radio" name="rating" value="1" />
<input type="radio" name="rating" value="2" />
<input type="radio" name="rating" value="3" />
<input type="radio" name="rating" value="4" />
<input type="radio" name="rating" value="5" />
<span><?php echo $entry_good; ?></span><br />
<br />
<b><?php echo $entry_captcha; ?></b><br />
<input type="text" name="captcha" value="" />
<br />
<img src="index.php?route=product/product/captcha" alt="" id="captcha" /><br />
<br />
<div class="buttons">
<div class="right"><a id="button-review" class="button"><?php echo $button_continue; ?></a></div>
</div>
</div>
<?php } ?>
<?php if ($products) { ?>
<div id="tab-related" class="tab-content">
<div class="box-product">
<?php foreach ($products as $product) { ?>
<div>
<?php if ($product['thumb']) { ?>
<div class="image"><a href="<?php echo $product['href']; ?>"><img src="<?php echo $product['thumb']; ?>" alt="<?php echo $product['name']; ?>" /></a></div>
<?php } ?>
<div class="name"><a href="<?php echo $product['href']; ?>"><?php echo $product['name']; ?></a></div>
<?php if ($product['price']) { ?>
<div class="price">
<?php if (!$product['special']) { ?>
<?php echo $product['price']; ?>
<?php } else { ?>
<span class="price-old"><?php echo $product['price']; ?></span> <span class="price-new"><?php echo $product['special']; ?></span>
<?php } ?>
</div>
<?php } ?>
<?php if ($product['rating']) { ?>
<div class="rating"><img src="catalog/view/theme/default/image/stars-<?php echo $product['rating']; ?>.png" alt="<?php echo $product['reviews']; ?>" /></div>
<?php } ?>
<a onclick="addToCart('<?php echo $product['product_id']; ?>');" class="button"><?php echo $button_cart; ?></a></div>
<?php } ?>
</div>
</div>
<?php } ?>
Ve Bununla Değiştirelim:
PHP Kod:
//Yeni tabımız hayırlı olsun herkese
<div class="demo">
<div id="tabs">
<ul>
<li><a href="#tab-description"><?php echo $tab_description; ?></a></li>
<li> <?php if ($attribute_groups) { ?>
<a href="#tab-attribute"><?php echo $tab_attribute; ?></a>
<?php } ?></li>
<li> <?php if ($review_status) { ?>
<a href="#tab-review"><?php echo $tab_review; ?></a>
<?php } ?></li>
<li> <?php if ($products) { ?>
<a href="#tab-related"><?php echo $tab_related; ?> (<?php echo count($products); ?>)</a>
<?php } ?></li>
<li></li>
<li></li>
</ul>
<div id="tabs-4">
<?php if ($products) { ?>
<div id="tab-related" class="tab-content">
<div class="box-product">
<?php foreach ($products as $product) { ?>
<div>
<?php if ($product['thumb']) { ?>
<div class="image"><a href="<?php echo $product['href']; ?>"><img src="<?php echo $product['thumb']; ?>" alt="<?php echo $product['name']; ?>" /></a></div>
<?php } ?>
<div class="name"><a href="<?php echo $product['href']; ?>"><?php echo $product['name']; ?></a></div>
<?php if ($product['price']) { ?>
<div class="price">
<?php if (!$product['special']) { ?>
<?php echo $product['price']; ?>
<?php } else { ?>
<span class="price-old"><?php echo $product['price']; ?></span> <span class="price-new"><?php echo $product['special']; ?></span>
<?php } ?>
</div>
<?php } ?>
<?php if ($product['rating']) { ?>
<div class="rating"><img src="catalog/view/theme/default/image/stars-<?php echo $product['rating']; ?>.png" alt="<?php echo $product['reviews']; ?>" /></div>
<?php } ?>
<a onclick="addToCart('<?php echo $product['product_id']; ?>');" class="button"><?php echo $button_cart; ?></a></div>
<?php } ?>
</div>
</div>
<?php } ?>
</div>
<div id="tabs-2">
<div id="tab-description" class="tab-content"><?php echo $description; ?></div>
<?php if ($attribute_groups) { ?>
<div id="tab-attribute" class="tab-content">
<table class="attribute">
<?php foreach ($attribute_groups as $attribute_group) { ?>
<thead>
<tr>
<td colspan="2"><?php echo $attribute_group['name']; ?></td>
</tr>
</thead>
<tbody>
<?php foreach ($attribute_group['attribute'] as $attribute) { ?>
<tr>
<td><?php echo $attribute['name']; ?></td>
<td><?php echo $attribute['text']; ?></td>
</tr>
<?php } ?>
</tbody>
<?php } ?>
</table>
</div>
<?php } ?>
</div>
<div id="tabs-3">
<?php if ($review_status) { ?>
<div id="tab-review" class="tab-content">
<div id="review"></div>
<h2 id="review-title"><?php echo $text_write; ?></h2>
<b><?php echo $entry_name; ?></b><br />
<input type="text" name="name" value="" />
<br />
<br />
<b><?php echo $entry_review; ?></b>
<textarea name="text" cols="40" rows="8" style="width: 98%;"></textarea>
<span style="font-size: 11px;"><?php echo $text_note; ?></span><br />
<br />
<b><?php echo $entry_rating; ?></b> <span><?php echo $entry_bad; ?></span>
<input type="radio" name="rating" value="1" />
<input type="radio" name="rating" value="2" />
<input type="radio" name="rating" value="3" />
<input type="radio" name="rating" value="4" />
<input type="radio" name="rating" value="5" />
<span><?php echo $entry_good; ?></span><br />
<br />
<b><?php echo $entry_captcha; ?></b><br />
<input type="text" name="captcha" value="" />
<br />
<img src="index.php?route=product/product/captcha" alt="" id="captcha" /><br />
<br />
<div class="buttons">
<div class="right"><a id="button-review" class="button"><?php echo $button_continue; ?></a></div>
</div>
</div>
<?php } ?>
</div>
Fixed: Ürün detayda sol yada sağ tarafa blog eklenirken ek-resim-2 de hatayı vermekteydi.
Son olarakta ekteki jquery-ui-1.8.16.custom.css dosyasını catalog/view/javascript/jquery/ui/themes/ui-lightness/ klasörüne atınız.