Сумка-месенджер Bagland Scala 3 л. чорний (0021466)

Опис

</ iframe> </ p > </div> </article> <article class="accordion-item" data-actab-group="0" data-actab-id="2"> <div class="accordion-item__label">Відгуки</div> <div class="accordion-item__container"> <div data-parent-accordeon="false"> <div class="reviews-items-wrap"> <div class="reviews-empty notice is-info text-center c_special_bg"> <a class="js-accordeon underline" href="#review-modal">Написати відгук</a> </div> </div> <form class="review-form" method="post" action="/product/sumka-messendzher-bagland-scala-3-l-chernyy-0021466/reviews#review_form" enctype="multipart/form-data"> <div class="m-t-30 m-b-30 hide" data-href="#review-modal"> <div class="reviews-wrapper"> <div class="reviews-form"> <div id="review_form" class="form row is-grid flex-top js-review-wrapper"> <div class="form-row is-required cell-6 cell-12-sm "> <label class="form-label">Им'я <span class="text-error">*</span></label> <input name="review[author]" value="" type="text" class="form-field text-field inpt p-l-10 p-r-10"/> </div> <div class="form-row is-required cell-6 cell-12-sm "> <label class="form-label">E-mail <span class="text-error">*</span></label> <input name="review[email]" value="" type="text" class="form-field text-field inpt p-l-10 p-r-10"/> </div> <div class="form-row is-required cell-12 "> <label class="form-label">Коментар <span class="text-error">*</span></label> <textarea name="review[content]" class="form-field text-field is-textarea inpt p-l-10 p-r-10"></textarea> </div> <div class="form-row is-required cell-12 padded-sides"> <label for="review_image" class="form-label">Фотографія</label> <input type="file" name="review[image_attributes][image]" /> </div> <div class="form-row is-required cell-6 cell-12-sm "> <div id="captcha_challenge" class="captcha-recaptcha"> <script src='https://www.google.com/recaptcha/api.js?hl=ua' async defer></script><div class='g-recaptcha' data-sitekey='6Lc0T0YUAAAAAAVNiH-_bnSC4E-YHMFTeYOqZyRx' data-callback='onReCaptchaSuccess'></div> </div> </div> <div class="form-row is-required cell-6 cell-12-sm star-rating-row"> <label class="form-label">Оцінка</label> <div class="star-rating-wrapper"> <div class="star-rating"> <input name="review[rating]" id="star5-138715093" type="radio" name="reviewStars" class="star-radio" value="5"/> <label title="5" for="star5-138715093" class="star-label"></label> <input name="review[rating]" id="star4-138715093" type="radio" name="reviewStars" class="star-radio" value="4"/> <label title="4" for="star4-138715093" class="star-label"></label> <input name="review[rating]" id="star3-138715093" type="radio" name="reviewStars" class="star-radio" value="3"/> <label title="3" for="star3-138715093" class="star-label"></label> <input name="review[rating]" id="star2-138715093" type="radio" name="reviewStars" class="star-radio" value="2"/> <label title="2" for="star2-138715093" class="star-label"></label> <input name="review[rating]" id="star1-138715093" type="radio" name="reviewStars" class="star-radio" value="1"/> <label title="1" for="star1-138715093" class="star-label"></label> </div> </div> </div> <div class="form-controls cell-12"> <button type="submit" class="bttn-reg p-l-20 p-r-20">Відправити</button> </div> </div> <div class="m-t-10"> <small>Перед публікацією відгуки проходять модерацію</small> </div> </div> </div> </div> </form> <div class="reviews-items-wrap is-product m-t-20"> <div class="reviews-item b-top b-bottom opacity-border p-t-15 p-b-15"> <div class="review-header"> <div class="author h4-like m-b-10">Виктория</div> <div class="date m-b-10"><i class="fa fa-calendar"></i> 05.01.2020 08:46</div> <div class="star-rating-wrapper m-b-10"> <div class="star-rating"> <span class="star-item active"></span> <span class="star-item "></span> <span class="star-item "></span> <span class="star-item "></span> <span class="star-item "></span> </div> </div> </div> <div class="review-body"> <div>Хорошая сумочка. Аккуратно выполнена. Вместительная. Бесплатная доставка без подвоха. Хорошая праздничная скидка. Пожелание: больше делать женских сумок.</div> </div> </div> </div> </div> </div> </article> </section> </section> </div> </div> <div class="cell-4 text-left cell-12-sm js-768-to"> <div class="product-info p-l-10"> <h1 class="h2-like fw-400 m-t-0">Сумка-месенджер Bagland Scala 3 л. чорний (0021466)</h1> <form class="" action="/cart_items" method="post" data-product-id="138715093" data-recently-view="138715093" data-product-gallery=".js-product-gallery-main"> <div class="product-prices in-product m-b-15"> <div class="inline-middle fw-700"> <span data-product-price></span> </div>   <div class="inline-middle"> <span data-product-old-price></span> </div> </div> <p><a href="https://bagland.com.ua/page/payment_and_delivery"><img src="https://static.insalescdn.com/files/1/424/16974248/original/3_3x.png" alt="monobank" width="40" height="40" /></a> <a href="https://bagland.com.ua/page/payment_and_delivery"><img src="https://static.insalescdn.com/files/1/425/16974249/original/224x224_ОЧ_3.png" alt="privatbank" width="40" height="40" /></a></p> <p><span><span style="color:#0033ab; font-size: 1.3em;">213 грн. - </span>Безкоштовна розстрочка 0% на 3 платежа</span></p> <div class="product-variants m-b-10"> <input type="hidden" name="variant_id" value="" > </div> <div class="product-line w-100"> <div class="product-sku m-b-10 m-r-10" data-product-sku></div> <div data-product-available="" class="product-available m-b-10"></div> </div> <div class="product-buy row is-grid flex-middle w-100 p-b-20"> <div class="cell-4 cell-12-m cell-4-sm m-b-20-m m-b-0-sm"> <div data-quantity class="quantity is-product show-inline-block show-m"> <div class="quantity-controls"> <button data-quantity-change="-1" class="quantity-control bttn-count"> - </button> <input class="quantity-input" type="text" name="quantity" value="1" /> <button data-quantity-change="1" class="quantity-control bttn-count"> + </button> </div> </div> </div> <div class="cell-8 cell-12-m cell-8-sm"> <button type="submit" data-item-add class="bttn-reg in-product js-basket c_button w-100" id="add-tocard" custom-popup-link="dynamic_basket">В кошик</button> </div> <div class="cell-12 m-t-20 text-center-m"> <button type="button" class="bttn-underline c_special_2_color" data-quick-checkout="[data-product-id='138715093']"> <span>Купить в один клик</span>   <span class="transition inline-middle quick_checkout-arrow"> <?xml version="1.0"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 477.175 477.175" style="enable-background:new 0 0 477.175 477.175;" xml:space="preserve"><g><g><path d="M360.731,229.075l-225.1-225.1c-5.3-5.3-13.8-5.3-19.1,0s-5.3,13.8,0,19.1l215.5,215.5l-215.5,215.5 c-5.3,5.3-5.3,13.8,0,19.1c2.6,2.6,6.1,4,9.5,4c3.4,0,6.9-1.3,9.5-4l225.1-225.1C365.931,242.875,365.931,234.275,360.731,229.075z" data-original="#000000" class="active-path" data-old_color="#000000" fill="currentColor" fill="currentColor"/></g></g> </svg> </span> </button> </div> </div> <div class="product-properties m-b-20"> <div class="property m-t-5 m-b-5"> <label class="relative"><span>Розміри: </span></label> <span class="fw-700"> 23 x 19 x 7 </span> </div> <div class="property m-t-5 m-b-5"> <label class="relative"><span>Об`єм: </span></label> <span class="fw-700"> 3 </span> </div> <div class="property m-t-5 m-b-5"> <label class="relative"><span>Вага: </span></label> <span class="fw-700"> 0.30 </span> </div> <div class="property m-t-5 m-b-5"> <label class="relative"><span>Матеріал: </span></label> <span class="fw-700"> Тканина 600D W/R </span> </div> <div class="property m-t-5 m-b-5"> <label class="relative"><span>Країна-виробник товару: </span></label> <span class="fw-700"> Україна </span> </div> <div class="property m-t-5 m-b-5"> <label class="relative"><span>Стать: </span></label> <span class="fw-700"> Чоловіча , Унісекс </span> </div> <div class="property m-t-5 m-b-5"> <label class="relative"><span>Колір: </span></label> <span class="fw-700"> Чорний </span> </div> </div> </form> </div> </div> </div> </div> <div class="js-recently_view"></div> <script type="text/template" data-template-id="recently_view"> <div class="products products-recently js-recently-slider p-b-50 p-b-50-m relative"> <div class="container"> <h3 class="index-title"> Ранее вы смотрели </h3> <div class="products-slider-wrapper"> <div class="products-slider swiper-container is-recently" data-slider-mod=".swiper-container.is-recently"> <div class="swiper-wrapper"> <% _.forEach(products, function (product){ %> <div class="swiper-slide slide-is-recently"> <div class="card_micro relative m-b-10"> <div class="row"> <div class="cell-4"> <a href="<%= product.url %>" class="image-container is-square card_micro-image"> <img src="<%= product.first_image.large_url %>"> </a> </div> <div class="cell-8 relative"> <a href="<%= product.url %>" class="card_micro-info hover-opacity transition p-l-15"> <span class="card_micro-title p-b-10 h4-like w-100"> <%= product.title %> </span> <span class="card_micro-price"> <%= Shop.money.format(product.variants[0].price) %> </span> </a> <button type="button" style="position: initial; " class="bttn-favorite" data-favorites-trigger="<%= product.id %>"> <i class="far fa-heart"></i> <i class="fas fa-heart"></i> </button> </div> </div> </div> </div> <% }) %> </div> </div> <div class="products-control recently_view-control hide-lg"> <div class="review-slider-prev swiper-button-prev"> <svg style="display: block" width="12" height="22" viewBox="0 0 12 22" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M11 1L1 11L11 21" stroke="currentColor"/> </svg> </div> <div class="review-slider-prev swiper-button-next"> <svg style="display: block;" width="12" height="22" viewBox="0 0 12 22" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1 1L11 11L1 21" stroke="currentColor"/> </svg> </div> </div> </div> </div> </div> </script> <footer class="p-t-30 p-t-0-sm"> <div class="container"> <div class="row is-grid"> <div class="cell-3 post-1 cell-12-sm post-0-sm text-center-xs m-b-20-sm"> <div class="m-b-20 m-b-20-sm"> <a class="footer-logotype show" style="max-width: 120px;" href="/" title="Інтернет-магазин Bagland"> <img src="https://static.insalescdn.com/assets/1/3375/1707311/1648112568/logotype_1.png" alt="Інтернет-магазин Bagland" title="Інтернет-магазин Bagland" /> </a> </div> <div class="m-b-20 m-b-20-sm"> <p>Наша місія - допомогти кожному здійснити подорож мрії. Наші принципи - довговічність, доступність, дизайн - працюють на Bagland вже 27 років. Щомісяця команда з 200 людей виробляє 20 000 товарів, а кількість наших покупців прагне до 2 000 000.</p> </div> </div> <div class="cell-2 cell-4-sm cell-12-xs m-b-20-xs text-center-xs"> <div class="footer-menu"> <div class="h3-like m-b-10">Каталог</div> <ul class="no-list-style no-pad"> <li class="m-t-5 m-b-5"><a href="/collection/backpacks?" class="hover-opacity" title="Рюкзаки">Рюкзаки</a></li> <li class="m-t-5 m-b-5"><a href="/collection/bags?" class="hover-opacity" title="Сумки">Сумки</a></li> <li class="m-t-5 m-b-5"><a href="/collection/chemodany?" class="hover-opacity" title="Валізи">Валізи</a></li> <li class="m-t-5 m-b-5"><a href="/collection/aksessuary?" class="hover-opacity" title="Різне">Різне</a></li> <li class="m-t-5 m-b-5"><a href="/collection/krisla-kokoni?" class="hover-opacity" title="Крісла-кокони">Крісла-кокони</a></li> </ul> </div> </div> <div class="cell-3 cell-4-sm cell-12-xs m-b-20-xs text-center-xs"> <div class="footer-menu"> <div class="h3-like m-b-10">Информация</div> <ul class="no-list-style no-pad"> <li class="m-t-5 m-b-5"><a href="/page/dropshipping" class="hover-opacity" title="Дропшиппінг">Дропшиппінг</a></li> <li class="m-t-5 m-b-5"><a href="/page/skidka-3-pri-oplate-onlayn" class="hover-opacity" title="Знижка 2%">Знижка 2%</a></li> <li class="m-t-5 m-b-5"><a href="/page/bonusnaya-programma" class="hover-opacity" title="Бонусна програма">Бонусна програма</a></li> <li class="m-t-5 m-b-5"><a href="/page/poshiv-sumok-na-zakaz" class="hover-opacity" title="Сумки на замовлення">Сумки на замовлення</a></li> <li class="m-t-5 m-b-5"><a href="/blogs/blog" class="hover-opacity" title="Блог">Блог</a></li> <li class="m-t-5 m-b-5"><a href="/page/oferta" class="hover-opacity" title="Політика конфіденційності та оферта">Політика конфіденційності та оферта</a></li> <li class="m-t-5 m-b-5"><a href="/page/feedback" class="hover-opacity" title="Зворотній зв'язок">Зворотній зв'язок</a></li> <li class="m-t-5 m-b-5"><a href="/page/vozvrat-obmen-tovara" class="hover-opacity" title="Повернення / обмін товару">Повернення / обмін товару</a></li> </ul> </div> </div> <div class="cell-3 cell-4-sm text-right cell-12-xs text-center-xs"> <div class="m-b-5"> <a class="h3-like" href="callto:+380503030384">+380503030384</a> </div> <div class="m-b-20"> <a class="js-modal bttn-underline hover-opacity" href="#feedback-modal">Зворотній дзвінок</a> </div>  </div> </div> </div> <div class="social-line p-t-10 p-b-10 m-t-50 m-t-20-sm"> <ul class="social no-list-style h4-like p-0 m-t-0 m-b-0"> <li class="inline-middle m-l-10 m-r-10"> <a target="_blank" href="https://www.youtube.com/channel/UCpgY_JFk4ZGAFF542Mj9Aeg" title="youtube" title="youtube" class="hover-opacity"> <div class="fab fa-youtube" aria-hidden="true"></div> </a> </li> <li class="inline-middle m-l-10 m-r-10"> <a target="_blank" href="https://www.facebook.com/bagland.com.ua/" title="facebook" title="facebook" class="hover-opacity"> <div class="fab fa-facebook" aria-hidden="true"></div> </a> </li> <li class="inline-middle m-l-10 m-r-10"> <a target="_blank" href="https://www.instagram.com/bagland.com.ua/" title="instagram" title="instagram" class="hover-opacity"> <div class="fab fa-instagram" aria-hidden="true"></div> </a> </li> </ul> </div> </footer> <script type="text/javascript"> Site.messages = { "js_label_article": "арт.", "js_available": "Є в наявності", "js_notAvailable": "Немає в наявності", "js_quantityEnds": "Закінчується", "js_quantityAlot": "Багато", "js_quantityNotAvailable": "Немає в наявності", "successReviewSend": "Форма Успішно відправлена! Ваш відгук скоро буде опублікований", "feedback_sent": "Відправлено зі сторінки", "error_from": "Поле e-mail має невірне значення", "error_phone": "Вкажіть номер в міжнародному форматі", "error_name": "Не заповнене поле Ім'я", "error_subject": "Не заповнене поле тема повідомлення", "error_agree": "Необхідно прийняти умови передачі інформації", "error_content": "Не заповнене поле текст повідомлення", "success_success": "Повідомлення успішно відправлено!", "success_fail": "Повідомлення не відправлене, спробуйте ще раз!", "success_error": "Невірно заповнені поля!", "feedback_name": "не заповнено", "feedback_phone": "не заповнено", "feedback_subject": "Заказ зворотнього дзвінка.", "feedback_content": "Заказ зворотнього дзвінка.", "t_errorMessages_from": "Поле e-mail має невірне значення", "t_errorMessages_phone": "Вкажіть номер в правильному форматі!", "t_errorMessages_name": "Не заповнене поле ім'я", "t_errorMessages_subject": "Не заповнене поле тема повідомлення", "t_errorMessages_agree": "Необхідно прийняти умови передачі інформації", "t_errorMessages_content": "Не заповнене поле текст повідомлення", "feedback_sent": "Відправлено зі сторінки", "label_product": "Товар", "label_article": "Артикул", "feedback_name": "не заповнено", "t_errorMessages_success": "Повідомлення успішно відправлено!", "t_errorMessages_fail": "Повідомлення не відправлено, спробуйте ще раз!", "t_errorMessages_error": "Невірно заповнені поля!", "reviews_are_moderated": "Перед публікацією відгуки проходять модерацію", "promo_autoplay": "3000", "slides_per_view": "1.5", "product_style": "2" }; </script> <script src="https://static.insalescdn.com/assets/1/3375/1707311/1648112568/jquery.min.js"></script> <script src="https://static.insalescdn.com/assets/1/3375/1707311/1648112568/insales_theme_settings.js"></script> <script src="https://static.insalescdn.com/assets/1/3375/1707311/1648112568/theme.js"></script> <script src="https://static.insalescdn.com/assets/1/3375/1707311/1648112568/plugins.js"></script> <script src="https://static.insalescdn.com/assets/1/3375/1707311/1648112568/mask.js"></script> <script type="text/template" data-template-id="option-select"> <div class="<%= classes.option %> is-select"> <label class="<%= classes.label %>"><%= title %></label> <div class="relative"> <select class="<%= classes.values %> slct relative" data-option-bind="<%= option.id %>"> <% _.forEach(values, function (value){ %> <option <%= value.controls %> <%= value.state %> > <%= value.title %> </option> <% }) %> </select> </div> </div> </script> <script type="text/template" data-template-id="option-span"> <div class="<%= classes.option %> is-span"> <label class="<%= classes.label %>"><%= title %></label> <div class="<%= classes.values %>"> <% _.forEach(values, function (value){ %> <button class="<%= value.classes.all %> is-span" <%= value.controls %> <%= value.state %> > <%= value.title %> </button> <% }) %> </div> </div> </script> <script type="text/template" data-template-id="option-radio"> <div class="<%= classes.option %> is-radio"> <label class="<%= classes.label %>"><%= title %></label> <div class="<%= classes.values %>"> <% _.forEach(values, function (value){ %> <label class="<%= value.classes.all %> is-radio"> <input class="<%= value.classes.state %>" type="radio" name="<%= handle %>" <%= value.state %> <%= value.controls %> > <span><%= value.title %></span> </label> <% }) %> </div> </div> </script> <script type="text/template" data-template-id="option-image"> <div class="<%= classes.option %> option-<%= option.handle %>"> <label class="<%= classes.label %>"><%= title %></label> <div> <% _.forEach(option.values, function (value){ %> <span data-option-bind="<%= option.id %>" data-value-position="<%= value.position %>" class="option-image <% if (option.selected == value.position & initOption) { %>active<% } %> <% if (value.disabled) { %>disabled<% } %>" > <% if (images[value.name]) { %> <img src="<%= images[value.name].small_url %>" alt="<%= value.title %>"> <% }else{ %> <span><%= value.title %></span> <% } %> </span> <% }) %> </div> </div> </script> <div id="feedback-modal" class="modal-hide feedback-modal mfp-with-anim pallette_1 modal-color"> <div class="feedback-inner"> <div class="h3-like text-center m-b-20">Зворотній дзвінок</div> <form class="feedback js-feedback" action="/client_account/feedback" method="post"> <div class="feedback-row m-b-15" data-feedback-field> <div class="feedback-field-wrap"> <input placeholder="Им'я" name="name" type="text" class="feedback-field inpt text-field p-l-10 p-r-10 w-100" /> </div> </div> <div class="feedback-row is-required m-b-15" data-feedback-field> <label class="form-label m-b-5">Телефон</label> <div class="feedback-field-wrap"> <input placeholder="" name="phone" type="text" class="feedback-field inpt text-field p-l-10 p-r-10 w-100" value="" /> </div> </div> <div class="feedback-row form-error notice notice-error m-b-15" data-feedback-errors style="display: none;"> </div> <div class="feedback-row form-done" data-feedback-success> </div> <div class="feedback-row m-b-15" data-feedback-field> <label class="feedback-agree chkbx-label"> <input checked class="chkbx" type="checkbox" name="" value="" data-feedback-agree> <span class="chkbx-control"> <?xml version="1.0" encoding="iso-8859-1"?>  <svg fill="currentColor" class="unchecked" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 60 60" style="enable-background:new 0 0 60 60;" xml:space="preserve"> <g> <path d="M0,0v60h60V0H0z M58,58H2V2h56V58z"/> </g> </svg> <?xml version="1.0" encoding="iso-8859-1"?>  <svg fill="currentColor" class="checked" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 60 60" style="enable-background:new 0 0 60 60;" xml:space="preserve"> <g> <path d="M26.375,39.781C26.559,39.928,26.78,40,27,40c0.276,0,0.551-0.114,0.748-0.336l16-18c0.367-0.412,0.33-1.045-0.083-1.411 c-0.414-0.368-1.045-0.33-1.412,0.083l-15.369,17.29l-9.259-7.407c-0.43-0.345-1.061-0.273-1.405,0.156 c-0.345,0.432-0.275,1.061,0.156,1.406L26.375,39.781z"/> <path d="M0,0v60h60V0H0z M58,58H2V2h56V58z"/> </g> </svg> </span> <span class="chkbx-text opacity-07 transition">Погоджуюся з обробкою персональних даних</span> </label> </div> <div class="feedback-row"> <button class="bttn-reg w-100 c_button" type="submit" name="bttn" data-feedback-submit> Відправити </button> </div> <input type="hidden" name="subject" value="Зворотній дзвінок"> </form> </div> </div> <div class="cart-popup side-popup top w-100 transition pallette_2" custom-popup-modal="dynamic_basket"> <a class="button-close dynamic_basket-close opacity-hover pallette_1" href="#" custom-popup-close="dynamic_basket"> <div class="button-close-div"> <span>закрыть</span> <svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1 1L10 10M19 19L10 10M10 10L19 1L1 19" stroke-width="2" /> </svg> </div> </a> <div class="container p-t-70 relative"> <div class="cart-title h2-like p-b-10">Корзина</div> <div class="cart-items dynamic_basket js-dynamic_basket"></div> </div> </div> <div class="popup-bg" custom-popup-bg="dynamic_basket"></div> <script type="text/template" data-template-id="dynamic_basket"> <form action="/cart_items" method="post" data-ajax-cart> <input type="hidden" name="_method" value="put"> <input type="hidden" name="make_order" value=""> <div class="dynamic_basket-list b-bottom opacity-border"> <% if(order_lines.length == 0){ %> <div class="notice notice-empty text-center pallette_1"> Ваш кошик пустий </div> <% } %> <% _.forEach(order_lines, function (value){ %> <div class="cart-item relative pallette_1 p-t-15 p-b-15 p-t-30-sm" data-item-id="<%= value.id %>" data-product-id="<%= value.product_id %>"> <div class="row is-grid flex-middle"> <div class="cart-image cell-2 cell-3-sm"> <img src="<% if(value.first_image.medium_url == '/images/no_image_medium.jpg'){ %>https://static.insalescdn.com/assets/1/3375/1707311/1648112568/no_image.png<% } %><% if(value.first_image.medium_url != '/images/no_image_medium.jpg'){ %><%= value.first_image.medium_url %><% } %>" /> </div> <div class="cell-10 cell-9-sm"> <div class="row flex-middle"> <div class="cell-3 m-b-10 cell-12-xs m-b-10-xs"> <div class="h4-like"><%= value.title %></div> </div> <div class="cell-3 text-center cell-12-xs m-b-10-xs text-left-xs"> <div class="cart-price m-b-5"> <span class="fw-400" data-change-price><%= Shop.money.format(value.sale_price) %></span> </div> </div> <div class="cell-3 text-center cell-12-xs m-b-10-xs text-left-xs"> <div class="cart-quan m-b-5"> <div data-quantity class="quantity is-basket inline-middle"> <div class="quantity-controls"> <button data-quantity-change="-1" class="quantity-control bttn-count">-</button> <input class="quantity-input" type="text" name="cart[quantity][<%= value.id %>]" value="<%= value.quantity %>" /> <button data-quantity-change="1" class="quantity-control bttn-count">+</button> </div> </div> </div> </div> <div class="cell-3 text-center text-left-sm"> <%= Shop.money.format(value.total_price) %> </div> </div> </div> <div class="cart-delete absolute"> <button class="bttn-link hover-opacity" data-item-delete="<%= value.id %>">Видалити</button> </div> </div> </div> <% }) %> </div> <% if(order_lines.length > 0){ %> <div class="flex-between flex-middle opacity-border p-b-20 p-t-20 row"> <div data-discounts class="cell-6 cell-12-sm"> <% if(typeof errors !== 'undefined' && errors.length > 0) { %> <% _.forEach(errors, function (valueerr){ %> <div class="cell-12"> <%= valueerr %> </div> <% }) %> <% } %> <% if(typeof coupon !== 'undefined' && !coupon.valid && coupon.error) { %> <div class="cell-12"> <%= coupon.error %> </div> <% } %> <% if(typeof discounts !== 'undefined' && discounts.length) { %> <% _.forEach(order_lines, function (disc){ %> <div class="cell-"> <%= disc.description %> </div> <div class="cell-"> <% var discPrice = '-' + disc.discount + '%'; if(disc.percent == null){var discPrice = Shop.money.format(disc.discount)}; %> <%= discPrice %> </div> <% }) %> <% } %> </div> <div class="coupon-wrapper cell-6 pallette_1 cell-12-sm m-b-15-xs row"> <input class="inpt inpt-underline cell-6 cell-6-sm" type="text" name="cart[coupon]" placeholder="Купон" value="<% if(typeof coupon != 'undefined'){ %><%= coupon.value %><% } %>" data-item-coupon /> <a class="bttn-c c_button cell-6 cell-6-sm text-center" href="#" data-coupon-submit>Застосувати купон</a> </div> </div> <div class="basket-footer row is-grid flex-middle p-t-15 p-b-15"> <div class="dynamic_basket-total row is-grid flex-middle flex-between cell-6 cell-12-xs m-b-15-xs"> <div class="cell-6 h4-like text-uppercase">Разом</div> <div class="basket-total-price cell-6 h4-like fw-700 text-right" data-basket-total-price> <%= Shop.money.format(total_price) %> </div> </div> <div class="cell-6 cell-12-xs"> <div class="relative"> <button type="submit" data-cart-submit class="dynamic_basket-submit bttn-reg c_button w-100">Оформити замовлення</button> </div> </div> </div> <% } %> </form> </script> <div class="mobile-popup side-popup top w-100 transition pallette_1" custom-popup-modal="mobile-menu" style="background-color: #fff;"> <a class="button-close dynamic_basket-close opacity-hover pallette_1" href="#" custom-popup-close="mobile-menu"> <div class="button-close-div"> <span>Закрыть меню</span> <svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1 1L10 10M19 19L10 10M10 10L19 1L1 19" stroke-width="2" /> </svg> </div> </a> <div class="container container-small h-100 p-t-70 p-b-50 relative"> <div class="row flex-top h-100"> <div class="cell-12"> <div class="row flex-middle flex-between m-b-20"> <div class="cell-"> <a href="/" class="mobile-logotype"> <img src="https://static.insalescdn.com/assets/1/3375/1707311/1648112568/logotype_1.png" alt="Інтернет-магазин Bagland" title="Інтернет-магазин Bagland" /> </a> </div> <div class="cell-"> <div class="custom-select inline-middle relative"> <div class="custom-select-heading"> <a class="inline-top" href="?lang=ua"> <img class="inline-middle" src="https://static.insalescdn.com/images/flags/1/4311/798935/flag/ua.png" alt="Украинский" title="Украинский" /> <span class="inline-middle">Украинский</span> <span class="inline-middle"> <?xml version='1.0' encoding='utf-8'?> <svg style="display: block; width: .8em;margin-left: -3px;" version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 129 129" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 129 129"> <g> <path d="m121.3,34.6c-1.6-1.6-4.2-1.6-5.8,0l-51,51.1-51.1-51.1c-1.6-1.6-4.2-1.6-5.8,0-1.6,1.6-1.6,4.2 0,5.8l53.9,53.9c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2l53.9-53.9c1.7-1.6 1.7-4.2 0.1-5.8z" fill="currentColor" /> </g> </svg> </span> </a> </div> <div class="custom-select-options pallette_1 hide absolute z-1000 b-top b-left b-right b-bottom br-7 opacity-border p-t-5 p-l-10 p-r-10 p-b-5 m-t-5"> <div> <a href="?lang=ru"> <img class="inline-middle" src="https://static.insalescdn.com/images/flags/1/8166/409574/flag/ru.png" alt="Русский" title="Русский" /> <span class="inline-middle">Русский</span> </a> </div> <div> <a href="?lang=ua"> <img class="inline-middle" src="https://static.insalescdn.com/images/flags/1/4311/798935/flag/ua.png" alt="Украинский" title="Украинский" /> <span class="inline-middle">Украинский</span> </a> </div> </div> </div> </div> </div> <div class="collection-flatten flatten-mobile m-b-30"> <ul class="no-list-style menu level-1" data-menu-id="collection-flatten"> <li class=""> <a href="/collection/new" class="menu-link" data-menu-link="new" data-menu-link-source="collection"> <span class="">Новинки</span> </a> </li> <li class=""> <a href="/collection/backpacks" class="menu-link" data-menu-link="backpacks" data-menu-link-source="collection"> <span class="">Рюкзаки</span> </a> <span class="js-flatten-open inline-middle transition"> <?xml version='1.0' encoding='utf-8'?> <svg style="display: block; width: .8em;margin-left: -3px;" version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 129 129" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 129 129"> <g> <path d="m121.3,34.6c-1.6-1.6-4.2-1.6-5.8,0l-51,51.1-51.1-51.1c-1.6-1.6-4.2-1.6-5.8,0-1.6,1.6-1.6,4.2 0,5.8l53.9,53.9c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2l53.9-53.9c1.7-1.6 1.7-4.2 0.1-5.8z" fill="currentColor" /> </g> </svg> </span> <ul class="menu subcol1 no-list-style columns"> <li class=""> <a href="/collection/muzhskie-ryukzaki" class="menu-link" data-menu-link="muzhskie-ryukzaki" data-menu-link-source="collection"> <span class="">Чоловічі рюкзаки</span> </a> </li> <li class=""> <a href="/collection/zhenskie-ryukzaki" class="menu-link" data-menu-link="zhenskie-ryukzaki" data-menu-link-source="collection"> <span class="">Жіночі рюкзаки</span> </a> </li> <li class=""> <a href="/collection/gorodskie-ryukzaki" class="menu-link" data-menu-link="gorodskie-ryukzaki" data-menu-link-source="collection"> <span class="">Міські рюкзаки</span> </a> </li> <li class=""> <a href="/collection/molodezhnye-ryukzaki" class="menu-link" data-menu-link="molodezhnye-ryukzaki" data-menu-link-source="collection"> <span class="">Молодіжні рюкзаки</span> </a> </li> <li class=""> <a href="/collection/fashion-backpacks" class="menu-link" data-menu-link="fashion-backpacks" data-menu-link-source="collection"> <span class="">Модні рюкзаки</span> </a> </li> <li class=""> <a href="/collection/small-backpacks" class="menu-link" data-menu-link="small-backpacks" data-menu-link-source="collection"> <span class="">Маленькі рюкзаки</span> </a> </li> <li class=""> <a href="/collection/medium-backpacks" class="menu-link" data-menu-link="medium-backpacks" data-menu-link-source="collection"> <span class="">Середні рюкзаки</span> </a> </li> <li class=""> <a href="/collection/large-backpacks" class="menu-link" data-menu-link="large-backpacks" data-menu-link-source="collection"> <span class="">Великі рюкзаки</span> </a> </li> <li class=""> <a href="/collection/detskie-ryukzaki" class="menu-link" data-menu-link="detskie-ryukzaki" data-menu-link-source="collection"> <span class="">Дитячі рюкзаки</span> </a> </li> <li class=""> <a href="/collection/shkolnye-ryukzaki" class="menu-link" data-menu-link="shkolnye-ryukzaki" data-menu-link-source="collection"> <span class="">Шкільні ранці</span> </a> </li> <li class=""> <a href="/collection/backpacks-for-first-formers" class="menu-link" data-menu-link="backpacks-for-first-formers" data-menu-link-source="collection"> <span class="">Рюкзаки для першокласника</span> </a> </li> <li class=""> <a href="/collection/luminous_backpacks" class="menu-link" data-menu-link="luminous_backpacks" data-menu-link-source="collection"> <span class="">Рюкзаки з підсвічуванням</span> </a> </li> <li class=""> <a href="/collection/ortopedicheskie-ryukzaki" class="menu-link" data-menu-link="ortopedicheskie-ryukzaki" data-menu-link-source="collection"> <span class="">Ортопедичні рюкзаки</span> </a> <span class="js-flatten-open inline-middle transition"> <?xml version='1.0' encoding='utf-8'?> <svg style="display: block; width: .8em;margin-left: -3px;" version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 129 129" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 129 129"> <g> <path d="m121.3,34.6c-1.6-1.6-4.2-1.6-5.8,0l-51,51.1-51.1-51.1c-1.6-1.6-4.2-1.6-5.8,0-1.6,1.6-1.6,4.2 0,5.8l53.9,53.9c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2l53.9-53.9c1.7-1.6 1.7-4.2 0.1-5.8z" fill="currentColor" /> </g> </svg> </span> <ul class="menu subcol2 no-list-style "> <li class=""> <a href="/collection/dlya-detey" class="menu-link" data-menu-link="dlya-detey" data-menu-link-source="collection"> <span class="">Для дітей</span> </a> </li> <li class=""> <a href="/collection/dlya-vzroslyh" class="menu-link" data-menu-link="dlya-vzroslyh" data-menu-link-source="collection"> <span class="">Для дорослих</span> </a> </li> </ul> </li> <li class=""> <a href="/collection/ryukzaki-dlya-noutbuka" class="menu-link" data-menu-link="ryukzaki-dlya-noutbuka" data-menu-link-source="collection"> <span class="">Рюкзаки для ноутбука</span> </a> </li> <li class=""> <a href="/collection/ryukzaki-dlya-puteshestviy" class="menu-link" data-menu-link="ryukzaki-dlya-puteshestviy" data-menu-link-source="collection"> <span class="">Рюкзаки для подорожей</span> </a> </li> <li class=""> <a href="/collection/sports-backpacks" class="menu-link" data-menu-link="sports-backpacks" data-menu-link-source="collection"> <span class="">Спортивні рюкзаки</span> </a> </li> <li class=""> <a href="/collection/eco-leather-backpacks" class="menu-link" data-menu-link="eco-leather-backpacks" data-menu-link-source="collection"> <span class="">Рюкзаки з екокожі</span> </a> </li> <li class=""> <a href="/collection/smart-backpacks" class="menu-link" data-menu-link="smart-backpacks" data-menu-link-source="collection"> <span class="">Smart рюкзаки</span> </a> </li> <li class=""> <a href="/collection/inexpensive-backpacks" class="menu-link" data-menu-link="inexpensive-backpacks" data-menu-link-source="collection"> <span class="">Дешеві рюкзаки</span> </a> </li> <li class=""> <a href="/collection/ryukzak-karman-antivor" class="menu-link" data-menu-link="ryukzak-karman-antivor" data-menu-link-source="collection"> <span class="">Рюкзак кишеня-антизлодій</span> </a> </li> <li class=""> <a href="/collection/so-znachkami-lipuchkami" class="menu-link" data-menu-link="so-znachkami-lipuchkami" data-menu-link-source="collection"> <span class="">Зі значками-липучками</span> </a> </li> </ul> </li> <li class=""> <a href="/collection/bags" class="menu-link" data-menu-link="bags" data-menu-link-source="collection"> <span class="">Сумки</span> </a> <span class="js-flatten-open inline-middle transition"> <?xml version='1.0' encoding='utf-8'?> <svg style="display: block; width: .8em;margin-left: -3px;" version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 129 129" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 129 129"> <g> <path d="m121.3,34.6c-1.6-1.6-4.2-1.6-5.8,0l-51,51.1-51.1-51.1c-1.6-1.6-4.2-1.6-5.8,0-1.6,1.6-1.6,4.2 0,5.8l53.9,53.9c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2l53.9-53.9c1.7-1.6 1.7-4.2 0.1-5.8z" fill="currentColor" /> </g> </svg> </span> <ul class="menu subcol1 no-list-style "> <li class=""> <a href="/collection/ruchnaya-klad-lowcost" class="menu-link" data-menu-link="ruchnaya-klad-lowcost" data-menu-link-source="collection"> <span class="">Ручна поклажа (Lowcost)</span> </a> </li> <li class=""> <a href="/collection/sumki-na-poyas" class="menu-link" data-menu-link="sumki-na-poyas" data-menu-link-source="collection"> <span class="">Сумки на пояс</span> </a> </li> <li class=""> <a href="/collection/sportivnye-sumki" class="menu-link" data-menu-link="sportivnye-sumki" data-menu-link-source="collection"> <span class="">Спортивні сумки</span> </a> </li> <li class=""> <a href="/collection/sumki-cherez-plecho" class="menu-link" data-menu-link="sumki-cherez-plecho" data-menu-link-source="collection"> <span class="">Сумки через плече</span> </a> </li> <li class=""> <a href="/collection/dorozhnye-sumki" class="menu-link" data-menu-link="dorozhnye-sumki" data-menu-link-source="collection"> <span class="">Дорожні сумки</span> </a> </li> <li class=""> <a href="/collection/sumki-shopper" class="menu-link" data-menu-link="sumki-shopper" data-menu-link-source="collection"> <span class="">Сумка шоппер</span> </a> </li> </ul> </li> <li class=""> <a href="/collection/chemodany" class="menu-link" data-menu-link="chemodany" data-menu-link-source="collection"> <span class="">Валізи</span> </a> <span class="js-flatten-open inline-middle transition"> <?xml version='1.0' encoding='utf-8'?> <svg style="display: block; width: .8em;margin-left: -3px;" version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 129 129" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 129 129"> <g> <path d="m121.3,34.6c-1.6-1.6-4.2-1.6-5.8,0l-51,51.1-51.1-51.1c-1.6-1.6-4.2-1.6-5.8,0-1.6,1.6-1.6,4.2 0,5.8l53.9,53.9c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2l53.9-53.9c1.7-1.6 1.7-4.2 0.1-5.8z" fill="currentColor" /> </g> </svg> </span> <ul class="menu subcol1 no-list-style "> <li class=""> <a href="/collection/dorozhnye-chemodany" class="menu-link" data-menu-link="dorozhnye-chemodany" data-menu-link-source="collection"> <span class="">Дорожні валізи</span> </a> </li> <li class=""> <a href="/collection/sumki-na-kolesah" class="menu-link" data-menu-link="sumki-na-kolesah" data-menu-link-source="collection"> <span class="">Сумки на колесах</span> </a> </li> <li class=""> <a href="/collection/chemodany-ruchnaya-klad" class="menu-link" data-menu-link="chemodany-ruchnaya-klad" data-menu-link-source="collection"> <span class="">Валізи ручна поклажа</span> </a> </li> <li class=""> <a href="/collection/chemodany-srednie" class="menu-link" data-menu-link="chemodany-srednie" data-menu-link-source="collection"> <span class="">Валізи середні</span> </a> </li> <li class=""> <a href="/collection/chemodany-bolshie" class="menu-link" data-menu-link="chemodany-bolshie" data-menu-link-source="collection"> <span class="">Валізи великі</span> </a> </li> <li class=""> <a href="/collection/chemodany-tsvetnye" class="menu-link" data-menu-link="chemodany-tsvetnye" data-menu-link-source="collection"> <span class="">Валізи кольорові</span> </a> </li> <li class=""> <a href="/collection/chemodany-odnotonnye" class="menu-link" data-menu-link="chemodany-odnotonnye" data-menu-link-source="collection"> <span class="">Валізи однотонні</span> </a> </li> <li class=""> <a href="/collection/nedorogie-chemodany" class="menu-link" data-menu-link="nedorogie-chemodany" data-menu-link-source="collection"> <span class="">Дешеві валізи</span> </a> </li> </ul> </li> <li class=""> <a href="/collection/printi" class="menu-link" data-menu-link="printi" data-menu-link-source="collection"> <span class="">Принти</span> </a> <span class="js-flatten-open inline-middle transition"> <?xml version='1.0' encoding='utf-8'?> <svg style="display: block; width: .8em;margin-left: -3px;" version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 129 129" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 129 129"> <g> <path d="m121.3,34.6c-1.6-1.6-4.2-1.6-5.8,0l-51,51.1-51.1-51.1c-1.6-1.6-4.2-1.6-5.8,0-1.6,1.6-1.6,4.2 0,5.8l53.9,53.9c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2l53.9-53.9c1.7-1.6 1.7-4.2 0.1-5.8z" fill="currentColor" /> </g> </svg> </span> <ul class="menu subcol1 no-list-style "> <li class=""> <a href="/collection/print-28" class="menu-link" data-menu-link="print-28" data-menu-link-source="collection"> <span class="">Принт 28</span> </a> </li> <li class=""> <a href="/collection/sublimatsiya-103" class="menu-link" data-menu-link="sublimatsiya-103" data-menu-link-source="collection"> <span class="">Принт 103</span> </a> </li> <li class=""> <a href="/collection/sublimatsiya-106" class="menu-link" data-menu-link="sublimatsiya-106" data-menu-link-source="collection"> <span class="">Принт 106</span> </a> </li> <li class=""> <a href="/collection/sublimatsiya-220" class="menu-link" data-menu-link="sublimatsiya-220" data-menu-link-source="collection"> <span class="">Принт 220</span> </a> </li> <li class=""> <a href="/collection/print-293" class="menu-link" data-menu-link="print-293" data-menu-link-source="collection"> <span class="">Принт 293</span> </a> </li> <li class=""> <a href="/collection/katalog-1-5b1e1d" class="menu-link" data-menu-link="katalog-1-5b1e1d" data-menu-link-source="collection"> <span class="">Принт 361</span> </a> </li> <li class=""> <a href="/collection/katalog-1-adc8b1" class="menu-link" data-menu-link="katalog-1-adc8b1" data-menu-link-source="collection"> <span class="">Принт 385</span> </a> </li> <li class=""> <a href="/collection/print-455" class="menu-link" data-menu-link="print-455" data-menu-link-source="collection"> <span class="">Принт 455</span> </a> </li> <li class=""> <a href="/collection/print-456" class="menu-link" data-menu-link="print-456" data-menu-link-source="collection"> <span class="">Принт 456</span> </a> </li> <li class=""> <a href="/collection/print-459" class="menu-link" data-menu-link="print-459" data-menu-link-source="collection"> <span class="">Принт 459</span> </a> </li> <li class=""> <a href="/collection/sublimatsiya-462" class="menu-link" data-menu-link="sublimatsiya-462" data-menu-link-source="collection"> <span class="">Принт 462</span> </a> </li> <li class=""> <a href="/collection/print-463" class="menu-link" data-menu-link="print-463" data-menu-link-source="collection"> <span class="">Принт 463</span> </a> </li> <li class=""> <a href="/collection/print-466" class="menu-link" data-menu-link="print-466" data-menu-link-source="collection"> <span class="">Принт 466</span> </a> </li> <li class=""> <a href="/collection/print-477" class="menu-link" data-menu-link="print-477" data-menu-link-source="collection"> <span class="">Принт 477</span> </a> </li> <li class=""> <a href="/collection/sublimatsiya-481" class="menu-link" data-menu-link="sublimatsiya-481" data-menu-link-source="collection"> <span class="">Принт 481</span> </a> </li> </ul> </li> <li class=""> <a href="/collection/aksessuary" class="menu-link" data-menu-link="aksessuary" data-menu-link-source="collection"> <span class="">Різне</span> </a> <span class="js-flatten-open inline-middle transition"> <?xml version='1.0' encoding='utf-8'?> <svg style="display: block; width: .8em;margin-left: -3px;" version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 129 129" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 129 129"> <g> <path d="m121.3,34.6c-1.6-1.6-4.2-1.6-5.8,0l-51,51.1-51.1-51.1c-1.6-1.6-4.2-1.6-5.8,0-1.6,1.6-1.6,4.2 0,5.8l53.9,53.9c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2l53.9-53.9c1.7-1.6 1.7-4.2 0.1-5.8z" fill="currentColor" /> </g> </svg> </span> <ul class="menu subcol1 no-list-style "> <li class=""> <a href="/collection/kosmetichki" class="menu-link" data-menu-link="kosmetichki" data-menu-link-source="collection"> <span class="">Косметички</span> </a> </li> <li class=""> <a href="/collection/organayzery" class="menu-link" data-menu-link="organayzery" data-menu-link-source="collection"> <span class="">Органайзери</span> </a> </li> <li class=""> <a href="/collection/koshiki" class="menu-link" data-menu-link="koshiki" data-menu-link-source="collection"> <span class="">Кошики</span> </a> </li> <li class=""> <a href="/collection/ryukzak-transformer" class="menu-link" data-menu-link="ryukzak-transformer" data-menu-link-source="collection"> <span class="">Рюкзак трансформер</span> </a> </li> <li class=""> <a href="/collection/Bag-for-shoes" class="menu-link" data-menu-link="Bag-for-shoes" data-menu-link-source="collection"> <span class="">Мішок під взуття</span> </a> </li> <li class=""> <a href="/collection/case-for-tablet" class="menu-link" data-menu-link="case-for-tablet" data-menu-link-source="collection"> <span class="">Чохол для планшета</span> </a> </li> <li class=""> <a href="/collection/petanki" class="menu-link" data-menu-link="petanki" data-menu-link-source="collection"> <span class="">Петанки</span> </a> </li> <li class=""> <a href="/collection/snoubordlyzhi" class="menu-link" data-menu-link="snoubordlyzhi" data-menu-link-source="collection"> <span class="">Сноуборд/Лижі</span> </a> </li> <li class=""> <a href="/collection/breloki" class="menu-link" data-menu-link="breloki" data-menu-link-source="collection"> <span class="">Брелоки</span> </a> </li> <li class=""> <a href="/collection/krisla-kokoni" class="menu-link" data-menu-link="krisla-kokoni" data-menu-link-source="collection"> <span class="">Крісла-кокони</span> </a> </li> <li class=""> <a href="/collection/set" class="menu-link" data-menu-link="set" data-menu-link-source="collection"> <span class="">Комплекти</span> </a> </li> </ul> </ul> </div> <div class="collection-flatten b-top p-t-10 m-b-10"> <ul class="no-list-style"> <li class="p-t-5"><a class="hover-opacity" href="/page/about-us">Про компанію</a></li> <li class="p-t-5"><a class="hover-opacity" href="/page/payment_and_delivery">Доставка і оплата</a></li> <li class="p-t-5"><a class="hover-opacity" href="/page/warranty">Гарантія 1 рік</a></li> <li class="p-t-5"><a class="hover-opacity" href="/page/contacts/">Контакти</a></li> <li class="p-t-5"><a class="hover-opacity" href="/page/dropshipping">Дропшиппінг</a></li> <li class="p-t-5"><a class="hover-opacity" href="https://baglandopt.com.ua/">ОПТ</a></li> </ul> </div> <div class="b-top p-t-10 p-b-10 m-t-20"> <div class="row is-grid flex-middle flex-between"> <div class="cell- cell-12-sm m-b-20"> <a class="login-link" href="/client_account/login"> <span class="inline-middle"> <?xml version="1.0" encoding="iso-8859-1"?> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" fill="currentColor" style="width: 1.3em; display: block;" xml:space="preserve"> <g> <g> <path d="M437.02,330.98c-27.883-27.882-61.071-48.523-97.281-61.018C378.521,243.251,404,198.548,404,148 C404,66.393,337.607,0,256,0S108,66.393,108,148c0,50.548,25.479,95.251,64.262,121.962 c-36.21,12.495-69.398,33.136-97.281,61.018C26.629,379.333,0,443.62,0,512h40c0-119.103,96.897-216,216-216s216,96.897,216,216 h40C512,443.62,485.371,379.333,437.02,330.98z M256,256c-59.551,0-108-48.448-108-108S196.449,40,256,40 c59.551,0,108,48.448,108,108S315.551,256,256,256z"/> </g> </g> </svg> </span>   <span class="inline-middle hover-opacity">Приватний кабінет</span> </a> </div> <div class="cell- cell-12-sm m-b-20"> <a class="show m-b-5" href="callto:+380503030384">+380503030384</a> <a class="js-modal bttn-underline hover-opacity" href="#feedback-modal">Зворотній дзвінок</a> </div> </div> </div> </div> </div> </div> </div> <div class="popup-bg" custom-popup-bg="mobile-menu"></div> <div class="search-popup side-popup top w-100 transition pallette_1" custom-popup-modal="search-form"> <a class="button-close dynamic_basket-close opacity-hover pallette_1" href="#" custom-popup-close="search-form"> <div class="button-close-div"> <span>закрыть</span> <svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1 1L10 10M19 19L10 10M10 10L19 1L1 19" stroke-width="2" /> </svg> </div> </a> <div class="container p-t-70 relative"> <div class="search-inner"> <form action="/search" method="get" class="search_widget"> <div class="inpt-group relative"> <input type="text" autocomplete="off" class="inpt inpt-search w-100 js-fast-search" name="q" value="" placeholder="Пошук" /> <button type="submit" class="bttn-link transition absolute button-search"> <svg style="width: 1.3em; display: block;" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M25.425 23.7031L17.3094 15.5875C18.5688 13.9594 19.25 11.9688 19.25 9.875C19.25 7.36875 18.2719 5.01875 16.5031 3.24687C14.7344 1.475 12.3781 0.5 9.875 0.5C7.37187 0.5 5.01562 1.47812 3.24687 3.24687C1.475 5.01562 0.5 7.36875 0.5 9.875C0.5 12.3781 1.47812 14.7344 3.24687 16.5031C5.01562 18.275 7.36875 19.25 9.875 19.25C11.9688 19.25 13.9563 18.5688 15.5844 17.3125L23.7 25.425C23.7238 25.4488 23.7521 25.4677 23.7832 25.4806C23.8143 25.4935 23.8476 25.5001 23.8813 25.5001C23.9149 25.5001 23.9482 25.4935 23.9793 25.4806C24.0104 25.4677 24.0387 25.4488 24.0625 25.425L25.425 24.0656C25.4488 24.0418 25.4677 24.0136 25.4806 23.9825C25.4935 23.9514 25.5001 23.918 25.5001 23.8844C25.5001 23.8507 25.4935 23.8174 25.4806 23.7863C25.4677 23.7552 25.4488 23.7269 25.425 23.7031ZM14.825 14.825C13.5 16.1469 11.7437 16.875 9.875 16.875C8.00625 16.875 6.25 16.1469 4.925 14.825C3.60313 13.5 2.875 11.7437 2.875 9.875C2.875 8.00625 3.60313 6.24688 4.925 4.925C6.25 3.60313 8.00625 2.875 9.875 2.875C11.7437 2.875 13.5031 3.6 14.825 4.925C16.1469 6.25 16.875 8.00625 16.875 9.875C16.875 11.7437 16.1469 13.5031 14.825 14.825Z" fill="currentColor"/> </svg> </button> </div> <input type="hidden" name="lang" value="ua"> <div class="search_widget-result"> <div data-search-result class="search_widget-result-inner"></div> </div> </form> </div> </div> </div> <div class="popup-bg" custom-popup-bg="search-form"></div> <div id="product-modal" class="product-modal modal-hide feedback-modal mfp-with-anim"><div class="prod-content"></div></div> <script type="text/javascript"> $(document).on("click", ".js-modal-product", function(event) { event.preventDefault(); var thisEl = $(this); var dataUrl = thisEl.attr('data-url'); $('#product-modal .prod-content').load(dataUrl + ' [data-prod]', function(){ updateProduct(); updateTabs(); $.fancybox.open({ src: thisEl.attr("href"), type: "inline" }); }); }); </script> <script> let subcollections = $('.card-subcollection') subcollections.each(function(index){ let _this = $(this) if(index < 6){ _this.toggleClass('b-show') _this.addClass('al-show') } }) $('body').on('click','#btn-more__collections',function(e){ e.preventDefault(); $('.card-subcollection').toggleClass('b-show'); if($(this).html() === 'Згорнути'){ $(this).html('Показати ще...'); } else{ $(this).html('Згорнути'); } }); if(subcollections.size() <= 6){ $('#btn-more__collections').hide() } </script> <noscript id="close-njs-alert"> <a href="#close-njs-alert" class="njs-alert-overlay"> <div class="njs-alert-wrapper"> <div class="njs-alert"> <p>Увімкнить у вашому браузері JavaScript!</p> <button class="njs-close"> × </button> </div> </div> </a> </noscript> <script src="//code.jivosite.com/widget/w8Rce3bgx8" async></script> <style type="text/css"> #bingc-phone-button svg.bingc-phone-button-circle circle.bingc-phone-button-circle-inside { fill: #0033AB !important; } #bingc-phone-button:hover svg.bingc-phone-button-circle circle.bingc-phone-button-circle-inside { fill: #0033AB !important; } #bingc-phone-button div.bingc-phone-button-tooltip { background: #0033AB !important; } #bingc-phone-button div.bingc-phone-button-tooltip svg.bingc-phone-button-arrow polyline { fill: #0033AB !important; } </style> <style type="text/css"> body #bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-we-will-call-you span.small-text { display: none; } body #bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-we-will-call-you.bingc-offline-form span.small-text { display: none; } body #bingc-active div.bingc-active-overlay div.bingc-active-content div.bingc-statistics { display:none !important; } body #bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-statistics { display:none !important; } </style>  <script src="//web.webformscr.com/apps/fc3/build/loader.js" sp-form-id="4d3658e44af9290ce3f33f692d1cea80953f45430386976712b08c757e06f28a"></script> <script type='text/javascript' src='/served_assets/public/shop/referer_code.js'></script>  <script type="text/javascript"> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-102004330-1'); ga('require', 'ec'); ga('ec:addProduct', {"id":138715093,"name":"Сумка-месенджер Bagland Scala 3 л. чорний (0021466)","category":"Каталог/Сумки/Сумки через плече","price":0.0}); ga('ec:setAction', 'detail'); ga('send', 'pageview'); </script>  <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.agent='plinsales';n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', 678673596640411); fbq('track', 'PageView'); </script> <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=678673596640411&ev=PageView&noscript=1" /></noscript>   <script> fbq('track', 'ViewContent', {"currency":"UAH","content_name":"Сумка-месенджер Bagland Scala 3 л. чорний (0021466)","content_category":"Каталог/Сумки/Сумки через плече","content_type":"product","value":0.0,"content_ids":[138715093]}); </script>  <div class="m-modal m-modal--checkout" data-auto-activate="" id="insales-quick-checkout-dialog"><div class="m-modal-wrapper"><form id="quick_checkout_form" data-address-autocomplete="https://kladr.insalescdn.com" action="/orders/create_with_quick_checkout.json" accept-charset="UTF-8" method="post"><input name="utf8" type="hidden" value="✓" /><button class="m-modal-close" data-modal="close"></button><div class="m-modal-heading">Заказ в один клик</div><div class="m-modal-errors"></div><input id="shipping_address_country" type="hidden" value="UA" /><div class="m-input m-input--required "><label for="client_name" class="m-input-label">Ім'я:</label><input class="m-input-field" placeholder="" type="text" id="client_name" name="client[name]" value="" /></div><div class="m-input m-input--required "><label for="client_phone" class="m-input-label">Телефон для зв’язку:</label><input class="m-input-field" placeholder="Например: +38(050)111-11-11" type="tel" id="client_phone" name="client[phone]" value="" /></div><div class="m-input "><label for="client_email" class="m-input-label">Електронна пошта:</label><input class="m-input-field" placeholder="" type="text" id="client_email" name="client[email]" value="" /></div><div class="m-modal-footer"><button class="m-modal-button m-modal-button--checkout button--checkout" type="submit">Купить в один клик</button></div></form></div></div></body> </html>