Jump to content

Recommended Posts

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

мой код:

<?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>

fewgvw.jpg

Share this post


Link to post
Share on other sites

как вариант

        <?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 и т.д.

  • +1 1

Share this post


Link to post
Share on other sites

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

fanatic,

Share this post


Link to post
Share on other sites

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

 

Share this post


Link to post
Share on other sites

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

 

Share this post


Link to post
Share on other sites
10 минут назад, ky3mu4 сказал:

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

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

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

Edited by fanatic

Share this post


Link to post
Share on other sites

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

 

Share this post


Link to post
Share on other sites
2 минуты назад, ky3mu4 сказал:

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

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

Share this post


Link to post
Share on other sites

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

 

Share this post


Link to post
Share on other sites

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>

 

 

Share this post


Link to post
Share on other sites

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

 

. вот сайт Appleshop.ru

 

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.