Опции

[ky3mu4]

Добрый день! подскажите пожалуйста, как сделать каждую опцию с отдельным стилем. и убрать точки.

мой код:

<?php if ($option['type'] == 'radio') { ?>
                <div class="form-group<?php echo ($option['required'] ? ' required' : ''); ?>">
                  <label class="control-label"><?php echo $option['name']; ?></label>
                  <div id="input-option<?php echo $option['product_option_id']; ?>">
                    <?php foreach ($option['product_option_value'] as $option_value) { ?>
                    <div class="radio">
                      <label>
                        <input type="radio" name="option[<?php echo $option['product_option_id']; ?>]" value="<?php echo $option_value['product_option_value_id']; ?>" />
                        <?php echo $option_value['name']; ?>
                      </label>
                    </div>
                    <?php } ?>
                  </div>
                </div>
                <?php } ?>
                <?php if ($option['type'] == 'checkbox') { ?>
                <div class="form-group<?php echo ($option['required'] ? ' required' : ''); ?>">
                  <label class="control-label"><?php echo $option['name']; ?></label>
                  <div id="input-option<?php echo $option['product_option_id']; ?>">
                    <?php foreach ($option['product_option_value'] as $option_value) { ?>
                    <div class="checkbox">
                      <label>

[fanatic]

как вариант

        <?php $i=1; foreach ($option['product_option_value'] as $option_value) { ?>
            <div class="radio">
                <label class="opt<?php echo $i;?>">
                    <input type="radio" name="option[<?php echo $option['product_option_id']; ?>]" value="<?php echo $option_value['product_option_value_id']; ?>" />
                    <?php echo $option_value['name']; ?>
                </label>
            </div>
        <?php $i++; } ?>

и прописываете стили для классов  opt1, opt2 и т.д.

[ky3mu4]

как то не чего не изменилось....

fanatic,

[ky3mu4]

fanatic, помогло. спасибо

 

[ky3mu4]

fanatic,  а как возможно спрятать точки?

 

[fanatic]

10 минут назад, ky3mu4 сказал:

 а как возможно спрятать точки?

не понял, какие точки? отмеченный радио?

если да, ищите информацию  "стилизация checkbox, radio"

Змінено 18 липня 2017 користувачем fanatic

[ky3mu4]

fanatic, да. ну вообще что бы не было кружков. а именно кнопка была

 

[fanatic]

2 минуты назад, ky3mu4 сказал:

что бы не было кружков. а именно кнопка была

да это стилизация css.  я в css не силен.

[ky3mu4]

я понял. спасибо!

 

[fanatic]

посмотрите

http://jsfiddle.net/xandeadx/7ezbq48h/

[ky3mu4]

fanatic,  а как мне правильно совместить, 

<div class="radios-as-buttons">
    <div>
        <input type="radio" name="option" id="radio1" checked />
        <label for="radio1">Опция 1</label>
    </div>
    <div>
        <input type="radio" name="option" id="radio2" />
        <label for="radio2">Опция 2</label>
    </div>
    <div>
        <input type="radio" name="option" id="radio3" />
        <label for="radio3">Опция 3</label>
    </div>
</div>
 

с этим:

 

 

  <div class="radios-as-buttons">
                     <label class="radio"<?php echo $i;?>">
                    <input type="radio" name="option[<?php echo $option['product_option_id']; ?>]" value="<?php echo $option_value['product_option_value_id']; ?>" />
                    <?php echo $option_value['name']; ?>
                    </label>
                    </div>

 

 

[ky3mu4]

fanatic,  получилось вставить, но они идут в столбик. и на всю ширину блока. и при нажатие не реагируют не как

 

. вот сайт Appleshop.ru