• Cs-Cart Türkiye Destek ve Paylaşım Sitemize Hoş Geldiniz
  • Yeni Temamızla Daha işlevsel Sizlerleyiz.
  • Öneri ve Dileklerinizi Mesajla iİetiniz.
Hoşgeldiniz.! Lütfen Giriş Yap yada Üye Ol


Konuyu Oyla:
  • Derecelendirme: 0/5 - 0 oy
  • 1
  • 2
  • 3
  • 4
  • 5
Eklenti Eklenti olmadan CS-CART sekmeleri oluşturma .
#1
Rainbow 
Merhaba

Eklenti olmadan  CS-CART sekmeleri oluşturma .

Sınıf adı ile 16-grid "tab_container"
1. Create ve sırasıyla üç best seller adlı blokları,
özel ürün ve sınıf adı "tab1 tab_content", "tab2 tab_content" ve "tab3 tab_content" ile sıcak fırsatlar oluşturun.

wv3B8z.png

2. ( O ızgara için ) İçine ,bir html bloğu oluşturmak ve bu içinde böyle kodlamaları yazmak

Kod:
 

<ul class="tabs">
<li id="tab1" class="active"><a>Best Seller</a></li>
<li id="tab2"><a>Special products</a></li>
<li id="tab3"><a>Hot deals</a></li>
</ul>

Eğer ızgara içinde oluşturmak için hangi blok sınıf adının kimliği ile dahil.

wv3BBv.png

3. ve ,kafa etiketi içinde index.tpl js komut dosyası içerir ,

Kod:
<script>
$(document).ready(function() {

$(".tab_content").hide();
$(".tab_content:first").show();

$("ul.tabs li").click(function() {
$("ul.tabs li").removeClass("active");
$(this).addClass("active");
$(".tab_content").hide();
var activeTab = $(this).attr("id");
$("."+activeTab).fadeIn();
});
});

</script>

4. ve ,Styles.css aşağıdaki css

Kod:
ul.tabs {
margin: 0;
padding: 0;
float: left;
list-style: none;
height: 32px;
width: 100%;
}
ul.tabs li {
float: left;
margin: 0;
cursor: pointer;
height: 31px;
line-height: 31px;
font-weight: bold;
background:url("images/tabbg.png") no-repeat scroll right 8px transparent;
overflow: hidden;
position: relative;
}
ul.tabs li a{
margin: 0 15px;
padding: 7px 10px;
font: 18px/18px MalgunGothic;
text-transform: uppercase;}
ul.tabs li:last-child{
background:none;}
ul.tabs li:hover a,ul.tabs li.active a,ul.tabs li.active:hover a{
background: #F3F1F1;
color: #E35973;
text-decoration:none;
}
ul.tabs li.active a{
color:#e35973;}
.tab_container {
clear: both;
float: left;
width: 100%;
}
.tab_container h1{
display:none;}
.tab_content {
padding: 0px;
font-size: 1.2em;
display: none;
}


5. NOT.Html blok ve diğer bloklar hem "tab_container" olarak sınıf adı ile aynı grid olması gerektiğini

6. Çıktı ekran görüntüsü.

wzNz97.jpg

NOT : Deneme hayır .
İstek yardım !!!
Yazılımda dosya yerleri ,  hangi kodlar nerede , nereye yazılacak vs gibi
( Resimli ve yazı ile açıklamalı anlatım yapılması )


Kolay gelsin.
 
Cevap
  


Bu Konudaki Yorumlar
Eklenti olmadan CS-CART sekmeleri oluşturma . - Yazar: istanbul - 16.03.2014, 20:27

Konu ile Alakalı Benzer Konular
Konular Yazar Yorumlar Okunma Son Yorum
  cs-cart iyzico ödeme eklentisi sakurt 6 4,522 24.06.2020, 05:16
Son Yorum: sakurt
  Bilgi:  Hiçbir eklenti kullanmadan mağazamızı facebook a entegre edelim morpheus 2 3,369 22.04.2019, 20:47
Son Yorum: istanbul
  Bilgi:  CS-Cart & Multi-Satıcı 4.9.3 globalburo 0 1,892 07.02.2019, 22:28
Son Yorum: globalburo
  Bilgi:  CS-Cart & Multi-Satıcı 4.9.2 globalburo 0 1,832 22.11.2018, 22:14
Son Yorum: globalburo
  Bilgi:  CS-Cart & Multi-Vendor 4.9.1 Çıktı globalburo 2 3,816 15.10.2018, 11:22
Son Yorum: beyaznevresim

Hızlı Menü:


Tarama: 2 Ziyaretçi