obemgcabazn
7/20/2019 - 6:39 PM
EPRINT калькулятор с главной
<section class="calculator-section calculator-section__ret">
<div class="hidden-attr">
<div id="c-nds" data-value="0"></div>
<div id="c-pone" data-value="0"></div>
<div id="c-ptwo" data-value="0"></div>
<div id="c-pthree" data-value="0"></div>
<div id="c-lt" data-value="3000"></div>
<div id="c-shirt" data-value="390" data-value2="290" data-value3="210"
data-value-kinder="650" data-value2-kinder="590" data-value3-kinder="400"></div><!--data-value="1040" data-value2="845" data-value3="715"-->
<div id="c-hood" data-value="2599" data-value2="2339" data-value3="2199"></div><!--толстовки!!!-->
<div id="c-swat" data-value="1560" data-value2="1450" data-value3="1300"></div><!--свитшоты!!!-->
<div id="c-polo" data-value="1560" data-value2="1450" data-value3="1300"></div>
</div>
<div class="content">
<div class="calc-wrapper">
<div class="calc-left">
<div class="calc-left__image">
<img src="<?=get_template_directory_uri()?>/static/img/assets/calculator/f13.png" data-noneimg="<?=get_template_directory_uri()?>/static/img/assets/calculator/other.png">
<div class="calc-image__round"></div>
</div>
<div class="calc-left__layout">
<!-- <input type="checkbox" id="make_layout">-->
<!-- <label for="make_layout">Нужно разработать макет</label>-->
<div class="layout_list">
<div>Нужен макет?</div>
<div>
<span>Нет<input class="radio" checked type="radio" name="make_layout" id="make_layout_2"></span>
<span>Да<input class="radio" type="radio" name="make_layout" id="make_layout_1"></span>
</div>
</div>
</div>
<ul class="calc-left__cloth owl-carousel">
<li id="cl-sweat_single">Свитшоты</li>
<li id="cl-shirt_single" class="active">Футболки</li>
<li id="cl-polo_single">Поло</li>
<li id="cl-hoodie_single">Толстовки</li>
<li id="cl-custom">Свой вариант</li>
</ul>
<ul class="calc-left__sex">
<li id="shirt_woman">Женская</li>
<li id="shirt_man" class="active">Мужская</li>
</ul>
<div class="calc-command"><a href="#font-popup" class="button black btn-pop"><span>Выбрать шрифт надписи</span></a>
</div>
<div class="calc-price">
<div class="calc-price__left">Стоймость тиража</div>
<div class="calc-price__right"><span id="calc-price">2 500 </span><span>руб</span><a href="#clb_price" id="price-learn" class="callback500 btn-pop">Узнать</a>
</div>
</div>
<div class="calc-command"><a href="#clb_price" class="button callback500 red btn-pop"><span>Сделать заказ</span></a>
</div>
</div>
<div class="calc-right">
<div class="calculator">
<div class="calc-title">Розничный Калькулятор</div>
<div class="calc-descr">расчета стоимости <!--<span>футболки</span>-->
</div>
<div class="calc-inputs">
<div class="calc-item">
<div class="calc-item__left">
<div class="calc-input">
<label for="c-material">Материал</label>
<div class="calc-input__select">
<select disabled id="c-material">
<option disabled value="Синтетика"
selected data-material="160">Хлопок</option>
</select>
</div>
</div>
<div class="calc-input">
<label for="c-edition">Тираж</label>
<div class="calc-input__select">
<input type="number" value="1" min="1" placeholder="До 100" id="product_count">
</div>
</div>
</div>
<div class="calc-item__right">
<div class="calc-material__info">Качество ХЛОПОК - самые плотные из всех представленных. Такую одежду заказывают либо для личного использования, либо на подарок близким. Материал самый стойкий и
меньше остальных подвержены растяжению.
</div>
</div>
</div>
<div class="calc-item">
<!--<div class="calc-item__left">
<div class="calc-input">
<label for="c-colors__fr">Количество цветов на одной стороне</label>
<div class="calc-input__select">
<select id="c-colors__fr">
<option value="1" selected>1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
</div>
</div>
</div>-->
<div class="calc-item__left">
<div class="calc-input calc-size">
<label for="c-colors__bk">Размер</label>
<div class="calc-input__select">
<div class="size_list">
<div>xs</div>
<div>s</div>
<div>m</div>
<div>l</div>
<div>xl</div>
<div>xxl</div>
<div>3xl</div>
</div>
<div class="size_list">
<div><input type="checkbox" id="make_sizr_1"></div>
<div><input type="checkbox" id="make_sizr_2"></div>
<div><input type="checkbox" checked id="make_sizr_3"></div>
<div><input type="checkbox" id="make_sizr_4"></div>
<div><input type="checkbox" id="make_sizr_5"></div>
<div><input type="checkbox" id="make_sizr_6"></div>
<div><input type="checkbox" id="make_sizr_7"></div>
</div>
<!--<select id="c-size">
<option value="1" selected>Стандартный</option><option value="2">Детский</option>
</select>-->
<!--<span>Да <input type="radio" checked name="c-size" data-back="1" id="c-size_one"></span>
<span>Нет <input type="radio" name="c-size" data-back="1" id="c-size_two"></span>-->
</div>
</div>
</div>
<div class="calc-item__right">
<div class="calc-char__sides">
<input type="text" name="sides_scc" id="sides_scc" hidden value="1">
<div class="calc-char__tl">Сколько сторон?</div>
<div class="calc-input calc-input__chose">
<input type="radio" checked name="sides" data-back="1" id="sides_one">
<label for="sides_one">1</label>
</div>
<div class="calc-input calc-input__chose">
<input type="radio" name="sides" data-back="2" id="sides_two">
<label for="sides_two">2</label>
</div>
</div>
</div>
</div>
<!--
<div class="calc-item">
<div class="calc-item__left">
<div class="calc-input calc-back">
<label for="c-colors__bk">На второй стороне</label>
<div class="calc-input__select">
<select id="c-colors__bk">
<option value="1" selected>1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
</div>
</div>
</div>
</div>
-->
<div class="calc-item">
<div class="calc-item__left">
<div class="calc-char__color">
<div class="calc-char__tl">Выберите цвет</div>
<ul>
<!-- <li style="display:none" data-image="<?php echo get_template_directory_uri()?>/static/img/assets/calculator/f13.png" data-imagef="<?php echo get_template_directory_uri()?>/static/img/assets/calculator/f13m.png" data-images="<?php echo get_template_directory_uri()?>/static/img/assets/calculator/s13.png" data-imaget="<?php echo get_template_directory_uri()?>/static/img/assets/calculator/t13.png" data-imagep="<?php echo get_template_directory_uri()?>/static/img/assets/calculator/p13.png" data-imagez="<?php echo get_template_directory_uri()?>/static/img/assets/calculator/p13m.png" class="active"></li>-->
<li style="background-color: #000000" data-image="<?php echo get_template_directory_uri()?>/static/img/assets/calculator/f13.png" data-imagef="<?php echo get_template_directory_uri()?>/static/img/assets/calculator/f13m.png" data-images="<?php echo get_template_directory_uri()?>/static/img/assets/calculator/s13.png" data-imaget="<?php echo get_template_directory_uri()?>/static/img/assets/calculator/t13.png" data-imagep="<?php echo get_template_directory_uri()?>/static/img/assets/calculator/p13.png" data-imagez="<?php echo get_template_directory_uri()?>/static/img/assets/calculator/p13m.png" class="active"></li>
<li style="background-color: #0202ba" data-image="<?php echo get_template_directory_uri()?>/static/img/assets/calculator/f11.png" data-imagef="<?php echo get_template_directory_uri()?>/static/img/assets/calculator/f11m.png" data-images="<?php echo get_template_directory_uri()?>/static/img/assets/calculator/s11.png" data-imaget="<?php echo get_template_directory_uri()?>/static/img/assets/calculator/t11.png" data-imagep="<?php echo get_template_directory_uri()?>/static/img/assets/calculator/p11.png" data-imagez="<?php echo get_template_directory_uri()?>/static/img/assets/calculator/p11m.png" ></li>
<li style="background-color: #f9e606" data-image="<?php echo get_template_directory_uri()?>/static/img/assets/calculator/f4.png" data-imagef="<?php echo get_template_directory_uri()?>/static/img/assets/calculator/f4m.png" data-images="<?php echo get_template_directory_uri()?>/static/img/assets/calculator/s4.png" data-imaget="<?php echo get_template_directory_uri()?>/static/img/assets/calculator/t4.png" data-imagep="<?php echo get_template_directory_uri()?>/static/img/assets/calculator/p4.png" data-imagez="<?php echo get_template_directory_uri()?>/static/img/assets/calculator/p4m.png" ></li>
<li style="background-color: #7c7a21" data-image="<?php echo get_template_directory_uri()?>/static/img/assets/calculator/f2.png" data-imagef="<?php echo get_template_directory_uri()?>/static/img/assets/calculator/f2m.png" data-images="<?php echo get_template_directory_uri()?>/static/img/assets/calculator/s2.png" data-imaget="<?php echo get_template_directory_uri()?>/static/img/assets/calculator/t2.png" data-imagep="<?php echo get_template_directory_uri()?>/static/img/assets/calculator/p2.png" data-imagez="<?php echo get_template_directory_uri()?>/static/img/assets/calculator/p2m.png" ></li>
<li style="background-color: #ed0000" data-image="<?php echo get_template_directory_uri()?>/static/img/assets/calculator/f7.png" data-imagef="<?php echo get_template_directory_uri()?>/static/img/assets/calculator/f7m.png" data-images="<?php echo get_template_directory_uri()?>/static/img/assets/calculator/s7.png" data-imaget="<?php echo get_template_directory_uri()?>/static/img/assets/calculator/t7.png" data-imagep="<?php echo get_template_directory_uri()?>/static/img/assets/calculator/p7.png" data-imagez="<?php echo get_template_directory_uri()?>/static/img/assets/calculator/p7m.png" ></li>
<li style="background-color: #ed1e79" data-image="<?php echo get_template_directory_uri()?>/static/img/assets/calculator/f8.png" data-imagef="<?php echo get_template_directory_uri()?>/static/img/assets/calculator/f8m.png" data-images="<?php echo get_template_directory_uri()?>/static/img/assets/calculator/s8.png" data-imaget="<?php echo get_template_directory_uri()?>/static/img/assets/calculator/t8.png" data-imagep="<?php echo get_template_directory_uri()?>/static/img/assets/calculator/p8.png" data-imagez="<?php echo get_template_directory_uri()?>/static/img/assets/calculator/p8m.png" ></li>
<li style="background-color: #efacc8" data-image="<?php echo get_template_directory_uri()?>/static/img/assets/calculator/f9.png" data-imagef="<?php echo get_template_directory_uri()?>/static/img/assets/calculator/f9m.png" data-images="<?php echo get_template_directory_uri()?>/static/img/assets/calculator/s9.png" data-imaget="<?php echo get_template_directory_uri()?>/static/img/assets/calculator/t9.png" data-imagep="<?php echo get_template_directory_uri()?>/static/img/assets/calculator/p9.png" data-imagez="<?php echo get_template_directory_uri()?>/static/img/assets/calculator/p9m.png" ></li>
<li style="background-color: #5f2293" data-image="<?php echo get_template_directory_uri()?>/static/img/assets/calculator/f12.png" data-imagef="<?php echo get_template_directory_uri()?>/static/img/assets/calculator/f12m.png" data-images="<?php echo get_template_directory_uri()?>/static/img/assets/calculator/s12.png" data-imaget="<?php echo get_template_directory_uri()?>/static/img/assets/calculator/t12.png" data-imagep="<?php echo get_template_directory_uri()?>/static/img/assets/calculator/p12.png" data-imagez="<?php echo get_template_directory_uri()?>/static/img/assets/calculator/p12m.png" ></li>
<li style="background-color: #9b9b9b" data-image="<?php echo get_template_directory_uri()?>/static/img/assets/calculator/f10.png" data-imagef="<?php echo get_template_directory_uri()?>/static/img/assets/calculator/f10m.png" data-images="<?php echo get_template_directory_uri()?>/static/img/assets/calculator/s10.png" data-imaget="<?php echo get_template_directory_uri()?>/static/img/assets/calculator/t10.png" data-imagep="<?php echo get_template_directory_uri()?>/static/img/assets/calculator/p10.png" data-imagez="<?php echo get_template_directory_uri()?>/static/img/assets/calculator/p10m.png" ></li>
<li style="background-color: #29abe2" data-image="<?php echo get_template_directory_uri()?>/static/img/assets/calculator/f3.png" data-imagef="<?php echo get_template_directory_uri()?>/static/img/assets/calculator/f3m.png" data-images="<?php echo get_template_directory_uri()?>/static/img/assets/calculator/s3.png" data-imaget="<?php echo get_template_directory_uri()?>/static/img/assets/calculator/t3.png" data-imagep="<?php echo get_template_directory_uri()?>/static/img/assets/calculator/p3.png" data-imagez="<?php echo get_template_directory_uri()?>/static/img/assets/calculator/p3m.png" ></li>
<li style="background-color: #06e3dd" data-image="<?php echo get_template_directory_uri()?>/static/img/assets/calculator/f1.png" data-imagef="<?php echo get_template_directory_uri()?>/static/img/assets/calculator/f1m.png" data-images="<?php echo get_template_directory_uri()?>/static/img/assets/calculator/s1.png" data-imaget="<?php echo get_template_directory_uri()?>/static/img/assets/calculator/t1.png" data-imagep="<?php echo get_template_directory_uri()?>/static/img/assets/calculator/p1.png" data-imagez="<?php echo get_template_directory_uri()?>/static/img/assets/calculator/p1m.png" ></li>
<li style="background-color: #614c32" data-image="<?php echo get_template_directory_uri()?>/static/img/assets/calculator/f6.png" data-imagef="<?php echo get_template_directory_uri()?>/static/img/assets/calculator/f6m.png" data-images="<?php echo get_template_directory_uri()?>/static/img/assets/calculator/s6.png" data-imaget="<?php echo get_template_directory_uri()?>/static/img/assets/calculator/t6.png" data-imagep="<?php echo get_template_directory_uri()?>/static/img/assets/calculator/p6.png" data-imagez="<?php echo get_template_directory_uri()?>/static/img/assets/calculator/p6m.png" ></li>
<li class="is_white" style="background-color: #ffffff; border: 2px solid #9b9b9b;" data-image="<?php echo get_template_directory_uri()?>/static/img/assets/calculator/f14.png" data-imagef="<?php echo get_template_directory_uri()?>/static/img/assets/calculator/f14m.png" data-images="<?php echo get_template_directory_uri()?>/static/img/assets/calculator/s14.png" data-imaget="<?php echo get_template_directory_uri()?>/static/img/assets/calculator/t14.png" data-imagep="<?php echo get_template_directory_uri()?>/static/img/assets/calculator/p14.png" data-imagez="<?php echo get_template_directory_uri()?>/static/img/assets/calculator/p14m.png" ></li>
</ul>
</div>
</div>
<div class="calc-item__right">
<div class="calc-material__info">*Данный расчет является предварительным. Для получения точных данных необходима консультация менеджера! Нажимая кнопку «Сделать заказ», вы даете <a href="/privacy/" style="color:#ff293f">Согласие на обработку персональных данных</a>
</div>
</div>
</div>
<div class="calc-item calc-item__font">
<div class="calc-item__left">
<div class="calc-input">
<label>Выбраный шрифт</label>
<div class="calc-font">
<div class="calc-font__image">
<img src="<?php echo get_template_directory_uri()?>/static/img/assets/popup/s1.png" alt="">
</div>
<div class="calc-font__text"><span class="calc-font__name">Ivanov1 </span><span class="calc-font__weight">1 dp bold</span>
</div>
</div>
</div>
</div>
</div>
</div>
<!--<div class="calc-info">*Данный расчет является предварительным. Для получения точных данных необходима консультация менеджера! Нажимая кнопку «Сделать заказ», вы даете <a href="/privacy/">Согласие на обработку персональных данных</a>
</div>-->
</div>
</div>
</div>
</div>
</section>