seoseo
tr-opencart

     
avatar Şuanki Zaman: 04-25-2017, 09:31 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  978 - 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: 33
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,003
Konular: 479
Katılma Tarihi: Jan 2012
Rep Puanı: 93
Teşekkürler: 1121
983 Mesajına, 2011 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
  [Modifikasyon] Ürün Detay Sayfasıda Küçük Bir Css Düzenlemesi Kıroğlumarket 10 4,757 04-07-2017 11:09 PM
Son Mesaj: blacktig
  Ürün İsimini Kısaltma Kıroğlumarket 10 3,207 03-22-2017 05:51 PM
Son Mesaj: oktiy
  Kampanyalı Ürünlerde Ürün Detay sayfasına İndirimde ikonu eklemek crea51 20 9,391 03-22-2017 01:58 PM
Son Mesaj: ekremyigiter
  opencart 1.5.5.1 anasayfa ürün sayısı çoğaltma oktiy 0 77 03-17-2017 09:54 AM
Son Mesaj: oktiy
  [Modifikasyon] Breadcrumb - Ürün tam yolu ITECHINN 12 3,934 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,485 03-16-2017 01:25 AM
Son Mesaj: suko79
  Ürün Fiyatlarının Düz Hesap Olması m.ergul 0 64 03-03-2017 11:20 AM
Son Mesaj: m.ergul
  [Modifikasyon] Anasayfa Modüllerine Yeni Ürün İkonu Eklemek TECHNOLOG 29 9,081 02-27-2017 12:08 PM
Son Mesaj: sekhil
  [Modifikasyon] Ürün Detayda Arttırma Azaltma Butonu Eklemek Kıroğlumarket 2 922 02-20-2017 06:02 PM
Son Mesaj: osie01
  Opencart 1.5.1.x Ürün detay sayfasına Kampanya Geri sayım eklemek osdem66 16 8,115 01-14-2017 05:10 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: