seo
tr-opencart

     
avatar Şuanki Zaman: 10-22-2017, 04:07 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  1409 - 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: 39
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,089
Konular: 492
Katılma Tarihi: Jan 2012
Rep Puanı: 95
Teşekkürler: 1135
1008 Mesajına, 2043 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
  Opencart Sizin İçin Seçtiklerimiz Modülü için indirim oranını gösterme problemi berkulucy 2 42 10-18-2017 11:30 AM
Son Mesaj: berkulucy
  [Modifikasyon] Ürün Sayfasında Siparişi Tamamlama hkntll 0 76 09-27-2017 09:52 PM
Son Mesaj: hkntll
  Ürün Sayfasında Üreticiler Logosu Faklı Kıroğlumarket 4 2,018 09-19-2017 07:49 PM
Son Mesaj: osdem66
  CPU Kullanımı hakkında muglali20 2 155 08-08-2017 05:09 PM
Son Mesaj: muglali20
  "ürün" yerine "paket" kelimesinin geçmesini istiyorum konumharita38 1 209 05-23-2017 01:19 PM
Son Mesaj: Kıroğlumarket
  Listelenecek ürün sayısı kısmını silmek istiyorum konumharita38 0 150 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,445 04-07-2017 11:09 PM
Son Mesaj: blacktig
  Ürün İsimini Kısaltma Kıroğlumarket 10 3,707 03-22-2017 05:51 PM
Son Mesaj: oktiy
  Kampanyalı Ürünlerde Ürün Detay sayfasına İndirimde ikonu eklemek crea51 20 10,108 03-22-2017 01:58 PM
Son Mesaj: ekremyigiter
  opencart 1.5.5.1 anasayfa ürün sayısı çoğaltma oktiy 0 279 03-17-2017 09:54 AM
Son Mesaj: oktiy

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