seoseo
tr-opencart

     
avatar Şuanki Zaman: 06-28-2017, 11:54 AMHoşgeldin Misafir !
  Şifremi Hatırlat   kayıt ol
opencart temaları

Ürün Oy kullanımı İçin yıldızlı radio button

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  barney - Görüntüleme - Okunma  1257 - Yorum  1

barneyv
Üye
***
Üye user avatar
Çevrimdışı

Mesajlar: 74
Konular: 28
Katılma Tarihi: Sep 2014
Rep Puanı: 1
Teşekkürler: 8
9 Mesajına, 15 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 10-28-2014 04:00 AM
Kısaca ürünlere yorum yapılırken verilen oy radiobutton'ları yıldız şeklinde ufak bir görsel düzenleme.
Umarım birilerinin işine yarar.

css dosyanıza ekleyin.

Kod:
.rating-wrapper {
        overflow: hidden;
        display: inline-block;
        }
.rating-input {
        position: absolute;
        display:none;
    
        }
.rating-star:hover,
.rating-star:hover ~ .rating-star {
        background-position: 0 0;
        }
.rating-wrapper:hover .rating-star:hover,
.rating-wrapper:hover .rating-star:hover ~ .rating-star,
.rating-input:checked ~ .rating-star {
            background-position: 0 0;
        }
.rating-star,
.rating-wrapper:hover .rating-star {
        float: right;
        display: block;
        width: 16px;
        height: 16px;
        background: url('http://css-stars.com/wp-content/uploads/2013/12/stars.png') 0 -16px;
        }

catalog/view/theme/default/template/product/product.tpl
bul
Kod:
<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" />

değiştir
Kod:
<div class="rating-wrapper">
          <?php echo $entry_rating; ?>
          <input type="radio" class="rating-input" id="rating-input-1-5" name="rating" value="5"/>
          <label for="rating-input-1-5" class="rating-star"></label>
          <input type="radio" class="rating-input" id="rating-input-1-4" name="rating" value="4"/>
          <label for="rating-input-1-4" class="rating-star"></label>
          <input type="radio" class="rating-input" id="rating-input-1-3" name="rating" value="3"/>
          <label for="rating-input-1-3" class="rating-star"></label>
          <input type="radio" class="rating-input" id="rating-input-1-2" name="rating"value="2" />
          <label for="rating-input-1-2" class="rating-star"></label>
          <input type="radio" class="rating-input" id="rating-input-1-1" name="rating"value="1" />
          <label for="rating-input-1-1" class="rating-star"></label>
        </div>


Ekli Dosya(lar)
.png stars.png Eklentiyi indir...
Boyut: 824 bytes İndirme: 36
Telif Hakkı için Rapor Edin...
Alıntı Yaparak Cevapla
Paylaş!
 Teşekkür Edenler: Kıroğlumarket , tiktak78 , turkojen34
opencart temaları
Kıroğlumarketv
Osmanlı Torunu
******
Süper Moderator user avatar
Çevrimiçi

Mesajlar: 3,041
Konular: 486
Katılma Tarihi: Jan 2012
Rep Puanı: 94
Teşekkürler: 1127
993 Mesajına, 2024 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 10-28-2014 12:30 PM
gayet başarılı olmuş benim gibi radiobuttonlarından sıkınlanlar için güzel bir alternatif. +rep
Kıroğlumarket
Alıntı Yaparak Cevapla
Paylaş!

« Önceki | Sonraki »
Cevapla  Gönder 

Ürün Oy kullanımı İçin yıldızlı radio button Konusunun Linki Direk Link
Ürün Oy kullanımı İçin yıldızlı radio button Konusunun HTML Kodu HTML Link
Ürün Oy kullanımı İçin yıldızlı radio button Konusu BBCode Linki BBCode Link
Ürün Oy kullanımı İçin yıldızlı radio button Konusunu Paylaş Sosyal Paylaş

Benzeyen Konular
Konu: Yazar Cevaplar: Gösterim: Son Mesaj
  "ürün" yerine "paket" kelimesinin geçmesini istiyorum konumharita38 1 79 05-23-2017 01:19 PM
Son Mesaj: Kıroğlumarket
  Listelenecek ürün sayısı kısmını silmek istiyorum konumharita38 0 52 05-23-2017 07:00 AM
Son Mesaj: konumharita38
  [Modifikasyon] Ürün Detay Sayfasıda Küçük Bir Css Düzenlemesi Kıroğlumarket 10 4,995 04-07-2017 11:09 PM
Son Mesaj: blacktig
  Ürün İsimini Kısaltma Kıroğlumarket 10 3,394 03-22-2017 05:51 PM
Son Mesaj: oktiy
  Kampanyalı Ürünlerde Ürün Detay sayfasına İndirimde ikonu eklemek crea51 20 9,669 03-22-2017 01:58 PM
Son Mesaj: ekremyigiter
  opencart 1.5.5.1 anasayfa ürün sayısı çoğaltma oktiy 0 124 03-17-2017 09:54 AM
Son Mesaj: oktiy
  [Modifikasyon] Breadcrumb - Ürün tam yolu ITECHINN 12 4,150 03-17-2017 09:44 AM
Son Mesaj: oktiy
  Ürüne eklediğim özelliğin + fiyatı, ürün fiyatına yansımıyor. cashr00t 13 1,879 03-16-2017 01:25 AM
Son Mesaj: suko79
  Ürün Fiyatlarının Düz Hesap Olması m.ergul 0 106 03-03-2017 11:20 AM
Son Mesaj: m.ergul
  [Modifikasyon] Anasayfa Modüllerine Yeni Ürün İkonu Eklemek TECHNOLOG 29 9,491 02-27-2017 12:08 PM
Son Mesaj: sekhil

Ürün Oy kullanımı İçin yıldızlı radio button indir, Ürün Oy kullanımı İçin yıldızlı radio button Videosu, Ürün Oy kullanımı İçin yıldızlı radio button online izle, Ürün Oy kullanımı İçin yıldızlı radio button Bedava indir, Ürün Oy kullanımı İçin yıldızlı radio button Yükle, Ürün Oy kullanımı İçin yıldızlı radio button Hakkında, Ürün Oy kullanımı İçin yıldızlı radio button nedir, Ürün Oy kullanımı İçin yıldızlı radio button Free indir, Ürün Oy kullanımı İçin yıldızlı radio button oyunu, Ürün Oy kullanımı İçin yıldızlı radio button download


Forum Atla: