Продаю воздушные шарики
у них есть своя специфика...
кому-то нужно 10, кому-то 33....
прописать все варианты количества или угадать, кто сколько возьмет- не представляется возможным!
Подскажите, как адаптировать под наш шаблон, уже готовое решение конкурентов? см фото
код у них такой:
<td>Артикул:</td> <td class="product-sku">986</td> </tr> </tbody> </table> <div data-hash="shary-tsvetnoe-assorti"></div> <form class="variants" data-id="971" data-name='Шары Цветное ассорти'> <div class="select-box"> <label class="select-variant hidden"> <select name="variant" id="variant_971" data-blockid="971"> <option value="986" data-price="78 руб." selected ></option> </select> </label> </div> <div class="info"> <p class="h4">Выберите количество шаров, которое хотите купить</p> <div class="quantity-product pull-left"> <input type="radio" id="971_radio1" name="radios" value="10"> <label class="qunatity_radio1" for="971_radio1"><strip>10</strip><span class="qunatifier"> шт.</span><span class="sumInBox">780 р<span class="visible-ss-inline">уб</span>.</span> </label> <input type="radio" id="971_radio2" name="radios" value="15"> <label class="qunatity_radio2" for="971_radio2"><strip>15</strip><span class="qunatifier"> шт.</span><span class="sumInBox">1 155 р<span class="visible-ss-inline">уб</span>.</span> </label> <input type="radio" id="971_radio3" name="radios" value="20"> <label class="qunatity_radio3" for="971_radio3"><strip>20</strip><span class="qunatifier"> шт.</span><span class="sumInBox">1 540 р<span class="visible-ss-inline">уб</span>.</span> </label> <input type="radio" id="971_radio4" name="radios" value="25"> <label class="qunatity_radio4" for="971_radio4"><strip>25</strip><span class="qunatifier"> шт.</span><span class="sumInBox">1 900 р<span class="visible-ss-inline">уб</span>.</span> </label> <input type="radio" id="971_radio5" name="radios" value="30"> <label class="qunatity_radio5" for="971_radio5"><strip>30</strip><span class="qunatifier"> шт.</span><span class="sumInBox">2 280 р<span class="visible-ss-inline">уб</span>.</span> </label> <input type="radio" id="971_radio6" name="radios" value="35"> <label class="qunatity_radio6" for="971_radio6"><strip>35</strip><span class="qunatifier"> шт.</span><span class="sumInBox">2 590 р<span class="visible-ss-inline">уб</span>.</span> </label> <input type="radio" id="971_radio7" name="radios" value="40"> <label class="qunatity_radio7" for="971_radio7"><strip>40</strip><span class="qunatifier"> шт.</span><span class="sumInBox">2 960 р<span class="visible-ss-inline">уб</span>.</span> </label> <input type="radio" id="971_radio8" name="radios" value="50"> <label class="qunatity_radio8" for="971_radio8"><strip>50</strip><span class="qunatifier"> шт.</span><span class="sumInBox">3 450 р<span class="visible-ss-inline">уб</span>.</span> </label> <input type="radio" id="971_radio9" name="radios" value="75"> <label class="qunatity_radio9" for="971_radio9"><strip>75</strip><span class="qunatifier"> шт.</span><span class="sumInBox">4 725 р<span class="visible-ss-inline">уб</span>.</span> </label> <input type="radio" id="971_radio10" name="radios" value="100"> <label class="qunatity_radio10" for="971_radio10"><strip>100</strip><span class="qunatifier"> шт.</span><span class="sumInBox">5 900 р<span class="visible-ss-inline">уб</span>.</span> </label> </div> <div class="display-inline-block"> <div id="product_prices" class="product_price_range collapse"> <span><small class="text-center">Чем больше, тем дешевле</small></span> <div class="price_range"> <span class="range_price">59 руб.</span> - при заказе от 100 шт. </div> <div class="price_range"> <span class="range_price">63 руб.</span> - при заказе от 75 шт. </div> <div class="price_range"> <span class="range_price">66 руб.</span> - при заказе от 55 шт. </div> <div class="price_range"> <span class="range_price">69 руб.</span> - при заказе от 45 шт. </div> <div class="price_range"> <span class="range_price">74 руб.</span> - при заказе от 35 шт. </div> <div class="price_range"> <span class="range_price">76 руб.</span> - при заказе от 25 шт. </div> <div class="price_range"> <span class="range_price">77 руб.</span> - при заказе от 15 шт. </div> <div class="price_range"> <span class="range_price">78 руб.</span> - при заказе от 1 шт. </div> </div> </div> <div class="clearfix"></div> <span data-toggle="collapse" id="show_prices_link" class="dotted-underline" role="button" data-target="#product_prices" onclick="this.style.display = 'none'">Показать цены за 1 шар</span> <p class="h4 margin-top-30">Или введите своё количество</p> <div class="choose-quantity"> <input name="amount" data-id="986" type="number" value="33" min="1" max="5000" class="form-control"> <label> <span class="wide-space">x</span> <span class=" product-price"> <span class="the_price">76</span> руб.</span> <span class="wide-space">=</span> <big><span class="sum">2 508 р.</span></big> </label> </div> <div class="clearfix buy-buttons"> <button type="submit" class="btn btn-cart " onclick="yaCounter32613285.reachGoal('addToCart_click'); return true;" onmousedown="try { rrApi.addToBasket(971) } catch(e) {}"><i class="fa fa-cart-plus" aria-hidden="true"></i> В корзину</button> <div class="fast-order-block"><a role="button" href="#" data-name='Шары Цветное ассорти' class="btn fast-order-send-button" data-toggle="modal" data-target="#fast-order" onclick="yaCounter32613285.reachGoal('fastOrder_click'); return true;">Купить в 1 клик</a></div> <div class="annotation">