Opencart Türkiye Destek Sitesi ,E-Ticaret Yazılımı Destek Paylaşım Forumu

barney Tüm Mesajlarını Bul · 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>

e-ticaretdersleri Tüm Mesajlarını Bul · 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


Direk Link
HTML Link
BBCode Link
Sosyal Paylaş	Sabah net google facebook digg twiter yahoo mixx stumbleupon delicious reddit myspace friendfeed google buzz linkedin

Benzeyen Konular
Konu:		Yazar	Cevaplar:	Gösterim:	Son Mesaj
	katagorilerdeki ürün sayılarını kaldırma	mukoonline	3	9,612	11-22-2021 10:01 AM Son Mesaj: Jadoosa
	Ürün sayfasında resimlerin üzerine gelindiğinde aktif etmek	e-ticaretdersleri	1	7,048	04-28-2021 05:14 AM Son Mesaj: goker1
	Ürün Sayfasında Üreticiler Logosu Faklı	e-ticaretdersleri	5	8,941	03-08-2021 01:06 PM Son Mesaj: Mehmet1990
	Ürün Sayfasına Hemen Al butonu eklemek	BLaDe	33	31,409	05-28-2020 01:09 PM Son Mesaj: muchblood
	opencart 1.5.6 ürün ekleme oturum kapanma sorunu	emir28	1	978	10-25-2019 03:04 AM Son Mesaj: sembolpc
	[Modifikasyon] Breadcrumb - Ürün tam yolu	ITECHINN	13	10,818	01-01-2019 05:23 PM Son Mesaj: safakozt
	lcwaikiki.com gibi ürün seçeneği sistemi?	yusufsayi	1	2,179	12-10-2018 11:07 PM Son Mesaj: teknohiz
	sizin için seçtiklerimiz ürünlerini slider yapma	emir28	5	1,802	11-07-2018 10:15 PM Son Mesaj: e-ticaretdersleri
	1.5.6.4 için merkez bankasında güncelleme istek	nickelaj	5	1,629	10-23-2018 10:12 AM Son Mesaj: nickelaj
	Ürün Listeme (Session ID) Yardım	alish	0	1,239	06-29-2018 12:56 PM Son Mesaj: alish

	Şuanki Zaman: 11-15-2024, 10:30 PMHoşgeldin Misafir !
	Beni Hatırla Şifremi Hatırlat

« Önceki \| Sonraki »

Opencart Türkiye Destek Sitesi ,E-Ticaret Yazılımı Destek Paylaşım Forumu

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