tr-opencart

     
avatar Şuanki Zaman: 04-22-2018, 03:41 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  1710 - Yorum  1

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

Mesajlar: 77
Konular: 30
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: 39
Telif Hakkı için Rapor Edin...
Alıntı Yaparak Cevapla
Paylaş!
 Teşekkür Edenler: Kıroğlumarket , tiktak78 , turkojen34
Kıroğlumarketv
Osmanlı Torunu
******
Süper Moderator user avatar
Çevrimdışı

Mesajlar: 3,126
Konular: 500
Katılma Tarihi: Jan 2012
Rep Puanı: 97
Teşekkürler: 1139
1017 Mesajına, 2063 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 Seo URL de Kategori ve Marka adını kaldırmak.. osdem66 13 6,925 12-07-2017 04:39 PM
Son Mesaj: LaWSuiT
  Opencart Sizin İçin Seçtiklerimiz Modülü için indirim oranını gösterme problemi berkulucy 2 1,081 10-18-2017 11:30 AM
Son Mesaj: berkulucy
  [Modifikasyon] Ürün Sayfasında Siparişi Tamamlama hkntll 0 240 09-27-2017 09:52 PM
Son Mesaj: hkntll
  Ürün Sayfasında Üreticiler Logosu Faklı Kıroğlumarket 4 2,370 09-19-2017 07:49 PM
Son Mesaj: osdem66
  CPU Kullanımı hakkında muglali20 2 450 08-08-2017 05:09 PM
Son Mesaj: muglali20
  "ürün" yerine "paket" kelimesinin geçmesini istiyorum konumharita38 1 422 05-23-2017 01:19 PM
Son Mesaj: Kıroğlumarket
  Listelenecek ürün sayısı kısmını silmek istiyorum konumharita38 0 333 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 6,605 04-07-2017 11:09 PM
Son Mesaj: blacktig
  Ürün İsimini Kısaltma Kıroğlumarket 10 4,554 03-22-2017 05:51 PM
Son Mesaj: oktiy
  Kampanyalı Ürünlerde Ürün Detay sayfasına İndirimde ikonu eklemek crea51 20 11,376 03-22-2017 01:58 PM
Son Mesaj: ekremyigiter

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