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

Tam Görünüm: Proticaret Tarzı tab Eklentisi- Fixed
Şu Anda Arşiv Görüntüleme Modundasınız. Siteyi normal görüntülemek için, Buraya Tıklayın
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 :
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>&nbsp;
    <input type="radio" name="rating" value="1" />
    &nbsp;
    <input type="radio" name="rating" value="2" />
    &nbsp;
    <input type="radio" name="rating" value="3" />
    &nbsp;
    <input type="radio" name="rating" value="4" />
    &nbsp;
    <input type="radio" name="rating" value="5" />
    &nbsp; <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>&nbsp;
    <input type="radio" name="rating" value="1" />
    &nbsp;
    <input type="radio" name="rating" value="2" />
    &nbsp;
    <input type="radio" name="rating" value="3" />
    &nbsp;
    <input type="radio" name="rating" value="4" />
    &nbsp;
    <input type="radio" name="rating" value="5" />
    &nbsp;<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.
@kiroglumarket emeklerine sağlık kardeşim harika bir iş çıkartmışsın.
Resmi OC sitesinden sana yılın OC mıncıklama ödülünü vereceklerini duydum. Big Grin
(08-26-2012 07:20 PM)nokta Yazılan: [ -> ]@kiroglumarket emeklerine sağlık kardeşim harika bir iş çıkartmışsın.
Resmi OC sitesinden sana yılın OC mıncıklama ödülünü vereceklerini duydum. Big Grin

@Nokta ben küsüm onlara üyenin bir tanesi paylaşım yapmıştı burda da vermiştm flash kategori modülü dosyaları eksikti dosyaları netten buldum ekledim düzelttim orada paylaşıyım dedim paylaşmasaydım . Adamlar fake başkasıının paylaşımı diye silmişler eklentiyi b ana uyarı gönderdiler...
(08-26-2012 08:02 PM)Kiroglumarket Yazılan: [ -> ]@Nokta ben küsüm onlara üyenin bir tanesi paylaşım yapmıştı burda da vermiştm flash kategori modülü dosyaları eksikti dosyaları netten buldum ekledim düzelttim orada paylaşıyım dedim paylaşmasaydım . Adamlar fake başkasıının paylaşımı diye silmişler eklentiyi b ana uyarı gönderdiler...
@Kiroglumarket sende yazsaydın paylaşım benim değil ama paylaşan eksik dosyalar ile paylaşmıştı ben eksiklikleri giderip paylaşıyorum projenin orjinali falanca makaledir diye.

Birde şu var sevgili kardeşim "Meyve veren ağaç taşlanır" malesef dünya hali işte.
OC nin resmi sitesi neresi kiSmile))
(08-26-2012 11:23 PM)osdem66 Yazılan: [ -> ]OC nin resmi sitesi neresi kiSmile))

E biz varız ya üstad en hakiki OC sitesi olarak Big Grin
Çakma uygulama yok, bedelli geliştirme yok.
Smile tşk ederim demek istedigim Türkiye deki hiç bir forum resmi nitelik taşımamaktadır...
Güzel Bir Çalışma Tşk
yorumlar tabında hata alanlar bunu uygulasınlar

http://www.tr-opencart.com/Konu-yorum-ad...ight=yorum
eklentimiz fixlenmiştir.

Fixed: Ürün detayda sol yada sağ tarafa blog eklenirken ek-resim-2 de hatayı vermekteydi.


ilk mesaja eklendi
Referans Adresler