seo
tr-opencart

     
avatar Şuanki Zaman: 08-24-2017, 12:16 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  1324 - 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: 38
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
Çevrimdışı

Mesajlar: 3,062
Konular: 487
Katılma Tarihi: Jan 2012
Rep Puanı: 94
Teşekkürler: 1130
999 Mesajına, 2031 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
  CPU Kullanımı hakkında muglali20 2 84 08-08-2017 05:09 PM
Son Mesaj: muglali20
  "ürün" yerine "paket" kelimesinin geçmesini istiyorum konumharita38 1 139 05-23-2017 01:19 PM
Son Mesaj: Kıroğlumarket
  Listelenecek ürün sayısı kısmını silmek istiyorum konumharita38 0 102 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 5,192 04-07-2017 11:09 PM
Son Mesaj: blacktig
  Ürün İsimini Kısaltma Kıroğlumarket 10 3,502 03-22-2017 05:51 PM
Son Mesaj: oktiy
  Kampanyalı Ürünlerde Ürün Detay sayfasına İndirimde ikonu eklemek crea51 20 9,834 03-22-2017 01:58 PM
Son Mesaj: ekremyigiter
  opencart 1.5.5.1 anasayfa ürün sayısı çoğaltma oktiy 0 192 03-17-2017 09:54 AM
Son Mesaj: oktiy
  [Modifikasyon] Breadcrumb - Ürün tam yolu ITECHINN 12 4,312 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,999 03-16-2017 01:25 AM
Son Mesaj: suko79
  Ürün Fiyatlarının Düz Hesap Olması m.ergul 0 148 03-03-2017 11:20 AM
Son Mesaj: m.ergul

Ü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: