');\r\n\r\n for (var i = 0; i < recommendations.length; i++) {\r\n var product = recommendations[i];\r\n if (product.oldPrice && product.oldPrice <= product.price) {\r\n product.oldPrice = null;\r\n }\r\n product.customFields = product.customFields || {};\r\n product.discount = (product.oldPrice && product.price !== product.oldPrice) ? (100 * (product.oldPrice - product.price) / product.oldPrice).toFixed(0) + '%' : null;\r\n /*try {\r\n product.formattedPrice = product.price.toLocaleString().replace(',', ' ');\r\n if (product.oldPrice) { product.formattedOldPrice = product.oldPrice.toLocaleString().replace(',', ' '); }\r\n } catch (e) {}*/\r\n\r\n try {\r\n var $item = PopMechanic.$(\r\n cardTemplate({\r\n product: product,\r\n recommendations: recommendations,\r\n index: i\r\n })\r\n );\r\n } catch (e) {\r\n if (location.href.indexOf('pm-debug') > -1) {\r\n console.log('card template error', e);\r\n }\r\n continue;\r\n }\r\n if (groupSlidesBy === 1) {\r\n $carousel.append($item);\r\n } else {\r\n slideAccumulator.push($item);\r\n $slideContainer.append($item);\r\n if (slideAccumulator.length == groupSlidesBy) {\r\n slideAccumulator = [];\r\n $carousel.append($slideContainer);\r\n $slideContainer = PopMechanic.$('
');\r\n }\r\n }\r\n\r\n (function(i, product) {\r\n $item.attr('data-click-track', i);\r\n PopMechanic.$('#popmechanic-container-' + formId).on('click', '[data-click-track=\"' + i + '\"]', function(event) {\r\n event.stopPropagation();\r\n mindbox(\"async\", {\r\n operation: \"popmechanic-widget-click-\" + formId,\r\n data: {\r\n clicked: {\r\n product: {\r\n ids: product.ids,\r\n }\r\n }\r\n },\r\n onSuccess: function() {},\r\n onError: function(error) {\r\n console.log(error);\r\n }\r\n });\r\n\r\n settings.gaTracker.selectItem(product, i);\r\n return true;\r\n });\r\n }(i, product));\r\n }\r\n\r\n recommendations.map(function(product, i) {\r\n impressionMap[i] = function() {\r\n settings.gaTracker.viewItemList(product, i, { non_interaction: true });\r\n };\r\n });\r\n\r\n onInit();\r\n }\r\n\r\n var recommendationsLimit = recommendations.length;\r\n\r\n if (recommendationsLimit) {\r\n if (lessCount === 0 || lessCount <= recommendationsLimit) {\r\n renderProductList();\r\n } else {\r\n PopMechanic.$('[data-popmechanic-embed=\"' + formId + '\"]').remove();\r\n PopMechanic.$('#popmechanic-container-' + formId).remove();\r\n console.log('PopMechanic widget ' + formId + ': empty response');\r\n form.reportSlaSuccess();\r\n }\r\n } else {\r\n form.reportSlaSuccess();\r\n throw new Error('no data from mindbox');\r\n }\r\n} catch (e) {\r\n PopMechanic.$('#popmechanic-container-' + formId).remove();\r\n PopMechanic.$('[data-popmechanic-embed=\"' + form.id + '\"]').remove();\r\n console.error('PopMechanic widget ' + formId, e.message);\r\n form.reportSlaSuccess();\r\n}", "on_close": "var form = arguments[0] || {};\r\nwindow.PopMechanicSlider && window.PopMechanicSlider[form.id] && window.PopMechanicSlider[form.id].destroy && window.PopMechanicSlider[form.id].destroy();", "embed_code": "", "behaviors": ["info", "reco-sla", "reco_data", "tns"], "template_type": "embedded", "need_reset": false, "parameters": [], "on_targeting_ready": "", "on_child_ready": ""}, {"id": 1999, "html": "
", "css": "<% try {\r\n font_custom_show = font_custom_show;\r\n } catch (e) { font_custom_show = 0 }\r\n%>\r\n<% if(!parseInt(font_custom_show)) { %>\r\n @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');\r\n<% } %>\r\n\r\n.popmechanic-reset,\r\n.popmechanic-reset * {\r\n line-height: normal;\r\n box-sizing: border-box;\r\n}\r\n\r\n#popmechanic-form {\r\n position: relative;\r\n width: <%=form_width%>px;\r\n height: <%=form_height%>px;\r\n <% if(font_custom_show && parseInt(font_custom_show)) { %>\r\n font-family: <% try { print(font_custom); } catch (e) { print('Helvetica, Arial, sans-serif'); } %>;\r\n <% } else { %>\r\n font-family: <% try { print(form_font); } catch (e) { print('Helvetica, Arial, sans-serif'); } %>;\r\n <% } %>\r\n border-radius: <%=form_border_radius%>px;\r\n padding: <%=pad_top%>px <%=pad_right%>px <%=pad_bottom%>px <%=pad_left%>px;\r\n background-color: <%=form_bg_color%>;\r\n <% if(parseInt(show_form_bg)) { %>\r\n background: url(<%=form_bg_img%>) center center no-repeat;\r\n background-size: cover;\r\n<% } %>\r\n box-shadow: 0px 17px 32px rgba(0, 0, 0, 0.18);\r\n}\r\n\r\n#popmechanic-form .popmechanic-close {\r\n font-size: 0;\r\n color: transparent;\r\n position: absolute;\r\n z-index: 99;\r\n top: 4px;\r\n right: -54px;\r\n width: 34px;\r\n height: 30px;\r\n background-color: transparent;\r\n border: none;\r\n cursor: pointer;\r\n outline: none;\r\n transform: rotate(45deg);\r\n}\r\n#popmechanic-form .popmechanic-close:before,\r\n#popmechanic-form .popmechanic-close:after {\r\n content: \"\";\r\n position: absolute;\r\n top: 16px;\r\n left: 0;\r\n width: 100%;\r\n height: 2px;\r\n background-color: <%=close_color%>;\r\n transition: all 0.3s;\r\n}\r\n#popmechanic-form .popmechanic-close:after {\r\n transform: rotate(90deg);\r\n}\r\n#popmechanic-form .popmechanic-close:hover:before,\r\n#popmechanic-form .popmechanic-close:hover:after {\r\n background-color: <%=close_hover_color%>;\r\n}\r\n\r\n#popmechanic-form .popmechanic-main {\r\n\r\n display: flex;\r\n flex-direction: row;\r\n flex-wrap: nowrap;\r\n justify-content: space-between;\r\n align-content: stretch;\r\n align-items: flex-start;\r\n}\r\n\r\n#popmechanic-form .popmechanic-content {\r\n flex: 0 1 350px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-title {\r\n color: <%=text_color1%>;\r\n font-size: <%=title_fontsize%>px;\r\n line-height: 1;\r\n font-weight: 700;\r\n}\r\n\r\n#popmechanic-form .popmechanic-text {\r\n margin: 16px 0 0;\r\n color: <%=text_color2%>;\r\n font-size: <%=text_size2%>px;\r\n line-height: 1.25;\r\n font-weight: 400;\r\n}\r\n\r\n#popmechanic-form .popmechanic-inputs {\r\n flex: 0 1 280px;\r\n padding: 33px 20px;\r\n border: <%=inputs_border_width%>px solid <%=inputs_border%>;\r\n border-radius: <%=inputs_border_radius%>px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-input {\r\n width: <%=inp_width%>px;\r\n height: <%=inp_height%>px;\r\n padding: 0 16px;\r\n margin: 0 0 16px;\r\n background: <%=inp_bgcolor%>;\r\n border: 1px solid <%=inp_border_color%>;\r\n border-radius: <%=inp_border_radius%>px;\r\n outline: none;\r\n font-size: <%=inp_fontsize%>px;\r\n font-weight: 400;\r\n color: <%=inp_color%>;\r\n}\r\n#popmechanic-form .popmechanic-input::placeholder {\r\n color: <%=placeholder_color%>;\r\n opacity: 1;\r\n transition: all 0.3s;\r\n}\r\n#popmechanic-form .popmechanic-input:focus::placeholder {\r\n opacity: 0;\r\n}\r\n#popmechanic-form .popmechanic-input.popmechanic-invalid {\r\n border: 1px solid #f36451;\r\n}\r\n#popmechanic-form .popmechanic-input.popmechanic-invalid::placeholder {\r\n color: #f36451;\r\n}\r\n\r\n#popmechanic-form .popmechanic-submit {\r\n width: <%=btn_width%>px;\r\n height: <%=btn_height%>px;\r\n background: <%=but_color1%>;\r\n color: <%=but_color3%>;\r\n border: none;\r\n padding: 0;\r\n border-radius: <%=btn_border_radius%>px;\r\n outline: none;\r\n cursor: pointer;\r\n font-size: <%=btn_fontsize%>px;\r\n line-height: normal;\r\n font-weight: 700;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: all 0.3s;\r\n /* FIXME: only with checkbox */\r\n margin: 0 0 22px;\r\n}\r\n#popmechanic-form .popmechanic-submit:hover {\r\n color: <%=but_color4%>;\r\n background: <%=but_color2%>;\r\n}\r\n#popmechanic-form .popmechanic-buttons {\r\n\tdisplay: flex;\r\n}\r\n#popmechanic-form .popmechanic-buttons .popmechanic-submit {\r\n width: <%=btn_width / 2 - 5 %>px;\r\n display: inline-flex;\r\n}\r\n#popmechanic-form .popmechanic-buttons .popmechanic-submit:not(:last-child) {\r\n margin-right: 10px;\r\n}\r\n#popmechanic-form .popmechanic-checkbox-block {\r\n position: relative;\r\n display: block;\r\n font-size: <%=conf_fontsize%>px;\r\n line-height: 18px;\r\n color: <%=text_color3%>;\r\n padding: 0 0 0 30px;\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n}\r\n#popmechanic-form .popmechanic-checkbox-block a {\r\n color: inherit;\r\n text-decoration: underline;\r\n}\r\n#popmechanic-form .popmechanic-checkbox-block:before {\r\n content: \"\";\r\n position: absolute;\r\n top: 0;\r\n left: -1px;\r\n width: 18px;\r\n height: 18px;\r\n border: 1px solid <%=inp_border_color%>;\r\n border-radius: 4px;\r\n background: <%=inp_bgcolor%>;\r\n}\r\n\r\n#popmechanic-form .popmechanic-checkbox-check {\r\n position: absolute;\r\n top: -0;\r\n left: -1px;\r\n z-index: 2;\r\n width: 18px;\r\n height: 18px;\r\n opacity: 0;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: all 0.3s;\r\n}\r\n#popmechanic-form .popmechanic-checkbox-check svg {\r\n fill: <%=but_color1%>;\r\n width: 10px;\r\n}\r\n#popmechanic-form .popmechanic-checkbox {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n z-index: 3;\r\n width: 20px;\r\n height: 20px;\r\n opacity: 0;\r\n}\r\n#popmechanic-form .popmechanic-checkbox:checked ~ .popmechanic-checkbox-check {\r\n opacity: 1;\r\n}\r\n\r\n#popmechanic-form .popmechanic-thankyou {\r\n text-align: center;\r\n height: 100%;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n#popmechanic-form .popmechanic-thankyou .popmechanic-title {\r\n font-size: <%=title_fontsize%>px;\r\n line-height: 31px;\r\n font-weight: 700;\r\n}\r\n#popmechanic-form .popmechanic-thankyou .popmechanic-text {\r\n margin: 30px 0 0;\r\n font-size: <%=text_size2%>px;\r\n line-height: 28px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form {\r\n width: <%=form_width_mob%>px;\r\n height: <%=form_height_mob%>px;\r\n padding: <%=pad_top_mob%>px <%=pad_right_mob%>px <%=pad_bottom_mob%>px <%=pad_left_mob%>px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main { \r\n flex-wrap: wrap;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-close {\r\n top: 10px;\r\n right: 9px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-title {\r\n font-size: <%=text_size_mob1%>px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-text {\r\n margin: 14px 0 0;\r\n font-size: <%=text_size_mob2%>px;\r\n line-height: 18px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-inputs {\r\n border: none;\r\n padding: 0;\r\n margin: 20px 0 0;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-input {\r\n width: <%=inp_width_mob%>px;\r\n height: <%=inp_height_mob%>px;\r\n font-size: <%=inp_fontsize_mob%>px;\r\n margin: 0 0 12px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-submit {\r\n width: <%=btn_width_mob%>px;\r\n height: <%=btn_height_mob%>px;\r\n font-size: <%=btn_fontsize_mob%>px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-buttons {\r\n\tdisplay: block;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-buttons .popmechanic-submit:not(:last-child) {\r\n margin-right: 0;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou .popmechanic-text {\r\n margin: 10px 0 0;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-checkbox-block {\r\n font-size: <%=conf_fontsize_mob%>px;\r\n}\r\n\r\n.popmechanic-thankyou {\r\n display: none;\r\n}\r\n\r\n.popmechanic-success #popmechanic-form .popmechanic-main {\r\n display: none;\r\n}\r\n\r\n.popmechanic-success #popmechanic-form .popmechanic-thankyou {\r\n display: flex;\r\n}\r\n", "button": "", "on_show": "", "on_close": "", "embed_code": "", "behaviors": ["post-text", "humble", "lead", "partscreen"], "template_type": "popup-subscribe", "need_reset": true, "parameters": [], "on_targeting_ready": "", "on_child_ready": ""}, {"id": 2018, "html": "
", "css": "@import url(\"https://fonts.googleapis.com/css?family=Merriweather:100,200,300,400,700,900|Roboto:100,200,300,400,700,900&display=swap&subset=cyrillic\");\r\n@import url(\"https://fonts.googleapis.com/css?family=Merriweather:400,700|Open+Sans:100,200,300,400,700,900&subset=cyrillic\");\r\n\r\n#popmechanic-form {\r\n \r\n <% if (parseInt(use_custom_font)) { %> \r\n font-family: <%=custom_font%>; \r\n<% } else { %> \r\n font-family:<%=form_font%>; \r\n <% } %>\r\n \r\n width: <%=form_width%>px;\r\n height: <%=form_height%>px;\r\n \r\n -webkit-box-sizing: border-box;\r\n box-sizing: border-box;\r\n position: relative;\r\n border-radius: <%=form_border_radius%>px;\r\n line-height: <%=form_line_height%>;\r\n <%if(parseInt(show_form_bg)) {%>\r\n background: url(<%=form_bg_img%>);\r\n background-repeat: no-repeat;\r\n background-size: cover;\r\n <% } else {%>\r\n background-color: <%=form_bg_color%>;\r\n <% } %>\r\n}\r\n\r\n#popmechanic-form .popmechanic-content {\r\n text-align: center;\r\n padding-top: <%=pad_top%>px;\r\n padding-bottom: <%=pad_bottom%>px;\r\n padding-left: <%=pad_left%>px;\r\n padding-right: <%=pad_right%>px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-main {\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n -webkit-box-orient: vertical;\r\n -webkit-box-direction: normal;\r\n -ms-flex-direction: column;\r\n flex-direction: column;\r\n height: 100%;\r\n}\r\n\r\n#popmechanic-form .popmechanic-thankyou {\r\n display: none;\r\n}\r\n\r\n.popmechanic-success #popmechanic-form .popmechanic-thankyou {\r\n display: block;\r\n}\r\n.popmechanic-success #popmechanic-form .popmechanic-main {\r\n display: none;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form {\r\n width: <%=form_width_mob%>px;\r\n height: <%=form_height_mob%>px;\r\n line-height: <%=form_line_height_mob%>;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-content {\r\n padding-top: <%=pad_top_mob%>px;\r\n padding-bottom: <%=pad_bottom_mob%>px;\r\n padding-left: <%=pad_left_mob%>px;\r\n padding-right: <%=pad_right_mob%>px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-image {\r\n background-position: center center;\r\n background-size: cover;\r\n top: <%=img_top_top%>px;\r\n left: <%=img_top_left%>px;\r\n position: relative;\r\n width: <%=img_top_width%>px;\r\n height: <%=img_top_height%>px;\r\n min-height: <%=img_top_height%>px;\r\n border-top-left-radius: <%=form_border_radius%>px;\r\n border-top-right-radius: <%=form_border_radius%>px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-image {\r\n top: <%=img_top_top_mob%>px;\r\n left: <%=img_top_left_mob%>px;\r\n width: <%=img_top_width_mob%>px;\r\n height: <%=img_top_height_mob%>px;\r\n min-height: <%=img_top_height_mob%>px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-close {\r\n color: <%=close_color%>;\r\n cursor: pointer;\r\n text-align: center;\r\n right: 7px;\r\n top: 7px;\r\n position: absolute;\r\n background-color: transparent;\r\n font-weight: 300;\r\n line-height: 30px;\r\n width: 30px;\r\n height: 30px;\r\n font-size: 45px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-close {\r\n top: 4px;\r\n right: 4px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-title {\r\n font-size: <%=title_fontsize%>px;\r\n margin-bottom: 18px;\r\n color: <%=title_color%>;\r\n font-weight: 300;\r\n}\r\n\r\n#popmechanic-form .popmechanic-title b {\r\n font-weight: 900;\r\n}\r\n\r\n#popmechanic-form .popmechanic-thankyou .popmechanic-title {\r\n font-size: <%=thanks_title_fontsize%>px;\r\n margin-top: 50px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-thankyou .popmechanic-post-title {\r\n font-size: <%=thanks_post_title_fontsize%>px;\r\n font-weight: 300;\r\n margin-bottom: 60px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-title {\r\n font-size: <%=title_fontsize_mob%>px;\r\n margin-bottom: 14px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou .popmechanic-title {\r\n font-size: <%=thanks_title_fontsize_mob%>px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou .popmechanic-post-title {\r\n font-size: <%=thanks_post_title_fontsize_mob%>px;\r\n margin-bottom: 30px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-inputs {\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n -webkit-box-orient: vertical;\r\n -webkit-box-direction: normal;\r\n -ms-flex-direction: column;\r\n flex-direction: column;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n}\r\n\r\n#popmechanic-form .popmechanic-input {\r\n font-size: <%=inp_fontsize%>px;\r\n background-color: <%=inp_bgcolor%>;\r\n color: <%=inp_color%>;\r\n display: block;\r\n width: <%=inp_width%>px;\r\n font-weight: 300;\r\n text-align: center;\r\n height: <%=inp_height%>px;\r\n margin-bottom: 14px;\r\n outline: none;\r\n border: 1px solid <%=inp_border_color%>;\r\n}\r\n\r\n#popmechanic-form .popmechanic-input::-webkit-input-placeholder {\r\n color: <%=inp_color%>;\r\n font-weight: 300;\r\n}\r\n\r\n#popmechanic-form .popmechanic-input:-ms-input-placeholder {\r\n color: <%=inp_color%>;\r\n font-weight: 300;\r\n}\r\n\r\n#popmechanic-form .popmechanic-input::-ms-input-placeholder {\r\n color: <%=inp_color%>;\r\n font-weight: 300;\r\n}\r\n\r\n#popmechanic-form .popmechanic-input::placeholder {\r\n color: <%=inp_color%>;\r\n font-weight: 300;\r\n}\r\n\r\n#popmechanic-form .popmechanic-invalid {\r\n border-color: red;\r\n}\r\n\r\n#popmechanic-form .popmechanic-close-button {\r\n text-decoration: underline;\r\n font-size: 16px;\r\n color: #8C8686;\r\n font-weight: 400;\r\n cursor: pointer;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-close-button {\r\n font-size: 14px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-input {\r\n width: <%=inp_width_mob%>px;\r\n height: <%=inp_height_mob%>px;\r\n margin-bottom: 10px;\r\n font-size: <%=inp_fontsize_mob%>px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-inputs .popmechanic-checkbox-block {\r\n display: flex;\r\n -webkit-box-pack: center;\r\n -ms-flex-pack: center;\r\n justify-content: center;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n <%var text_color; if(text_color) {%>\r\n color: <%=text_color%>;\r\n <%} else {%>\r\n color: #646464;\r\n <%}%>\r\n margin-bottom: 14px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-inputs .popmechanic-checkbox-block span {\r\n text-align: left;\r\n}\r\n\r\n#popmechanic-form .popmechanic-inputs .popmechanic-checkbox-block a {\r\n color: inherit;\r\n text-decoration: underline; \r\n}\r\n\r\n#popmechanic-form .popmechanic-inputs .popmechanic-checkbox-check:before {\r\n content: \"\";\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n display: block;\r\n width: 10px;\r\n height: 10px;\r\n background-color: <%=btn_bgcolor%>;\r\n opacity: 0;\r\n -webkit-transition: all .3s;\r\n transition: all .3s;\r\n}\r\n\r\n#popmechanic-form .popmechanic-inputs .popmechanic-checkbox-check {\r\n width: 18px;\r\n min-width: 18px;\r\n height: 18px;\r\n <%var inputs_checkbox_color; if(inputs_checkbox_color) {%>\r\n border: 1px solid <%=inputs_checkbox_color%>;\r\n <%} else {%>\r\n border: 1px solid #3C667E;\r\n <%}%>\r\n position: relative;\r\n margin-right: 9px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-inputs .popmechanic-checkbox {\r\n visibility: hidden;\r\n display: block;\r\n width: 0;\r\n height: 0;\r\n}\r\n\r\n#popmechanic-form .popmechanic-inputs .popmechanic-checkbox:checked ~ .popmechanic-checkbox-check:before {\r\n opacity: 1; \r\n}\r\n\r\n#popmechanic-form .popmechanic-submit {\r\n display: inline-block;\r\n width: <%=btn_width%>px;\r\n height: <%=btn_height%>px;\r\n background: <%=btn_bgcolor%>;\r\n color: <%=btn_color%>;\r\n font-size: <%=btn_fontsize%>px;\r\n border-radius: <%=btn_border_radius%>px;\r\n font-weight: 700;\r\n line-height: <%=btn_height%>px;\r\n cursor: pointer;\r\n outline: none;\r\n border: none;\r\n text-decoration: none;\r\n -webkit-transition: all .3s;\r\n transition: all .3s;\r\n margin-bottom: 10px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-submit:hover {\r\n color: <%=btn_hover_color%>;\r\n background: <%=btn_hover_bgcolor%>;\r\n}\r\n#popmechanic-form .popmechanic-buttons {\r\n display: flex;\r\n}\r\n#popmechanic-form .popmechanic-buttons .popmechanic-submit {\r\n width: <%=btn_width / 2 - 5%>px;;\r\n}\r\n#popmechanic-form .popmechanic-buttons .popmechanic-submit:not(:last-child) {\r\n margin-right: 10px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-submit {\r\n width: <%=btn_width_mob%>px;\r\n height: <%=btn_height_mob%>px;\r\n font-size: <%=btn_fontsize_mob%>px;\r\n line-height: <%=btn_height_mob%>px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-buttons {\r\n display: block;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-buttons .popmechanic-submit:not(:last-child) {\r\n margin-right: 0;\r\n}\r\n\r\n#popmechanic-form .popmechanic-policy {\r\n margin-top: auto;\r\n padding: 20px 0;\r\n background-color: <%=policy_bgcolor%>;\r\n text-align: center;\r\n -webkit-box-sizing: border-box;\r\n box-sizing: border-box;\r\n padding-left: <%=pad_left%>px;\r\n padding-right: <%=pad_right%>px;\r\n font-size: <%=policy_fontsize%>px;\r\n font-weight: 300;\r\n text-align: left;\r\n color: <%=policy_color%>;\r\n}\r\n\r\n#popmechanic-form .popmechanic-policy a {\r\n color: inherit;\r\n text-decoration: underline;\r\n}\r\n\r\n#popmechanic-form .popmechanic-policy label {\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n -webkit-box-pack: center;\r\n -ms-flex-pack: center;\r\n justify-content: center;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n}\r\n\r\n#popmechanic-form .popmechanic-policy input {\r\n visibility: hidden;\r\n display: block;\r\n width: 0;\r\n height: 0;\r\n}\r\n\r\n#popmechanic-form .popmechanic-policy .popmechanic-checkbox-check {\r\n width: 18px;\r\n min-width: 18px;\r\n height: 18px;\r\n border: 1px solid <%=checkbox_border_color%>;\r\n position: relative;\r\n margin-right: 9px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-policy .popmechanic-checkbox-check::before {\r\n content: \"\";\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n display: block;\r\n width: 10px;\r\n height: 10px;\r\n background-color: <%=btn_bgcolor%>;\r\n opacity: 0;\r\n -webkit-transition: all .3s;\r\n transition: all .3s;\r\n}\r\n\r\n#popmechanic-form .popmechanic-policy input:checked ~ .popmechanic-checkbox-check::before {\r\n opacity: 1;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-policy {\r\n font-size: <%=policy_fontsize_mob%>px;\r\n padding: 13px 0;\r\n padding-left: <%=pad_left_mob%>px;\r\n padding-right: <%=pad_right_mob%>px;\r\n}", "button": "", "on_show": "", "on_close": "", "embed_code": "", "behaviors": ["partscreen", "humble", "post-text", "lead"], "template_type": "partscreen-info", "need_reset": true, "parameters": [], "on_targeting_ready": "", "on_child_ready": ""}, {"id": 3008, "html": "<%\r\n\ttry {\r\n\t\tfunction resolveAttr(obj, attr) {\r\n\t\t\treturn attr.split('.').reduce(function (acc, val) {\r\n\t\t\t\treturn acc && acc[val];\r\n\t\t\t}, obj);\r\n\t\t}\r\n\r\n\t\tfunction getUniqueValue(val, idx, self) {\r\n\t\t\treturn self.indexOf(val) === idx;\r\n\t\t}\r\n\r\n\t\tfunction createTab(val, txt, numb) {\r\n\t\t\treturn `
\r\n\t\t\t\t${txt} \r\n\t\t\t\t${parseInt(grouping_counter_show) ? `${numb} ` : ''}\r\n\t\t\t `;\r\n\t\t}\r\n\r\n\t\tvar allValues = recommendations.map(function (el) {\r\n\t\t\tif (resolveAttr(el, grouping_attr)) return String(resolveAttr(el, grouping_attr)).toLowerCase();\r\n\t\t}).filter(function(el) {return el;}).sort();\r\n\r\n\t\tvar counters = {}\r\n\r\n\t\tfor (var el of allValues) {\r\n\t\t\tcounters[el] = counters[el] ? counters[el] + 1 : 1;\r\n\t\t}\r\n\r\n\t\tvar uniqueValue = allValues.filter(getUniqueValue);\r\n\r\n\t\tvar userValues = grouping_values.split(',').map(function (el) {\r\n\t\t\treturn el.trim().toLowerCase();\r\n\t\t});\r\n\r\n\t\tvar selectedValues = userValues.filter(function (el) {\r\n\t\t\treturn uniqueValue.includes(String(el));\r\n\t\t});\r\n\r\n\t\tvar otherValues = uniqueValue.filter(function (el) {\r\n\t\t\treturn !userValues.includes(String(el));\r\n\t\t});\r\n\r\n\t\tvar otherValuesCounter = otherValues.reduce(function (a, b) {\r\n\t\t\treturn a + counters[b];\r\n\t\t}, 0)\r\n\r\n\t} catch (err) {\r\n\t\tconsole.error(err);\r\n\t}\r\n%>\r\n\r\n
", "css": "<% if (!parseInt(font_custom_show)) { %>\r\n\t@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');\r\n<% } %>\r\n\r\n.tns-outer{padding:0 !important}.tns-outer [hidden]{display:none !important}.tns-outer [aria-controls],.tns-outer [data-action]{cursor:pointer}.tns-slider{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s}.tns-slider>.tns-item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.tns-horizontal.tns-subpixel{white-space:nowrap}.tns-horizontal.tns-subpixel>.tns-item{display:inline-block;vertical-align:top;white-space:normal}.tns-horizontal.tns-no-subpixel:after{content:'';display:table;clear:both}.tns-horizontal.tns-no-subpixel>.tns-item{float:left;margin-right:-100%}.tns-no-calc{position:relative;left:0}.tns-gallery{position:relative;left:0;min-height:1px}.tns-gallery>.tns-item{position:absolute;left:-100%;-webkit-transition:transform 0s, opacity 0s;-moz-transition:transform 0s, opacity 0s;transition:transform 0s, opacity 0s}.tns-gallery>.tns-slide-active{position:relative;left:unset !important}.tns-gallery>.tns-moving{-webkit-transition:all 0.25s;-moz-transition:all 0.25s;transition:all 0.25s}.tns-lazy-img{-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;transition:opacity 0.6s;opacity:0.6}.tns-lazy-img.loaded{opacity:1}.tns-ah{-webkit-transition:height 0s;-moz-transition:height 0s;transition:height 0s}.tns-ovh{overflow:hidden}.tns-visually-hidden{position:absolute;left:-10000em}.tns-transparent{opacity:0;visibility:hidden}.tns-fadeIn{opacity:1;filter:alpha(opacity=100);z-index:0}.tns-normal,.tns-fadeOut{opacity:0;filter:alpha(opacity=0);z-index:-1}.tns-t-subp2{margin:0 auto;width:310px;position:relative;height:10px;overflow:hidden}.tns-t-ct{width:2333.3333333%;width:-webkit-calc(100% * 70 / 3);width:-moz-calc(100% * 70 / 3);width:calc(100% * 70 / 3);position:absolute;right:0}.tns-t-ct:after{content:'';display:table;clear:both}.tns-t-ct>div{width:1.4285714%;width:-webkit-calc(100% / 70);width:-moz-calc(100% / 70);width:calc(100% / 70);height:10px;float:left}\r\n\r\n#popmechanic-form * {\r\n\tbox-sizing: border-box;\r\n}\r\n#popmechanic-form a {\r\n\tdisplay: block;\r\n\ttext-decoration: none;\r\n\tcolor: inherit;\r\n}\r\n#popmechanic-form img,\r\n#popmechanic-form svg {\r\n\tdisplay: block;\r\n\tmax-width: 100%;\r\n\tmax-height: 100%;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n}\r\n#popmechanic-form [tabindex=\"0\"] {\r\n\toutline: none;\r\n}\r\n#popmechanic-form button {\r\n\tdisplay: flex;\r\n\tflex-shrink: 0;\r\n\tpadding: 0;\r\n\tmargin: 0;\r\n\tline-height: 0;\r\n\tbackground: none;\r\n\toutline: none;\r\n\tuser-select: none;\r\n\tborder: none;\r\n\tappearance: none;\r\n\t-webkit-appearance: none;\r\n\tcursor: pointer;\r\n}\r\n#popmechanic-form .popmechanic-controls-btn {\r\n\tposition: absolute;\r\n\tz-index: 3;\r\n\twidth: <%= slider_button_width %>px;\r\n\theight: <%= slider_button_height %>px;\r\n\ttransform: translateY(-50%);\r\n\tborder-radius: 50%;\r\n\tborder: <%= slider_button_border_width %>px solid <%= slider_button_border_color %>;\r\n\ttransition: background-image 0.3s ease-in-out;\r\n\tbackground-repeat: no-repeat;\r\n\tbackground-position: center;\r\n\tbackground-size: cover;\r\n\t<% if (parseInt(slider_show_bullit) && slider_bullit_position === \"bottom\") { %>\r\n\t\ttop: calc(50% - <%= slider_bullit_size %>px);\r\n\t<% } else if (parseInt(slider_show_bullit) && slider_bullit_position === \"top\") { %>\r\n\t\ttop: calc(50% + <%= slider_bullit_size %>px);\r\n\t<% } else { %>\r\n\t\ttop: 50%;\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-controls-btn:focus {\r\n\toutline: none;\r\n}\r\n#popmechanic-form .popmechanic-controls-btn:disabled {\r\n\tdisplay: none;\r\n}\r\n#popmechanic-form .popmechanic-controls-btn-prev {\r\n\tleft: 0;\r\n\tbackground-image: url(<%= slider_button_icon_prev %>);\r\n}\r\n#popmechanic-form .popmechanic-controls-btn-next {\r\n\tright: 0;\r\n\tbackground-image: url(<%= slider_button_icon_next %>);\r\n}\r\n#popmechanic-form .tns-nav {\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tmax-width: 100%;\r\n\toverflow: hidden;\r\n\t<% if (slider_bullit_position === \"bottom\") { %>\r\n\t\tpadding-top: <%= slider_bullit_size %>px;\r\n\t<% } else { %>\r\n\t\tpadding-bottom: <%= slider_bullit_size %>px;\r\n\t<% } %>\r\n}\r\n#popmechanic-form .tns-nav button {\r\n\twidth: <%= slider_bullit_size %>px;\r\n\theight: <%= slider_bullit_size %>px;\r\n\tborder: 1px solid <%= slider_bullit_border_color %>;\r\n\tborder-radius: 50%;\r\n\tbackground-color: <%= slider_bullit_bg %>;\r\n\ttransition: background-color 0.3s ease-in-out;\r\n}\r\n#popmechanic-form .tns-nav button:not(:last-child) {\r\n\tmargin-right: 10px;\r\n}\r\n#popmechanic-form .tns-nav .tns-nav-active {\r\n\tbackground-color: <%= slider_bullit_bg_active %>;\r\n}\r\n#popmechanic-form .popmechanic-main {\r\n\tpadding-top: <%= main_padding_vert %>px;\r\n\tpadding-bottom: <%= main_padding_vert %>px;\r\n\t<% if (parseInt(font_custom_show)) { %>\r\n\t\tfont-family: <%= font_custom %>;\r\n\t<% } else { %>\r\n\t\tfont-family: <%= font_family %>;\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-header {\r\n\tmargin-bottom: <%= header_margin_bottom %>px;\r\n\tcolor: <%= header_color %>;\r\n\tfont-weight: <%= header_fw %>;\r\n}\r\n#popmechanic-form .popmechanic-slider {\r\n\tposition: relative;\r\n}\r\n#popmechanic-form .popmechanic-items {\r\n\tdisplay: flex;\r\n}\r\n#popmechanic-form .tns-inner {\r\n\tpadding: 10px 9px;\r\n}\r\n\r\n<% if (grouping_attr) { %>\r\n/* TABS */\r\n#popmechanic-form .popmechanic-tabs {\r\n\t--grouping_position: center;\r\n\t--grouping_mb: 10px;\r\n\t--grouping_gap: 16px;\r\n\t--grouping_height: 32px;\r\n\t--grouping_padding_x: 10px;\r\n\t--grouping_br: 8px;\r\n\t--grouping_fs_text: 16px;\r\n\t--grouping_fs_count: 16px;\r\n\tdisplay: flex;\r\n\tjustify-content: var(--grouping_position);\r\n\talign-items: stretch;\r\n\tflex-wrap: wrap;\r\n\tgap: var(--grouping_gap);\r\n\tmargin-bottom: var(--grouping_mb);\r\n}\r\n#popmechanic-form .popmechanic-tab {\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tgap: 1ch;\r\n\theight: var(--grouping_height);\r\n\tborder: <%= grouping_border_width %>px solid <%= grouping_border_color %>;\r\n\tpadding: 0 var(--grouping_padding_x);\r\n\tborder-radius: var(--grouping_br);\r\n\tbackground-color: <%= grouping_bg_color %>;\r\n\ttransition: all 0.3s ease-in-out;\r\n\tfont-weight: <%= grouping_fw %>;\r\n\tline-height: 1;\r\n}\r\n#popmechanic-form .popmechanic-tab:not(.popmechanic-tab-active):focus {\r\n\tbackground-color: <%= grouping_bg_color_hov %>;\r\n\tborder-color: <%= grouping_border_color_hov %>;\r\n}\r\n#popmechanic-form .popmechanic-tab:not(.popmechanic-tab-active):focus .popmechanic-tab-text {\r\n\tcolor: <%= grouping_text_color_hov %>;\r\n}\r\n#popmechanic-form .popmechanic-tab:not(.popmechanic-tab-active):focus .popmechanic-tab-numb {\r\n\tcolor: <%= grouping_count_color_hov %>;\r\n}\r\n#popmechanic-form .popmechanic-tab-text,\r\n#popmechanic-form .popmechanic-tab-numb {\r\n\ttransition: inherit;\r\n}\r\n#popmechanic-form .popmechanic-tab-text {\r\n\tcolor: <%= grouping_text_color %>;\r\n\tfont-size: var(--grouping_fs_text);\r\n\ttext-transform: capitalize;\r\n}\r\n#popmechanic-form .popmechanic-tab-numb {\r\n\tcolor: <%= grouping_count_color %>;\r\n\tfont-size: var(--grouping_fs_count);\r\n}\r\n#popmechanic-form .popmechanic-tab-active {\r\n\tbackground-color: <%= grouping_bg_color_active %>;\r\n\tborder-color: <%= grouping_border_color_active %>;\r\n}\r\n#popmechanic-form .popmechanic-tab-active .popmechanic-tab-text {\r\n\tcolor: <%= grouping_text_color_active %>;\r\n}\r\n#popmechanic-form .popmechanic-tab-active .popmechanic-tab-numb {\r\n\tcolor: <%= grouping_count_color_active %>;\r\n}\r\n<% } %>\r\n\r\n/* DESKTOP */\r\n.popmechanic-desktop #popmechanic-form .popmechanic-header {\r\n\tfont-size: <%= header_fz_desk %>px;\r\n\ttext-align: <%= header_align_desk %>;\r\n}\r\n<% if (grouping_attr) { %>\r\n.popmechanic-desktop #popmechanic-form .popmechanic-tabs {\r\n\t--grouping_position: <%= grouping_position_desk %>;\r\n\t--grouping_mb: <%= grouping_mb_desk %>px;\r\n\t--grouping_gap: <%= grouping_gap_desk %>px;\r\n\t--grouping_height: <%= grouping_height_desk %>px;\r\n\t--grouping_padding_x: <%= grouping_padding_x_desk %>px;\r\n\t--grouping_br: <%= grouping_br_desk %>px;\r\n\t--grouping_fs_text: <%= grouping_fs_text_desk %>px;\r\n\t--grouping_fs_count: <%= grouping_fs_count_desk %>px;\r\n}\r\n<% } %>\r\n\r\n/* TABLET, MOBILE */\r\n.popmechanic-tablet #popmechanic-form .popmechanic-header,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-header {\r\n\tfont-size: <%= header_fz_mob %>px;\r\n\ttext-align: <%= header_align_mob %>;\r\n}\r\n<% if (grouping_attr) { %>\r\n.popmechanic-tablet #popmechanic-form .popmechanic-tabs,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-tabs {\r\n\t--grouping_position: <%= grouping_position_mob %>;\r\n\t--grouping_mb: <%= grouping_mb_mob %>px;\r\n\t--grouping_gap: <%= grouping_gap_mob %>px;\r\n\t--grouping_height: <%= grouping_height_mob %>px;\r\n\t--grouping_padding_x: <%= grouping_padding_x_mob %>px;\r\n\t--grouping_br: <%= grouping_br_mob %>px;\r\n\t--grouping_fs_text: <%= grouping_fs_text_mob %>px;\r\n\t--grouping_fs_count: <%= grouping_fs_count_mob %>px;\r\n}\r\n<% } %>\r\n\r\n/* HOVER */\r\n@media (hover: hover) {\r\n\t#popmechanic-form .popmechanic-controls-btn-prev:hover {\r\n\t\tbackground-image: url(<%= slider_button_icon_prev_hover %>);\r\n\t}\r\n\t#popmechanic-form .popmechanic-controls-btn-next:hover {\r\n\t\tbackground-image: url(<%= slider_button_icon_next_hover %>);\r\n\t}\r\n\t#popmechanic-form .popmechanic-tab:not(.popmechanic-tab-active):hover {\r\n\t\tbackground-color: <%= grouping_bg_color_hov %>;\r\n\t\tborder-color: <%= grouping_border_color_hov %>;\r\n\t}\r\n\t#popmechanic-form .popmechanic-tab:not(.popmechanic-tab-active):hover .popmechanic-tab-text {\r\n\t\tcolor: <%= grouping_text_color_hov %>;\r\n\t}\r\n\t#popmechanic-form .popmechanic-tab:not(.popmechanic-tab-active):hover .popmechanic-tab-numb {\r\n\t\tcolor: <%= grouping_count_color_hov %>;\r\n\t}\r\n}\r\n\r\n<%\r\n\ttry {\r\n\t\tprint(PopMechanic._.template(css)(arguments[0]));\r\n\t} catch {}\r\n%>", "button": "", "on_show": "\"use strict\";\r\n\r\ntry {\r\n form.reportSlaSuccess();\r\n} catch (e) {}\r\n\r\nif (location.href.indexOf('pm-debug') > -1) {\r\n debugger;\r\n}\r\n\r\nvar impressionMap = {};\r\nvar formId = form.id;\r\nvar $removal\u0421ontainersEmbed = PopMechanic.$('[data-popmechanic-embed=\"' + formId + '\"]');\r\nvar recommendations = settings.recommendations || [];\r\n\r\nif (settings.map_recommendations) {\r\n try {\r\n recommendations = new Function('recommendations', settings.map_recommendations)(settings.recommendations) || settings.recommendations;\r\n } catch (err) {}\r\n}\r\n\r\nvar form = arguments[0] || {};\r\n\r\ntry {\r\n var lessCount;\r\n try {\r\n lessCount = parseInt('<% try { print(lessCount); } catch (e) { print(0); } %>') || 0;\r\n } catch (e) {\r\n lessCount = 0;\r\n };\r\n var enableTns = true;\r\n try {\r\n enableTns = !!(parseInt('<% try { print(enableTns); } catch (e) { print(0); } %>') || 0);\r\n } catch (e) {\r\n enableTns = true;\r\n };\r\n \t\tvar controls = false;\r\n try {\r\n controls = !!(parseInt(\"<% try { print(controls); } catch (e) { print(0); } %>\") || 0);\r\n } catch (e) {\r\n controls = false;\r\n };\r\n var groupSlidesBy = parseInt('<%= groupSlidesBy %>');\r\n\r\n var responsiveArray = '<%= responsive %>'.split(';');\r\n var firstPoint = responsiveArray[0].split(',');\r\n var responsive = {};\r\n for (var i = 1; i < responsiveArray.length; i++) {\r\n var params = responsiveArray[i].split(',');\r\n responsive[params[0]] = {\r\n items: params[1],\r\n gutter: params[2] || 0,\r\n slideBy: params[3] || 1\r\n };\r\n }\r\n\r\n var tnsParams = {\r\n nav: parseInt('<%= slider_show_bullit %>'),\r\n navPosition: '<%= slider_bullit_position %>',\r\n controlsContainer: '#popmechanic-form-' + formId + ' .popmechanic-controls',\r\n items: firstPoint[0],\r\n mouseDrag: true,\r\n gutter: firstPoint[1] || 0,\r\n slideBy: firstPoint[2] || 1,\r\n responsive: responsive,\r\n loop: parseInt('<%= loopSlider %>'),\r\n controls: controls,\r\n };\r\n\r\n var userParams = <% try { print(user_tns); } catch (e) { print('{}'); } %>;\r\n\r\n tnsParams = PopMechanic.$.extend(true, tnsParams, userParams);\r\n\r\n var $container = PopMechanic.$('#popmechanic-form-' + formId + ', [data-popmechanic-embed=\"' + formId + '\"]');\r\n\r\n if (!$container.length) {\r\n $container = PopMechanic.$('#popmechanic-container-' + formId);\r\n }\r\n if (!$container.length) {\r\n return;\r\n }\r\n\r\n var cardTemplate = PopMechanic._.template(\r\n $container.find('script[type=\"text\\/x-template\"]')\r\n .html()\r\n .replace(/\\s+/g, ' '),\r\n {\r\n interpolate: /\\{\\{(.+?)\\}\\}/g,\r\n evaluate: /\\{\\%(.+?)\\%\\}/g\r\n }\r\n );\r\n\r\n var templateSettings = {\r\n card_label_discount_show: '<%= card_label_discount_show %>',\r\n card_label_new_show: '<%= card_label_new_show %>',\r\n card_label_new_text: '<%= card_label_new_text %>',\r\n card_name_show: '<%= card_name_show %>',\r\n card_rating_show: '<%= card_rating_show %>',\r\n card_prices_show: '<%= card_prices_show %>',\r\n card_prices_symbol: '<%= card_prices_symbol %>',\r\n card_price_discount_show: '<%= card_price_discount_show %>',\r\n btn_cart_show: '<%= btn_cart_show %>',\r\n btn_cart_text: '<%= btn_cart_text %>',\r\n btn_cart_text_after: '<%= btn_cart_text_after %>',\r\n btn_cart_func: '<%= btn_cart_func %>',\r\n btn_fav_show: '<%= btn_fav_show %>',\r\n btn_fav_func: '<%= btn_fav_func %>',\r\n card_vendor_show: '<%= card_vendor_show %>',\r\n card_label_new_customfield: '<%= card_label_new_customfield %>',\r\n card_rating_customfield: '<%= card_rating_customfield %>',\r\n btn_cart_icon_show: '<%= btn_cart_icon_show %>',\r\n card_name_ordering: '<%= card_name_ordering %>',\r\n card_vendor_ordering: '<%= card_vendor_ordering %>',\r\n card_rating_ordering: '<%= card_rating_ordering %>',\r\n card_prices_ordering: '<%= card_prices_ordering %>',\r\n btn_cart_ordering: '<%= btn_cart_ordering %>',\r\n grouping_attr: '<%= grouping_attr %>',\r\n recommendations: recommendations,\r\n };\r\n\r\n function renderProductList() {\r\n function onInit() {\r\n try {\r\n var container = $container.find('.popmechanic-items')[0];\r\n if (!container) {\r\n return;\r\n }\r\n\r\n if (!$container.find('.popmechanic-item-card').length) {\r\n $removal\u0421ontainersEmbed.remove();\r\n \r\n return;\r\n }\r\n window.PopMechanicTnsQ = window.PopMechanicTnsQ || [];\r\n\r\n if (enableTns) {\r\n \t\tif (controls) {\r\n PopMechanic.$(\".popmechanic-controls\").show();\r\n } else {\r\n PopMechanic.$(\".popmechanic-controls\").hide();\r\n }\r\n window.PopMechanicTnsQ.push(function () {\r\n form.reportSlaSuccess();\r\n window.PopMechanicSlider = window.PopMechanicSlider || {};\r\n window.PopMechanicSlider[formId] = PopMechanicTns(PopMechanic.$.extend({ container: container }, tnsParams));\r\n\r\n var reco = null;\r\n if ($container.is('.popmechanic-widget-reco')) {\r\n reco = $container;\r\n } else {\r\n reco = $container.find('.popmechanic-widget-reco');\r\n }\r\n reco.addClass('popmechanic-loaded');\r\n var debouncedStopDrag = PopMechanic._.debounce(function() {\r\n PopMechanic.$(\"#popmechanic-form-\" + formId).removeClass('popmechanic-dragged');\r\n }, 200)\r\n PopMechanicSlider[formId].events.on('dragMove', function() {\r\n PopMechanic.$(\"#popmechanic-form-\" + formId).addClass('popmechanic-dragged');\r\n debouncedStopDrag();\r\n });\r\n PopMechanicSlider[formId].events.on('dragEnd', function() {\r\n PopMechanic.$(\"#popmechanic-form-\" + formId).removeClass('popmechanic-dragged');\r\n });\r\n\r\n // GROUPING\r\n function resolveAttr(obj, attr) {\r\n var result = attr.split('.').reduce((acc, val) => acc && acc[val], obj);\r\n if (result) {\r\n return result.toString(10).toLowerCase();\r\n }\r\n }\r\n\r\n PopMechanic.$('.popmechanic-tab').on('click', function(e) {\r\n var $this = PopMechanic.$(this);\r\n\r\n // UPDATE TABS\r\n e.preventDefault();\r\n $this.toggleClass('popmechanic-tab-active');\r\n $this.siblings().removeClass('popmechanic-tab-active');\r\n\r\n // UPDATE SLIDES\r\n var tabName = $this.data('popmechanic-tab').toString(10).split(',').map(el => el.trim().toLowerCase());\r\n\r\n PopMechanicSlider[formId].destroy();\r\n $container.find('.popmechanic-items').empty();\r\n\r\n if ($this.hasClass('popmechanic-tab-active')) {\r\n recommendations.map(function(product, i) {\r\n if (tabName.includes(resolveAttr(product, '<%= grouping_attr %>'))) {\r\n var $item = PopMechanic.$(\r\n cardTemplate(Object.assign({}, templateSettings, {\r\n product: product,\r\n index: i,\r\n })));\r\n $container.find('.popmechanic-items').append($item);\r\n }\r\n });\r\n } else {\r\n recommendations.map(function(product, i) {\r\n var $item = PopMechanic.$(\r\n cardTemplate(Object.assign({}, templateSettings, {\r\n product: product,\r\n index: i,\r\n })));\r\n $container.find('.popmechanic-items').append($item);\r\n });\r\n }\r\n window.PopMechanicSlider[formId] = PopMechanicSlider[formId].rebuild();\r\n });\r\n\r\n PopMechanicSlider[formId].events.on('indexChanged', function() {\r\n reco.find('.tns-slide-active').each(function(i, el) {\r\n impressionMap[PopMechanic.$(el).data('clickTrack')]();\r\n });\r\n });\r\n reco.find('.tns-slide-active').each(function(i, el) {\r\n impressionMap[PopMechanic.$(el).data('clickTrack')]();\r\n });\r\n });\r\n } else {\r\n \t\tPopMechanic.$(\".popmechanic-controls\").hide();\r\n $container.find('.popmechanic-widget-reco').addClass('popmechanic-loaded');\r\n \t\t\r\n $container.find('.popmechanic-item-card').each(function(i, el) {\r\n impressionMap[PopMechanic.$(el).data('clickTrack')]();\r\n });\r\n \r\n form.reportSlaSuccess();\r\n }\r\n } catch (e) {\r\n $removal\u0421ontainersEmbed.remove();\r\n \r\n console.error('PopMechanic widget ' + formId, e.message);\r\n form.reportSlaFailure('script-error', e);\r\n }\r\n }\r\n\r\n $container.find(\".popmechanic-items\").empty();\r\n $container.find('.popmechanic-items-wrapper').html('
');\r\n var $carousel = $container.find('.popmechanic-items');\r\n $carousel.empty();\r\n var slideAccumulator = [];\r\n var $slideContainer = PopMechanic.$('
');\r\n\r\n for (var i = 0; i < recommendations.length; i++) {\r\n var product = recommendations[i];\r\n if (product.oldPrice && product.oldPrice <= product.price) {\r\n product.oldPrice = null;\r\n }\r\n product.customFields = product.customFields || {};\r\n product.discount = (product.oldPrice && product.price !== product.oldPrice) ? (100 * (product.oldPrice - product.price) / product.oldPrice).toFixed(0) + '%' : null;\r\n\r\n try {\r\n var $item = PopMechanic.$(\r\n cardTemplate(Object.assign({}, templateSettings, {\r\n product: product,\r\n index: i,\r\n })));\r\n } catch (e) { continue; }\r\n \r\n if (groupSlidesBy === 1) {\r\n $carousel.append($item);\r\n } else {\r\n slideAccumulator.push($item);\r\n $slideContainer.append($item);\r\n if (slideAccumulator.length == groupSlidesBy) {\r\n slideAccumulator = [];\r\n $carousel.append($slideContainer);\r\n $slideContainer = PopMechanic.$('
');\r\n }\r\n }\r\n\r\n (function(i, product) {\r\n $item.attr('data-click-track', i);\r\n PopMechanic.$('#popmechanic-form-' + formId).on('click', '[data-click-track=\"' + i + '\"]', function(event) {\r\n event.stopPropagation(); \r\n if (mindbox) {\r\n mindbox(\"async\", {\r\n operation: \"popmechanic-widget-click-\" + formId,\r\n data: {\r\n clicked: {\r\n product: {\r\n ids: product.ids,\r\n }\r\n }\r\n },\r\n onSuccess: function() {\r\n // console.log('successful click');\r\n },\r\n onError: function(error) {\r\n console.log(error);\r\n }\r\n });\r\n }\r\n\r\n\r\n settings.gaTracker.selectItem(product, i);\r\n return true;\r\n });\r\n }(i, product));\r\n }\r\n\r\n \r\n recommendations.map(function(product, i) {\r\n impressionMap[i] = function() {\r\n settings.gaTracker.viewItemList(product, i, { non_interaction: true });\r\n };\r\n });\r\n\r\n onInit();\r\n }\r\n\r\n var recommendationsLimit = recommendations.length;\r\n\r\n if (recommendationsLimit) {\r\n if (lessCount === 0 || lessCount <= recommendationsLimit) {\r\n renderProductList();\r\n } else {\r\n $removal\u0421ontainersEmbed.remove();\r\n \r\n console.log('PopMechanic widget ' + formId + ': empty response');\r\n form.reportSlaSuccess();\r\n }\r\n } else {\r\n form.reportSlaSuccess();\r\n throw new Error('no data from mindbox');\r\n }\r\n} catch (e) {\r\n $removal\u0421ontainersEmbed.remove();\r\n \r\n console.error('PopMechanic widget ' + formId, e.message);\r\n form.reportSlaSuccess();\r\n}", "on_close": "var form = arguments[0] || {};\r\nwindow.PopMechanicSlider && window.PopMechanicSlider[form.id] && window.PopMechanicSlider[form.id].destroy && window.PopMechanicSlider[form.id].destroy();", "embed_code": "", "behaviors": ["info", "reco-sla", "reco_data", "tns"], "template_type": "embedded", "need_reset": false, "parameters": [], "on_targeting_ready": "", "on_child_ready": ""}], "button_templates": [], "integrations": [{"id": 73686, "form": 70245, "filter": null, "filter_type": null, "account": 7163, "integration_type": "javascript", "on_render": "", "on_show": "", "on_success": "function getTicket(name) {\n name = name.replace(/[\\[\\]]/g, '\\\\$&');\n var regex = new RegExp(name + '(=[a-z0-9-]+)', 'i');\n var results = window.location.href.match(regex);\n if (!results) return null;\n if (!results[0]) return '';\n return results[0].split('=')[1];\n}\nvar ticket = getTicket('direct-crm-ticket');\nmindbox(\"async\", {\n operation: \"SubscriptionEditCalista\",\n data: {\n customer: {\n authenticationTicket: ticket,\n subscriptions: [\n {\n pointOfContact: \"Email\",\n topic: \"promo\",\n isSubscribed: !!parseInt('%customs.promo-CLS%')\n },\n {\n pointOfContact: \"Email\",\n topic: \"news\",\n isSubscribed: !!parseInt('%customs.news-CLS%')\n },\n {\n pointOfContact: \"Email\",\n topic: \"lookbook\",\n isSubscribed: !!parseInt('%customs.lookbook-CLS%')\n },\n {\n pointOfContact: \"Email\",\n topic: \"new-prod\",\n isSubscribed: !!parseInt('%customs.new-prod-CLS%')\n }\n ]\n }\n}});", "on_close_success": "", "on_close_fail": ""}, {"id": 38510, "form": 41344, "filter": null, "filter_type": null, "account": 7163, "integration_type": "mindbox_server_json", "customer_extended": [{"id": "46", "value": "%customs.comment%", "systemName": "customFields.NpsCalistaPosleZakazaKommentarii"}], "customer_action_extended": [], "mode": "edit", "send_customer": true, "issue_action": false, "operation": "popmechanic-integration-edit-41344", "subscriptions": []}, {"id": 43533, "form": 41565, "filter": null, "filter_type": null, "account": 7163, "integration_type": "mindbox_server_json", "customer_extended": [{"id": "46", "value": "%customs.comment%", "systemName": "customFields.NpsCalistaPosleZakazaKommentarii"}], "customer_action_extended": [], "mode": "edit", "send_customer": true, "issue_action": false, "operation": "popmechanic-integration-edit-41565", "subscriptions": []}, {"id": 59378, "form": 58959, "filter": null, "filter_type": null, "account": 7163, "integration_type": "mindbox_server_json", "customer_extended": [{"value": "%phone%", "systemName": "mobilePhone"}, {"value": "%email%", "systemName": "email"}, {"value": "%customs.fields_list.date%", "systemName": "birthDate"}], "customer_action_extended": [], "mode": "create", "send_customer": true, "issue_action": false, "operation": "popmechanic-integration-create-58959", "subscriptions": [{"pointOfContact": "Email"}]}, {"id": 76626, "form": 72288, "filter": null, "filter_type": null, "account": 7163, "integration_type": "mindbox_server_json", "customer_extended": [{"value": "%email%", "systemName": "email"}], "customer_action_extended": [], "mode": "create", "send_customer": true, "issue_action": false, "operation": "popmechanic-integration-create-72288", "subscriptions": [{"pointOfContact": "Email"}]}, {"id": 112772, "form": 96273, "filter": null, "filter_type": null, "account": 7163, "integration_type": "mindbox_server_json", "customer_extended": [{"id": "45", "value": "%customs.test%", "systemName": "customFields.NpsCalistaPosleZakazaOcenka"}, {"id": "46", "value": "%customs.comment%", "systemName": "customFields.NpsCalistaPosleZakazaKommentarii"}], "customer_action_extended": [], "mode": "edit", "send_customer": true, "issue_action": false, "operation": "popmechanic-integration-edit-96273", "subscriptions": []}, {"id": 22666, "form": 36828, "filter": null, "filter_type": null, "account": 7163, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-36828-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-36828-targeting"}, {"id": 22671, "form": 36832, "filter": null, "filter_type": null, "account": 7163, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-36832-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-36832-targeting"}, {"id": 27200, "form": 40297, "filter": null, "filter_type": null, "account": 7163, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-40297-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-40297-targeting"}, {"id": 35080, "form": 41344, "filter": null, "filter_type": null, "account": 7163, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-41344-show", "click_operation": "popmechanic-popup-41344-click", "targeting_operation": "popmechanic-popup-41344-targeting"}, {"id": 43128, "form": 41566, "filter": null, "filter_type": null, "account": 7163, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-41566-show", "click_operation": "popmechanic-popup-41566-click", "targeting_operation": "popmechanic-popup-41566-targeting"}, {"id": 43532, "form": 41565, "filter": null, "filter_type": null, "account": 7163, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-41565-show", "click_operation": "popmechanic-popup-41565-click", "targeting_operation": "popmechanic-popup-41565-targeting"}, {"id": 56816, "form": 58959, "filter": null, "filter_type": null, "account": 7163, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-58959-show", "click_operation": "popmechanic-popup-58959-click", "targeting_operation": "popmechanic-popup-58959-targeting"}, {"id": 71259, "form": 68575, "filter": null, "filter_type": null, "account": 7163, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-68575-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-68575-targeting"}, {"id": 73687, "form": 70245, "filter": null, "filter_type": null, "account": 7163, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-70245-show", "click_operation": "popmechanic-popup-70245-click", "targeting_operation": "popmechanic-popup-70245-targeting"}, {"id": 76627, "form": 72288, "filter": null, "filter_type": null, "account": 7163, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-72288-show", "click_operation": "popmechanic-popup-72288-click", "targeting_operation": "popmechanic-popup-72288-targeting"}, {"id": 112773, "form": 96273, "filter": null, "filter_type": null, "account": 7163, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-96273-show", "click_operation": "popmechanic-popup-96273-click", "targeting_operation": "popmechanic-popup-96273-targeting"}], "settings": {"hide_copyright": true, "premium": true}, "frequency": {"minimal_timeout": null, "session": null, "day": null, "week": null, "month": null}, "global_ab_tests": [], "ip": "1.1.1.1", "contacts": [], "geo": null}
![](\"<%=first_img%)
\" class=\"popmechanic-img\">\r\n\t\t\t<%}%>\r\n\t\t\t<%if(parseInt(screen_first_title_enable)){%>\r\n\t\t\t\t![](\"https://personalization-web-stable.mindbox.ru/user-media/7163/d8c224e77b4e2b436312d42881e9c01822e323546254a5f129945ee7a7ada0ce.png\")
\r\n\t\t\t\t![](\"https://personalization-web-stable.mindbox.ru/user-media/7163/71e2c89e6bac981e3a4c9f412f9ba8dd8acb11db3d85a6383ed05be01da90544.png\")
\r\n\t\t\t![\"CALISTA\"](\"https://personalization-web-stable.mindbox.ru/user-media/7163/4bd78a87c4a757c918df9b701dcafd9dcfdd5c5a16b2c0a97b47b2bafd203e1b.png\")
![](\"https://personalization-web-stable.mindbox.ru/user-media/7163/d8c224e77b4e2b436312d42881e9c01822e323546254a5f129945ee7a7ada0ce.png\"\r\n\t\t\t\tclass=\"popmechanic-icon1\")