kislotnik Опубликовано 25 июня, 2015 Жалоба Поделиться Опубликовано 25 июня, 2015 подскажите как сделать такой вывод вариантов Цитата Ссылка на сообщение Поделиться на другие сайты
kislotnik Опубликовано 25 июня, 2015 Автор Жалоба Поделиться Опубликовано 25 июня, 2015 подскажите как сделать такой вывод вариантоввместо стандартного такого Цитата Ссылка на сообщение Поделиться на другие сайты
Kosjak76 Опубликовано 25 июня, 2015 Жалоба Поделиться Опубликовано 25 июня, 2015 При помощи label Цитата Ссылка на сообщение Поделиться на другие сайты
kislotnik Опубликовано 25 июня, 2015 Автор Жалоба Поделиться Опубликовано 25 июня, 2015 При помощи labelСпасибо.буду пробовать Цитата Ссылка на сообщение Поделиться на другие сайты
Maksclub Опубликовано 25 июня, 2015 Жалоба Поделиться Опубликовано 25 июня, 2015 (изменено) Спасибо.буду пробоватьhttp://dimox.name/jquery-form-styler/а их уже через стили подрихтовать без труда можно Изменено 25 июня, 2015 пользователем Maksclub Цитата Ссылка на сообщение Поделиться на другие сайты
mishanya Опубликовано 25 июня, 2015 Жалоба Поделиться Опубликовано 25 июня, 2015 (изменено) можно и без jQuery.вывести варианты так: <form class="variants" action="/cart"> {foreach $product->variants as $v} <label> <input name="variant" value="{$v->id}" type="radio"><span>{$v->name}</span> </label> {/foreach} <input type="submit" style="float:right;" class="totocart" value="в корзину" data-result-text="добавлено"/> </form>и в css .variants input[type="radio"] {display: none;} .variants label {display:inline-block;} .variants input[type="radio"]+span { padding: 6px; color:#000; } .variants input[type="radio"]:checked+span { background: #000; color: #fff; } Изменено 25 июня, 2015 пользователем mishanya Цитата Ссылка на сообщение Поделиться на другие сайты
kislotnik Опубликовано 25 июня, 2015 Автор Жалоба Поделиться Опубликовано 25 июня, 2015 Спасибо Цитата Ссылка на сообщение Поделиться на другие сайты
kislotnik Опубликовано 25 июня, 2015 Автор Жалоба Поделиться Опубликовано 25 июня, 2015 можно и без jQuery.вывести варианты так: <form class="variants" action="/cart"> {foreach $product->variants as $v} <label> <input name="variant" value="{$v->id}" type="radio"><span>{$v->name}</span> </label> {/foreach} <input type="submit" style="float:right;" class="totocart" value="в корзину" data-result-text="добавлено"/> </form>и в css .variants input[type="radio"] {display: none;} .variants label {display:inline-block;} .variants input[type="radio"]+span { padding: 6px; color:#000; } .variants input[type="radio"]:checked+span { background: #000; color: #fff; } подскадите как сделать чтоб цена выводилась в отдельном месте и при выборе другого вариатна менялась? Цитата Ссылка на сообщение Поделиться на другие сайты
mishanya Опубликовано 25 июня, 2015 Жалоба Поделиться Опубликовано 25 июня, 2015 <h3 id="price">{$product->variant->price}</h3> <form class="variants" action="/cart"> {foreach $product->variants as $v} <label> <input name="variant" value="{$v->id}" type="radio" data-id="{$v->id}" data-price="{$v->price}"><span>{$v->name}</span> </label> {/foreach} <input type="submit" class="tocart" value="в корзину" data-result-text="добавлено"/> </form> ниже сразу: {literal} <script> $(function() { $(".variants label").live("click", function(){ variant = $(this).find('input').data('id'); price = $(this).find('input').data('price'); $('h3#price').html(price); }); }); </script> {/literal} и те же стили .variants input[type="radio"] {display: none;} .variants label {display:inline-block;} .variants input[type="radio"]+span { padding: 6px; color:#000; } .variants input[type="radio"]:checked+span { background: #000; color: #fff; } Цитата Ссылка на сообщение Поделиться на другие сайты
kislotnik Опубликовано 25 июня, 2015 Автор Жалоба Поделиться Опубликовано 25 июня, 2015 <h3 id="price">{$product->variant->price}</h3> <form class="variants" action="/cart"> {foreach $product->variants as $v} <label> <input name="variant" value="{$v->id}" type="radio" data-id="{$v->id}" data-price="{$v->price}"><span>{$v->name}</span> </label> {/foreach} <input type="submit" class="tocart" value="в корзину" data-result-text="добавлено"/> </form> ниже сразу: {literal} <script> $(function() { $(".variants label").live("click", function(){ variant = $(this).find('input').data('id'); price = $(this).find('input').data('price'); $('h3#price').html(price); }); }); </script> {/literal} и те же стили .variants input[type="radio"] {display: none;} .variants label {display:inline-block;} .variants input[type="radio"]+span { padding: 6px; color:#000; } .variants input[type="radio"]:checked+span { background: #000; color: #fff; } спасибо большоевсе работает Цитата Ссылка на сообщение Поделиться на другие сайты
Рекомендуемые сообщения
Присоединяйтесь к обсуждению
Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.