product "ürün incelemesi" bölümündeki Mevcut seçenekleri düzenleme

[djgun1]

Merhaba ürünün içerisine girildiğinde mevcut seçenekler eklenmişse
örneği radyo butonu alt alta sıralanmış bir şekilde gözüküyor, bunun yan yana olmasını sağlayabilirmiyiz tabiyki tek sıra yan yana olmaz bu nedenle 2 şerli bir kolon halinde inmesini nasıl sağlarız şimdiden teşekkürler..

 

[fofotara]

Bu şekilde olsa işinizi görür mü ?

 

[djgun1]

Bu şekilde olsa işinizi görür mü ?

harika olurdu.

 

[fofotara]

öncelikle seçeneklerde radiobuttonu seçin,
catalog\view\themes\temanız\product\product.tpl dosyasını açın

 <?php if ($option['type'] == 'radio') { ?>

bu kodun altlarındaki <br/> tagını silin, elimde orjinal dosyalar olmadığı için tam hedef veremiyeceğim. ama benim düzenlenmiş kodları veriyorum

<?php if ($option['type'] == 'radio') { ?>
        <div id="option-<?php echo $option['product_option_id']; ?>" class="option">
          <?php if ($option['required']) { ?>
          <span class="required">*</span>
          <?php } ?>
          <b><?php echo $option['name']; ?>:</b>
          <?php foreach ($option['option_value'] as $option_value) { ?>
          <input type="radio" name="option[<?php echo $option['product_option_id']; ?>]" value="<?php echo $option_value['product_option_value_id']; ?>" id="option-value-<?php echo $option_value['product_option_value_id']; ?>" />
          <label for="option-value-<?php echo $option_value['product_option_value_id']; ?>"><?php echo $option_value['name']; ?>
            <?php if ($option_value['price']) { ?>
            (<?php echo $option_value['price_prefix']; ?><?php echo $option_value['price']; ?>)
            <?php } ?>
          </label>
          
          <?php } ?>
        </div>
       
        <?php } ?>

Sonuçta radio buttonlar yanyana gelecek.

Bunu bitirdikten sonra

catalog\view\javascript\common.js dosyasını açalım.

$(document).ready(function() {

üstüne >

$(function() {
			$('.option').buttonset();
		   
       });

ekleyelim. Bu jquery-ui temasını radio button için aktif edecektir. Jquery-ui js dosyası zaten eklidir. Bu tarz görsellikleri neden se pass geçmişler.

Temayı jquery klasöründeki ui klasörü ile oynayarak değiştirebilirsin.
http://jqueryui.com/ sitesinde hazır temalarıda entegre edebilirsiniz.

Kolay gelsin.

 

[mahsusfirar]

İyi günler hocam..

Dediğiniz common.js ayarlamalarını yaptım. Teşekkürler. Fakat birde şöyle bir özellik var onu nasıl ayarlayabiliriz bir fikriniz varmı ?.

Örn;

S , M , L , XL diye resimli radio buttonlar oluşturduk. Müşteri bunlardan birini seçtiği zaman. Bilgilendirme amaçlı " Small bedenini seçtiniz " tarzinda bi bilgilendirme yapabilirmiyiz.

şimdiden teşekkürler.

 

[mustafab]

öncelikle seçeneklerde radiobuttonu seçin,
catalog\view\themes\temanız\product\product.tpl dosyasını açın

 <?php if ($option['type'] == 'radio') { ?>

bu kodun altlarındaki <br/> tagını silin, elimde orjinal dosyalar olmadığı için tam hedef veremiyeceğim. ama benim düzenlenmiş kodları veriyorum

<?php if ($option['type'] == 'radio') { ?>
        <div id="option-<?php echo $option['product_option_id']; ?>" class="option">
          <?php if ($option['required']) { ?>
          <span class="required">*</span>
          <?php } ?>
          <b><?php echo $option['name']; ?>:</b>
          <?php foreach ($option['option_value'] as $option_value) { ?>
          <input type="radio" name="option[<?php echo $option['product_option_id']; ?>]" value="<?php echo $option_value['product_option_value_id']; ?>" id="option-value-<?php echo $option_value['product_option_value_id']; ?>" />
          <label for="option-value-<?php echo $option_value['product_option_value_id']; ?>"><?php echo $option_value['name']; ?>
            <?php if ($option_value['price']) { ?>
            (<?php echo $option_value['price_prefix']; ?><?php echo $option_value['price']; ?>)
            <?php } ?>
          </label>
          
          <?php } ?>
        </div>
       
        <?php } ?>

Sonuçta radio buttonlar yanyana gelecek.

Bunu bitirdikten sonra

catalog\view\javascript\common.js dosyasını açalım.

$(document).ready(function() {

üstüne >

$(function() {
			$('.option').buttonset();
		   
       });

ekleyelim. Bu jquery-ui temasını radio button için aktif edecektir. Jquery-ui js dosyası zaten eklidir. Bu tarz görsellikleri neden se pass geçmişler.

Temayı jquery klasöründeki ui klasörü ile oynayarak değiştirebilirsin.
http://jqueryui.com/ sitesinde hazır temalarıda entegre edebilirsiniz.

Kolay gelsin.

Açıklamalar için teşekkürler
Radyo buton olarak seçilince sorunsuz istediğimiz şekilde sıralanıyor, beden kısmı tamam ama renkler kısmında sadece renklerin adı var (sarı, kırmızı, mavi) gibi bilinen renklerde yazıda olsa sorun değil ama bilmem ne grisi yada bilmem ne mavisi olunca yazı bir anlam ifade etmiyor, bunu radyo buton değilde renk seçtiğimizde ise yine renkleri alt alta ve bu kez aynı rengi iki tane yaparak listeliyor örnekteki gibi, ustaların yardımlarını rica ediyorum.
Teşekkürler