Перейти к содержанию
Официальный форум поддержки Simpla

Выбор доставки при оформлении заказа


Рекомендуемые сообщения

Поставил красивый вид для chekbox при выборе способа доставки. Взял тут

 

Теперь при переключение input`oв не работает условие checked и всегда выбран только первый способ доставки:

<input type="radio" class="radio" name="delivery_id" value="{$delivery->id}" {if $delivery_id==$delivery->id}checked{elseif $delivery@first}checked{/if} id="deliveries_{$delivery->id}">

 

Чё за дела... помогите  <_<

Ссылка на сообщение
Поделиться на другие сайты

так значит инпуты не переключаются. весь код скиньте где доставки. толку от этого куска? как можно что-то понять с него

Ссылка на сообщение
Поделиться на другие сайты

так значит инпуты не переключаются. весь код скиньте где доставки. толку от этого куска? как можно что-то понять с него

 {* Доставка *}

<div class="page-header"> <div class="page-header-title">Доставка</div></div>
{if $deliveries}
<ul id="deliveries">
{foreach $deliveries as $delivery}
<li>
<div class="checkbox">
<input type="radio" class="radio" name="delivery_id" value="{$delivery->id}" {if $delivery_id==$delivery->id}checked{elseif $delivery@first}checked{/if} id="deliveries_{$delivery->id}" {if $delivery->id==1}onChange="show()" {else} onChange="hide()"{/if}  >

 <label for="deliveries_{$delivery->id}">
   {$delivery->name}
    {if $cart->total_price < $delivery->free_from && $delivery->price>0}
       ({$delivery->price|convert} {$currency->sign})
    {elseif $cart->total_price >= $delivery->free_from}
    {/if}

</label>
</div>


<div class="description">
{$delivery->description}
</div>

{if $delivery->id==1}
<div class="ukrposhta" id="info"  >
<input placeholder="Город" name="city" type="text" value="{$city|escape}" data-notice="Укажите Ваш город" {if $delivery->id==1} required{/if} />
<input placeholder="№ Отделение" name="address" type="text" value="{$address|escape}"  data-notice="Укажите отделение" {if $delivery->id==1} required {/if}/>
</div>
{/if}

</li>
{/foreach}
</ul>
{/if}
.radio {
    vertical-align: top;
    width: 17px;
    height: 17px;
    margin: 0 3px 0 0;
}
.radio + label {
    cursor: pointer;
}
.radio:not(checked) {
    position: absolute;
    opacity: 0;
}
.radio:not(checked) + label {
    position: relative;
    padding: 0 0 0 35px;
}
.radio:not(checked) + label:before {
    content: '';
    position: absolute;
    top: -3px;
    left: 0;
    width: 22px;
    height: 22px;
    border: 1px solid #CDD1DA;
    border-radius: 50%;
    background: #FFF;
}
.radio:not(checked) + label:after {
    content: '';
    position: absolute;
    top: 1px;
    left: 4px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #9FD468;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.5);
    opacity: 0;
    transition: all .2s;
}
.radio:checked + label:after {
    opacity: 1;
}
.radio:focus + label:before {
    box-shadow: 0 0 0 3px rgba(255,255,0,.5);
}
Ссылка на сообщение
Поделиться на другие сайты
  • 2 недели спустя...

Присоединяйтесь к обсуждению

Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.

Гость
Ответить в этой теме...

×   Вставлено с форматированием.   Вставить как обычный текст

  Разрешено использовать не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отображать как обычную ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.

Загрузка...
×
×
  • Создать...