{"forms": [{"id": 83425, "template": 1400, "button_template": null, "test_group": null, "new_targeting": {"filter": {"id": "root", "name": "root", "nodes": [], "operator": "$and"}}, "settings_splits": [{"settings": {"css": ".popmechanic-item-card {\n padding-top: 22px;\n}\n#popmechanic-form a {\n color: #6c757d;\n text-decoration: none;\n background-color: transparent;\n}\n#popmechanic-form a:hover {\n color: #6c757d;\n text-decoration: none;\n}\n#popmechanic-form img {\n vertical-align: middle;\n border-style: none;\n object-fit: contain;\n width: 100%;\n height: 100%;\n max-width: 100%;\n max-height: 100%;\n}\n.col-xl, .col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, .col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, .col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, .col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, .col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {\n position: relative;\n width: 100%;\n padding-right: 15px;\n padding-left: 15px;\n}\n.col-12 {\n flex: 0 0 100%;\n max-width: 100%;\n}\n.pr-2, .px-2 {\n padding-right: .5rem !important;\n}\n.pl-2, .px-2 {\n padding-left: .5rem !important;\n}\n.pb-4, .py-4 {\n padding-bottom: 1.5rem !important;\n}\n.d-flex {\n display: flex !important;\n}\n.flex-column {\n flex-direction: column !important;\n}\n.justify-content-center {\n justify-content: center !important;\n}\n.position-relative {\n position: relative !important;\n}\n.h-100 {\n height: 100% !important;\n}\n.w-100 {\n width: 100% !important;\n}\n.hover-slide-up {\n will-change: transform;\n transition: transform ease-out .15s;\n}\n.hover-slide-up:hover {\n transform: translateY(-4px);\n}\n.product-card {\n background-color: #fff;\n border-radius: 6px;\n padding-top: 0;\n}\n.product-card__header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n height: 26px;\n}\n.mt-auto, .my-auto {\n /* margin-top: auto !important; */\n}\n.product-card__markers {\n position: relative;\n top: -50%;\n height: 16px;\n transform: translateY(-50%);\n left: 10px;\n}\n.product-card__marker {\n padding: 4px 8px;\n font-size: 14px;\n line-height: 18px;\n color: #fff;\n border-radius: 6px;\n}\n.product-card__marker.\\--type-discount {\n background-color: #28a745;\n}\n.product-card__marker-value {\n font-weight: 600;\n}\n.product-card__image-box {\n cursor: pointer;\n height: 160px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 8px 0;\n max-width: none;\n max-height: none;\n}\n.img-fluid {\n max-width: 100%;\n height: auto;\n}\n.mh-100 {\n max-height: 100% !important;\n}\n.mr-2, .mx-2 {\n margin-right: .5rem !important;\n}\n.text-decoration-none {\n text-decoration: none !important;\n}\n.font-weight-bold {\n font-weight: 700 !important;\n}\n.product-card__title {\n -webkit-line-clamp: 2;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n overflow: hidden;\n cursor: pointer;\n color: #6c757d;\n font-size: 16px;\n line-height: 1.2;\n margin-bottom: 8px;\n font-weight: 400;\n}\n.product-card__rating {\n cursor: pointer;\n display: flex;\n margin-bottom: 8px;\n align-items: center;\n}\n.rating {\n position: relative;\n width: 100px;\n height: 20px;\n}\n.rating__not-active, .rating__active {\n position: absolute;\n width: 100%;\n height: 100%;\n background-size: 20px;\n background-repeat: repeat-x;\n}\n.product-card__reviews-count {\n font-size: 14px;\n color: #6c757d;\n margin-left: 8px;\n line-height: normal;\n}\n.product-card__price {\n font-weight: 500;\n line-height: normal;\n}\n.product-card__price-box {\n display: flex;\n margin-bottom: 12px;\n flex-wrap: wrap;\n}\n.product-card__price.\\--is-final {\n font-size: 24px;\n}\n.product-card__price.\\--is-old {\n font-size: 18px;\n text-decoration: line-through;\n color: #6c757d;\n}\n.product-card__actions {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n.btn {\n display: inline-block;\n font-weight: 400;\n color: #212529;\n text-align: center;\n vertical-align: middle;\n user-select: none;\n background-color: transparent;\n border: 2px solid transparent;\n padding: .375rem .75rem;\n font-size: 1rem;\n line-height: 1.5;\n border-radius: .25rem;\n transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;\n}\n.btn-primary {\n color: #fff;\n background-color: #eb212e;\n border-color: #eb212e;\n}\n.btn-block {\n display: block;\n width: 100%;\n}\n.btn-outline-primary {\n color: #eb212e;\n border-color: #eb212e;\n}\n.mr-3, .mx-3 {\n margin-right: 1rem !important;\n}\n.product-card__btn-buy {\n position: relative;\n max-width: 160px;\n padding: 10px;\n height: 40px;\n line-height: 1rem;\n align-items: center;\n display: flex;\n justify-content: center;\n}\n.product-card__btn-buy:hover {\n border-color: #eb212e;\n background-color: #fff;\n color: #eb212e;\n}\n/* button:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled) {\n cursor: pointer;\n} */\n.btn:not(:disabled):not(.disabled) {\n cursor: pointer;\n}\n.d-none {\n display: none !important;\n}\n.d-block {\n display: block !important;\n}\n.product-card__favorite-btn {\n cursor: pointer;\n color: #adb5bd;\n display: flex;\n height: 18px;\n}\n.product-card__favorite-btn.\\--is-added, .product-card__favorite-btn:hover {\n color: #eb212e;\n}\n.product-card__favorite-btn:hover {\n color: #eb212e;\n}\n.product-card__compare-btn {\n cursor: pointer;\n color: #adb5bd;\n display: flex;\n height: 18px;\n}\n.product-card__compare-btn:hover {\n color: #eb212e;\n}\n.product-card__compare-btn.\\--is-added, .product-card__compare-btn:hover {\n color: #eb212e;\n}\n\n/* media */\n@media (max-width: 1199.98px) {\n .product-card__actions {\n justify-content: flex-start;\n }\n}\n@media (max-width: 767.98px) {\n .product-card__btn-buy {\n max-width: 76px;\n }\n}\n@media (max-width: 575.98px) {\n .product-card__title {\n font-size: 14px;\n margin-bottom: 16px;\n }\n .product-card__price.\\--is-final {\n font-size: 20px;\n }\n .product-card__price.\\--is-old {\n font-size: 16px;\n }\n}\n@media (min-width: 576px) {\n .align-items-sm-center {\n align-items: center !important;\n }\n .flex-sm-row {\n flex-direction: row !important;\n }\n}\n@media (min-width: 768px) {\n .pr-md-2, .px-md-2 {\n padding-right: .5rem !important;\n }\n .pl-md-2, .px-md-2 {\n padding-left: .5rem !important;\n }\n .pr-md-3, .px-md-3 {\n padding-right: 1rem !important;\n }\n .d-md-block {\n display: block !important;\n }\n .d-md-none {\n display: none !important;\n }\n}\n", "header": "\u0411\u0415\u0421\u0422\u0421\u0415\u041b\u041b\u0415\u0420\u042b", "shopId": "TefalShop", "controls": "0", "enableGA": "0", "endpoint": "shop.tefal.ru", "template": "
\n
\n
\n
\n
\n {% if(product.discount) { %}\n
\n \u2212 {{ product.discount.replace('%', '') }}%\n
\n {% } %}\n
\n
\n
\n \n
\n
\n \n
\n
\n \n {{ product.displayName }}\n
\n
\n {% if(product.customFields.rating) { %}\n {% function toTheStars(num) { return (num * 100) / 5 } %}\n
\n
\n
\n
\n
\n
\n {% if(product.customFields.otziv) { %}\n ({{ product.customFields.otziv }})\n {% } %}\n
\n {% } else { %}\n
\n {% } %}\n
\n
{{ product.formattedPrice }} i\n
\n {% if(product.discount) { %}\n
{{ product.formattedOldPrice }} i\n
\n {% } %}\n
\n
\n \n \n \n \n \n \n \n \n \n \n \n
\n
\n
\n
\n
\n\n{%\n try {\n if (!window.PopMechanic.setFavorite) {\n window.PopMechanic.setFavorite = function(productId) {\n\n var favoriteBtn = PopMechanic.$('[data-popmechanic-product-id=\"' + productId + '\"] .product-card__favorite-btn');\n favoriteBtn.toggleClass('--is-added');\n\n if (favoriteBtn.hasClass('--is-added')) {\n window.diginetica_favorite('add', productId);\n } else {\n window.diginetica_favorite('remove', productId);\n }\n\n return false;\n }\n }\n\n if (!window.PopMechanic.setComparision) {\n window.PopMechanic.setComparision = function(productId) {\n\n var compareBtn = PopMechanic.$('[data-popmechanic-product-id=\"' + productId + '\"] .product-card__compare-btn');\n compareBtn.toggleClass('--is-added');\n\n if (compareBtn.hasClass('--is-added')) {\n window.diginetica_compare('add', productId);\n } else {\n window.diginetica_compare('remove', productId);\n }\n\n return false;\n }\n }\n\n if (window.mindboxAddToCart) {\n setTimeout(function() {\n var productId = product.customFields.productId;\n var $actionButton = PopMechanic.$('[data-popmechanic-product-id=\"' + productId + '\"] .product-card__btn-buy');\n\n $actionButton.click(function() {\n PopMechanic.$(this)\n .addClass('btn-outline-primary')\n .removeClass('btn-primary')\n .text('\u0412 \u043a\u043e\u0440\u0437\u0438\u043d\u0435');\n\n mindboxAddToCart({\n id: productId,\n image: product.pictureUrl,\n link: product.url,\n name: product.displayName,\n old_price: product.oldPrice,\n price: product.price,\n category: product.category,\n\t\t\tvendorcode: product.vendorCode,\n\t\t\tvendor: product.manufacturer.name\n });\n\n return false;\n });\n }, 100);\n }\n\n } catch (e) {}\n%}\n", "user_tns": "{\n controlsText: [\"\", \"\"],\n slideBy: 1,\n responsive: {\n 320: {\n items: 2,\n controls: false\n },\n 768: {\n items: 2.5,\n controls: true\n },\n 992: {\n items: 3.5,\n controls: true\n },\n 1200: {\n items: 4.5,\n controls: true\n },\n 1280: {\n items: 5,\n controls: true\n }\n }\n}", "enableTns": "1", "lessCount": "0", "algorithm1": "{\"systemName\": \"Populyarnietovarivkategoriyahreko\", \"recoTarget\": \"Category\"}", "algorithm2": "popular", "algorithm3": "popular", "gaListName": "\u0420\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0438 Mindbox -\u041f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u044b\u0435 \u0442\u043e\u0432\u0430\u0440\u044b \u043f\u043e \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u044f\u043c", "loopSlider": "1", "responsive": ",,", "fieldsToGet": "[]", "enable_reco_2": "0", "enable_reco_3": "0", "gaTrackerName": "t0", "groupSlidesBy": "1", "sendAllFields": "1", "productIdsCode": "0", "filterByOtherReco": "0", "mindboxWidgetName": "\u0412\u0438\u0434\u0436\u0435\u0442 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0439", "map_recommendations": "return recommendations;", "recommendationLimit": "22", "recommendationLimit2": "12", "recommendationLimit3": "12", "returnOptimizedPictures": "1"}, "button_settings": {}, "conditions_splits": [], "id": 82833, "behavior_settings": {"reco_data": {"shopId": "TefalShop", "endpoint": "shop.tefal.ru", "operations": [{"id": "popmechanic-widget-83425-reco-1", "limit": 22, "disabled": false, "algorithm": "Populyarnietovarivkategoriyahreko", "recoTarget": "Category"}], "fieldsToGet": [], "sendAllFields": true, "productIdsCode": null, "filterByOtherReco": false, "mindboxWidgetName": "\u0412\u0438\u0434\u0436\u0435\u0442 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0439", "returnOptimizedPictures": true}}}], "pinned": false, "name": "\u041f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u044b\u0435 \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u0438 \u0432 \u043d\u0430\u043b\u0447\u0438\u0438 \u0443 \u0442\u043e\u0432\u0430\u0440\u043e\u0432 \"\u0421\u043e\u043e\u0431\u0449\u0438\u0442\u044c \u043e \u043f\u043e\u0441\u0442\u0443\u043f\u043b\u0435\u043d\u0438\u0438\"", "active": true, "embed_selector": false, "selector": "", "placement": "after", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": null}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-83405.png?ts=1726518714854&id=2368fb00-e425-426e-8a32-1aecd6d45f13", "rendered_button_preview": null, "settings": {"css": ".popmechanic-item-card {\n padding-top: 22px;\n}\n#popmechanic-form a {\n color: #6c757d;\n text-decoration: none;\n background-color: transparent;\n}\n#popmechanic-form a:hover {\n color: #6c757d;\n text-decoration: none;\n}\n#popmechanic-form img {\n vertical-align: middle;\n border-style: none;\n object-fit: contain;\n width: 100%;\n height: 100%;\n max-width: 100%;\n max-height: 100%;\n}\n.col-xl, .col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, .col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, .col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, .col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, .col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {\n position: relative;\n width: 100%;\n padding-right: 15px;\n padding-left: 15px;\n}\n.col-12 {\n flex: 0 0 100%;\n max-width: 100%;\n}\n.pr-2, .px-2 {\n padding-right: .5rem !important;\n}\n.pl-2, .px-2 {\n padding-left: .5rem !important;\n}\n.pb-4, .py-4 {\n padding-bottom: 1.5rem !important;\n}\n.d-flex {\n display: flex !important;\n}\n.flex-column {\n flex-direction: column !important;\n}\n.justify-content-center {\n justify-content: center !important;\n}\n.position-relative {\n position: relative !important;\n}\n.h-100 {\n height: 100% !important;\n}\n.w-100 {\n width: 100% !important;\n}\n.hover-slide-up {\n will-change: transform;\n transition: transform ease-out .15s;\n}\n.hover-slide-up:hover {\n transform: translateY(-4px);\n}\n.product-card {\n background-color: #fff;\n border-radius: 6px;\n padding-top: 0;\n}\n.product-card__header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n height: 26px;\n}\n.mt-auto, .my-auto {\n /* margin-top: auto !important; */\n}\n.product-card__markers {\n position: relative;\n top: -50%;\n height: 16px;\n transform: translateY(-50%);\n left: 10px;\n}\n.product-card__marker {\n padding: 4px 8px;\n font-size: 14px;\n line-height: 18px;\n color: #fff;\n border-radius: 6px;\n}\n.product-card__marker.\\--type-discount {\n background-color: #28a745;\n}\n.product-card__marker-value {\n font-weight: 600;\n}\n.product-card__image-box {\n cursor: pointer;\n height: 160px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 8px 0;\n max-width: none;\n max-height: none;\n}\n.img-fluid {\n max-width: 100%;\n height: auto;\n}\n.mh-100 {\n max-height: 100% !important;\n}\n.mr-2, .mx-2 {\n margin-right: .5rem !important;\n}\n.text-decoration-none {\n text-decoration: none !important;\n}\n.font-weight-bold {\n font-weight: 700 !important;\n}\n.product-card__title {\n -webkit-line-clamp: 2;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n overflow: hidden;\n cursor: pointer;\n color: #6c757d;\n font-size: 16px;\n line-height: 1.2;\n margin-bottom: 8px;\n font-weight: 400;\n}\n.product-card__rating {\n cursor: pointer;\n display: flex;\n margin-bottom: 8px;\n align-items: center;\n}\n.rating {\n position: relative;\n width: 100px;\n height: 20px;\n}\n.rating__not-active, .rating__active {\n position: absolute;\n width: 100%;\n height: 100%;\n background-size: 20px;\n background-repeat: repeat-x;\n}\n.product-card__reviews-count {\n font-size: 14px;\n color: #6c757d;\n margin-left: 8px;\n line-height: normal;\n}\n.product-card__price {\n font-weight: 500;\n line-height: normal;\n}\n.product-card__price-box {\n display: flex;\n margin-bottom: 12px;\n flex-wrap: wrap;\n}\n.product-card__price.\\--is-final {\n font-size: 24px;\n}\n.product-card__price.\\--is-old {\n font-size: 18px;\n text-decoration: line-through;\n color: #6c757d;\n}\n.product-card__actions {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n.btn {\n display: inline-block;\n font-weight: 400;\n color: #212529;\n text-align: center;\n vertical-align: middle;\n user-select: none;\n background-color: transparent;\n border: 2px solid transparent;\n padding: .375rem .75rem;\n font-size: 1rem;\n line-height: 1.5;\n border-radius: .25rem;\n transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;\n}\n.btn-primary {\n color: #fff;\n background-color: #eb212e;\n border-color: #eb212e;\n}\n.btn-block {\n display: block;\n width: 100%;\n}\n.btn-outline-primary {\n color: #eb212e;\n border-color: #eb212e;\n}\n.mr-3, .mx-3 {\n margin-right: 1rem !important;\n}\n.product-card__btn-buy {\n position: relative;\n max-width: 160px;\n padding: 10px;\n height: 40px;\n line-height: 1rem;\n align-items: center;\n display: flex;\n justify-content: center;\n}\n.product-card__btn-buy:hover {\n border-color: #eb212e;\n background-color: #fff;\n color: #eb212e;\n}\n/* button:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled) {\n cursor: pointer;\n} */\n.btn:not(:disabled):not(.disabled) {\n cursor: pointer;\n}\n.d-none {\n display: none !important;\n}\n.d-block {\n display: block !important;\n}\n.product-card__favorite-btn {\n cursor: pointer;\n color: #adb5bd;\n display: flex;\n height: 18px;\n}\n.product-card__favorite-btn.\\--is-added, .product-card__favorite-btn:hover {\n color: #eb212e;\n}\n.product-card__favorite-btn:hover {\n color: #eb212e;\n}\n.product-card__compare-btn {\n cursor: pointer;\n color: #adb5bd;\n display: flex;\n height: 18px;\n}\n.product-card__compare-btn:hover {\n color: #eb212e;\n}\n.product-card__compare-btn.\\--is-added, .product-card__compare-btn:hover {\n color: #eb212e;\n}\n\n/* media */\n@media (max-width: 1199.98px) {\n .product-card__actions {\n justify-content: flex-start;\n }\n}\n@media (max-width: 767.98px) {\n .product-card__btn-buy {\n max-width: 76px;\n }\n}\n@media (max-width: 575.98px) {\n .product-card__title {\n font-size: 14px;\n margin-bottom: 16px;\n }\n .product-card__price.\\--is-final {\n font-size: 20px;\n }\n .product-card__price.\\--is-old {\n font-size: 16px;\n }\n}\n@media (min-width: 576px) {\n .align-items-sm-center {\n align-items: center !important;\n }\n .flex-sm-row {\n flex-direction: row !important;\n }\n}\n@media (min-width: 768px) {\n .pr-md-2, .px-md-2 {\n padding-right: .5rem !important;\n }\n .pl-md-2, .px-md-2 {\n padding-left: .5rem !important;\n }\n .pr-md-3, .px-md-3 {\n padding-right: 1rem !important;\n }\n .d-md-block {\n display: block !important;\n }\n .d-md-none {\n display: none !important;\n }\n}\n", "header": "\u0411\u0415\u0421\u0422\u0421\u0415\u041b\u041b\u0415\u0420\u042b", "shopId": "TefalShop", "controls": "0", "enableGA": "0", "endpoint": "shop.tefal.ru", "template": "
\n
\n
\n
\n
\n {% if(product.discount) { %}\n
\n \u2212 {{ product.discount.replace('%', '') }}%\n
\n {% } %}\n
\n
\n
\n \n
\n
\n \n
\n
\n \n {{ product.displayName }}\n
\n
\n {% if(product.customFields.rating) { %}\n {% function toTheStars(num) { return (num * 100) / 5 } %}\n
\n
\n
\n
\n
\n
\n {% if(product.customFields.otziv) { %}\n ({{ product.customFields.otziv }})\n {% } %}\n
\n {% } else { %}\n
\n {% } %}\n
\n
{{ product.formattedPrice }} i\n
\n {% if(product.discount) { %}\n
{{ product.formattedOldPrice }} i\n
\n {% } %}\n
\n
\n \n \n \n \n \n \n \n \n \n \n \n
\n
\n
\n
\n
\n\n{%\n try {\n if (!window.PopMechanic.setFavorite) {\n window.PopMechanic.setFavorite = function(productId) {\n\n var favoriteBtn = PopMechanic.$('[data-popmechanic-product-id=\"' + productId + '\"] .product-card__favorite-btn');\n favoriteBtn.toggleClass('--is-added');\n\n if (favoriteBtn.hasClass('--is-added')) {\n window.diginetica_favorite('add', productId);\n } else {\n window.diginetica_favorite('remove', productId);\n }\n\n return false;\n }\n }\n\n if (!window.PopMechanic.setComparision) {\n window.PopMechanic.setComparision = function(productId) {\n\n var compareBtn = PopMechanic.$('[data-popmechanic-product-id=\"' + productId + '\"] .product-card__compare-btn');\n compareBtn.toggleClass('--is-added');\n\n if (compareBtn.hasClass('--is-added')) {\n window.diginetica_compare('add', productId);\n } else {\n window.diginetica_compare('remove', productId);\n }\n\n return false;\n }\n }\n\n if (window.mindboxAddToCart) {\n setTimeout(function() {\n var productId = product.customFields.productId;\n var $actionButton = PopMechanic.$('[data-popmechanic-product-id=\"' + productId + '\"] .product-card__btn-buy');\n\n $actionButton.click(function() {\n PopMechanic.$(this)\n .addClass('btn-outline-primary')\n .removeClass('btn-primary')\n .text('\u0412 \u043a\u043e\u0440\u0437\u0438\u043d\u0435');\n\n mindboxAddToCart({\n id: productId,\n image: product.pictureUrl,\n link: product.url,\n name: product.displayName,\n old_price: product.oldPrice,\n price: product.price,\n category: product.category,\n\t\t\tvendorcode: product.vendorCode,\n\t\t\tvendor: product.manufacturer.name\n });\n\n return false;\n });\n }, 100);\n }\n\n } catch (e) {}\n%}\n", "user_tns": "{\n controlsText: [\"\", \"\"],\n slideBy: 1,\n responsive: {\n 320: {\n items: 2,\n controls: false\n },\n 768: {\n items: 2.5,\n controls: true\n },\n 992: {\n items: 3.5,\n controls: true\n },\n 1200: {\n items: 4.5,\n controls: true\n },\n 1280: {\n items: 5,\n controls: true\n }\n }\n}", "enableTns": "1", "lessCount": "0", "algorithm1": "{\"systemName\": \"Populyarnietovarivkategoriyahreko\", \"recoTarget\": \"Category\"}", "algorithm2": "popular", "algorithm3": "popular", "gaListName": "\u0420\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0438 Mindbox -\u041f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u044b\u0435 \u0442\u043e\u0432\u0430\u0440\u044b \u043f\u043e \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u044f\u043c", "loopSlider": "1", "responsive": ",,", "fieldsToGet": "[]", "enable_reco_2": "0", "enable_reco_3": "0", "gaTrackerName": "t0", "groupSlidesBy": "1", "sendAllFields": "1", "productIdsCode": "0", "filterByOtherReco": "0", "mindboxWidgetName": "\u0412\u0438\u0434\u0436\u0435\u0442 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0439", "map_recommendations": "return recommendations;", "recommendationLimit": "22", "recommendationLimit2": "12", "recommendationLimit3": "12", "returnOptimizedPictures": "1"}, "button_settings": {}, "behavior_settings": {"reco_data": {"shopId": "TefalShop", "endpoint": "shop.tefal.ru", "operations": [{"id": "popmechanic-widget-83425-reco-1", "limit": 22, "disabled": false, "algorithm": "Populyarnietovarivkategoriyahreko", "recoTarget": "Category"}], "fieldsToGet": [], "sendAllFields": true, "productIdsCode": null, "filterByOtherReco": false, "mindboxWidgetName": "\u0412\u0438\u0434\u0436\u0435\u0442 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0439", "returnOptimizedPictures": true}}, "html": "
\n\t
\n\t\t
\n\t\t\t

<%=header%>

\n\t\t
\n\t\t
\n\t\t\t
\n\t\t\t
\n

\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442\u0441\u044f \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0438

\n
\n\t\t
\n\t
\n\t\n
\n", "css": ".tns-outer{padding:0 !important}.tns-outer [hidden]{display:none !important}.tns-outer [aria-controls],.tns-outer [data-action]{cursor:pointer}\n.tns-slider{transition:all 0.3s}\n.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}\n.tns-gallery>.tns-moving{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}\n\n.tns-controls button {\n\tposition: absolute;\n\tdisplay: flex;\n\tflex-shrink: 0;\n\tpadding: 0;\n\tfont-size: 0;\n\tline-height: 0;\n\tuser-select: none;\n\toutline: none;\n\tborder: none;\n\tappearance: none;\n\tcursor: pointer;\n\t/* website */\n\talign-items: center;\n\tjustify-content: center;\n\twidth: 40px;\n\theight: 40px;\n\ttop: 55%;\n\tborder-radius: 50%;\n\ttransition: .2s linear;\n\tcolor: #adb5bd;\n\tz-index: 1;\n\tbackground: none;\n\tbackground-image: url(\"https://personalization-web-stable.mindbox.ru/user-media/28173/bb540bb0f5294863f16506585bf04b1765b37bcf52db6f49b929443c48e0301c.png\");\n\tbackground-repeat: no-repeat;\n\tbackground-position: center;\n\tbackground-size: contain;\n}\n.tns-controls button:hover {\n\tbackground-image: url(\"https://personalization-web-stable.mindbox.ru/user-media/28173/1a886d1208aa5cacf1808228ae5e0195976d92f641b19f22820ad72a888334e1.png\");\n}\n.tns-controls button[data-controls=\"prev\"] {\n\tleft: -25px;\n\ttransform: translate(0, -100%);\n}\n.tns-controls button[data-controls=\"next\"] {\n\tright: -25px;\n\ttransform: translate(0, -100%) rotate(180deg);\n}\n\n.popmechanic-items-wrapper {\n\tposition: relative;\n}\n.popmechanic-container {\n\tbackground-color: #ffffff;\n\tpadding-bottom: 3rem!important;\n\tpadding-top: 1.5rem!important;\n}\n.popmechanic-items {\n\tdisplay: flex;\n}\n#popmechanic-form .container {\n\twidth: 100%;\n\tpadding-right: 15px;\n\tpadding-left: 15px;\n\tmargin-right: auto;\n\tmargin-left: auto;\n}\n\n.popmechanic-subtitle {\n color: #878787;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: 100%;\n padding: 13px;\n background-color: #E3E3E8;\n border-radius: 4px;\n max-width: 365px;\n width: 100%;\n box-sizing: border-box;\n margin-left: 8px;\n margin-top: 15px;\n}\n\n/* MEDIA */\n@media (min-width: 576px) {\n\t#popmechanic-form .container {\n\t\tmax-width: 540px;\n\t}\n}\n@media (min-width: 768px) {\n\t#popmechanic-form .container {\n\t\tmax-width: 675px;\n\t}\n}\n@media (min-width: 1200px) {\n\t.tns-controls button[data-controls=\"prev\"] {\n\t\tleft: calc(3rem - 40px);\n\t}\n\t.tns-controls button[data-controls=\"next\"] {\n\t\tright: calc(3rem - 40px);\n\t}\n\t#popmechanic-form .container {\n\t\t\tmax-width: 1480px;\n\t\t\tpadding-left: 3rem!important;\n\t\t\tpadding-right: 3rem!important;\n\t}\n}\n\n<%= css %>\n", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 65601, "template": 1400, "button_template": null, "test_group": null, "new_targeting": {"filter": {"id": "root", "name": "root", "nodes": [], "operator": "$and"}}, "settings_splits": [{"settings": {"css": ".popmechanic-item-card {\n padding-top: 22px;\n}\na {\n color: #6c757d;\n text-decoration: none;\n background-color: transparent;\n}\na:hover {\n color: #6c757d;\n text-decoration: none;\n}\nimg {\n vertical-align: middle;\n border-style: none;\n}\n.col-xl, .col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, .col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, .col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, .col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, .col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {\n position: relative;\n width: 100%;\n padding-right: 15px;\n padding-left: 15px;\n}\n.col-12 {\n flex: 0 0 100%;\n max-width: 100%;\n}\n.pr-2, .px-2 {\n padding-right: .5rem !important;\n}\n.pl-2, .px-2 {\n padding-left: .5rem !important;\n}\n.pb-4, .py-4 {\n padding-bottom: 1.5rem !important;\n}\n.d-flex {\n display: flex !important;\n}\n.flex-column {\n flex-direction: column !important;\n}\n.justify-content-center {\n justify-content: center !important;\n}\n.position-relative {\n position: relative !important;\n}\n.h-100 {\n height: 100% !important;\n}\n.w-100 {\n width: 100% !important;\n}\n.hover-slide-up {\n will-change: transform;\n transition: transform ease-out .15s;\n}\n.product-card {\n background-color: #fff;\n border-radius: 6px;\n}\n.product-card__header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n.mt-auto, .my-auto {\n margin-top: auto !important;\n}\n.product-card__markers {\n position: relative;\n top: -50%;\n height: 16px;\n}\n.product-card__marker {\n padding: 4px 8px;\n font-size: 14px;\n line-height: 18px;\n color: #fff;\n border-radius: 6px;\n}\n.product-card__marker.\\--type-discount {\n background-color: #28a745;\n}\n.product-card__marker-value {\n font-weight: 600;\n}\n.product-card__image-box {\n cursor: pointer;\n height: 160px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 8px 0;\n}\n.img-fluid {\n max-width: 100%;\n height: auto;\n}\n.mh-100 {\n max-height: 100% !important;\n}\n.mr-2, .mx-2 {\n margin-right: .5rem !important;\n}\n.text-decoration-none {\n text-decoration: none !important;\n}\n.font-weight-bold {\n font-weight: 700 !important;\n}\n.product-card__title {\n -webkit-line-clamp: 2;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n overflow: hidden;\n cursor: pointer;\n color: #6c757d;\n font-size: 16px;\n line-height: 1.2;\n margin-bottom: 8px;\n}\n.product-card__rating {\n cursor: pointer;\n display: flex;\n margin-bottom: 8px;\n align-items: center;\n}\n.rating {\n position: relative;\n width: 100px;\n height: 20px;\n}\n.rating__not-active, .rating__active {\n position: absolute;\n width: 100%;\n height: 100%;\n background-size: 20px;\n background-repeat: repeat-x;\n}\n.product-card__reviews-count {\n font-size: 14px;\n color: #6c757d;\n margin-left: 8px;\n line-height: normal;\n}\n.product-card__price {\n font-weight: 500;\n line-height: normal;\n}\n.product-card__price-box {\n display: flex;\n margin-bottom: 12px;\n flex-wrap: wrap;\n}\n.product-card__price.\\--is-final {\n font-size: 24px;\n}\n.product-card__price.\\--is-old {\n font-size: 18px;\n text-decoration: line-through;\n color: #6c757d;\n}\n.product-card__actions {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n.btn {\n display: inline-block;\n font-weight: 400;\n color: #212529;\n text-align: center;\n vertical-align: middle;\n user-select: none;\n background-color: transparent;\n border: 2px solid transparent;\n padding: .375rem .75rem;\n font-size: 1rem;\n line-height: 1.5;\n border-radius: .25rem;\n transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;\n}\n.btn-primary {\n color: #fff;\n background-color: #eb212e;\n border-color: #eb212e;\n}\n.btn-block {\n display: block;\n width: 100%;\n}\n.btn-outline-primary {\n color: #eb212e;\n border-color: #eb212e;\n}\n.mr-3, .mx-3 {\n margin-right: 1rem !important;\n}\n.product-card__btn-buy {\n position: relative;\n max-width: 160px;\n padding: 10px;\n height: 40px;\n line-height: 1rem;\n align-items: center;\n display: flex;\n justify-content: center;\n}\n.product-card__btn-buy:hover {\n border-color: #eb212e;\n background-color: #fff;\n color: #eb212e;\n}\nbutton:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled) {\n cursor: pointer;\n}\n.btn:not(:disabled):not(.disabled) {\n cursor: pointer;\n}\n.d-none {\n display: none !important;\n}\n.d-block {\n display: block !important;\n}\n.product-card__favorite-btn {\n cursor: pointer;\n color: #adb5bd;\n display: flex;\n height: 18px;\n}\n.product-card__favorite-btn.\\--is-added, .product-card__favorite-btn:hover {\n color: #eb212e;\n}\n.product-card__favorite-btn:hover {\n color: #eb212e;\n}\n.product-card__compare-btn {\n cursor: pointer;\n color: #adb5bd;\n display: flex;\n height: 18px;\n}\n.product-card__compare-btn:hover {\n color: #eb212e;\n}\n.product-card__compare-btn.\\--is-added, .product-card__compare-btn:hover {\n color: #eb212e;\n}\n\n/* media */\n@media (max-width: 1199.98px) {\n\t.product-card__actions {\n\t\tjustify-content: flex-start;\n\t}\n}\n@media (max-width: 767.98px) {\n\t.product-card__btn-buy {\n\t\tmax-width: 76px;\n\t}\n}\n@media (max-width: 575.98px) {\n\t.product-card__title {\n\t\tfont-size: 14px;\n\t\tmargin-bottom: 16px;\n\t}\n\t.product-card__price.\\--is-final {\n\t\tfont-size: 20px;\n\t}\n\t.product-card__price.\\--is-old {\n\t\tfont-size: 16px;\n\t}\n}\n@media (min-width: 576px) {\n\t.align-items-sm-center {\n\t\talign-items: center !important;\n\t}\n\t.flex-sm-row {\n\t\tflex-direction: row !important;\n\t}\n}\n@media (min-width: 768px) {\n\t.pr-md-2, .px-md-2 {\n\t\tpadding-right: .5rem !important;\n\t}\n\t.pl-md-2, .px-md-2 {\n\t\tpadding-left: .5rem !important;\n\t}\n\t.pr-md-3, .px-md-3 {\n\t\tpadding-right: 1rem !important;\n\t}\n\t.d-md-block {\n\t\tdisplay: block !important;\n\t}\n\t.d-md-none {\n\t\tdisplay: none !important;\n\t}\n}\n", "header": "C \u044d\u0442\u0438\u043c \u0442\u043e\u0432\u0430\u0440\u043e\u043c \u043f\u043e\u043a\u0443\u043f\u0430\u044e\u0442", "shopId": "TefalShop", "controls": "0", "enableGA": "1", "endpoint": "shop.tefal.ru", "template": "
\n
\n
\n
\n
\n {% if(product.discount) { %}\n
\n \u2212 {{ product.discount.replace('%', '') }}%\n
\n {% } %}\n
\n
\n
\n \n
\n
\n \n
\n
\n \n {{ product.displayName }}\n
\n
\n {% if(product.customFields.rating) { %}\n {% function toTheStars(num) { return (num * 100) / 5 } %}\n
\n
\n
\n
\n
\n
\n {% if(product.customFields.otziv) { %}\n ({{ product.customFields.otziv }})\n {% } %}\n
\n {% } %}\n
\n
{{ product.formattedPrice }} i\n
\n {% if(product.discount) { %}\n
{{ product.formattedOldPrice }} i\n
\n {% } %}\n
\n
\n \n \n \n \n \n \n \n \n \n \n \n
\n
\n
\n
\n
\n\n{%\n try {\n if (!window.mindboxRecommendationsOnPage) {\n window.mindboxRecommendationsOnPage = [];\n }\n window.mindboxRecommendationsOnPage = window.mindboxRecommendationsOnPage.concat(recommendations);\n if (!window.PopMechanic.setFavorite) {\n window.PopMechanic.setFavorite = function(productId) {\n\n var favoriteBtn = PopMechanic.$('[data-popmechanic-product-id=\"' + productId + '\"]:not([aria-hidden]) .product-card__favorite-btn');\n favoriteBtn.toggleClass('--is-added');\n\n\t\t\tvar clickedProduct = window.mindboxRecommendationsOnPage.find(function(rec) { return parseInt(rec.customFields.productId) === parseInt(productId)});\n\t\t\tif (!clickedProduct) return false;\n\n if (favoriteBtn.hasClass('--is-added')) {\n window.mindboxAddToFavorites({\n id: productId,\n image: clickedProduct.pictureUrl,\n link: clickedProduct.url,\n name: clickedProduct.displayName,\n old_price: clickedProduct.oldPrice,\n price: clickedProduct.price,\n category: clickedProduct.category,\n vendorcode: clickedProduct.vendorCode,\n vendor: clickedProduct.manufacturer.name\n }, 'mindboxBuyWithThisProduct');\n } else {\n window.mindboxRemoveFromFavorites({\n id: productId,\n image: clickedProduct.pictureUrl,\n link: clickedProduct.url,\n name: clickedProduct.displayName,\n old_price: clickedProduct.oldPrice,\n price: clickedProduct.price,\n category: clickedProduct.category,\n vendorcode: clickedProduct.vendorCode,\n vendor: clickedProduct.manufacturer.name\n }, 'mindboxBuyWithThisProduct');\n }\n\n return false;\n }\n }\n\n if (!window.PopMechanic.setComparision) {\n window.PopMechanic.setComparision = function(productId) {\n\n var compareBtn = PopMechanic.$('[data-popmechanic-product-id=\"' + productId + '\"]:not([aria-hidden]) .product-card__compare-btn');\n compareBtn.toggleClass('--is-added');\n\n\t\t\tvar clickedProduct = window.mindboxRecommendationsOnPage.find(function(rec) { return parseInt(rec.customFields.productId) === parseInt(productId)});\n\t\t\tif (!clickedProduct) return false;\n\n if (compareBtn.hasClass('--is-added')) {\n window.mindboxAddToCompare({\n id: productId,\n image: clickedProduct.pictureUrl,\n link: clickedProduct.url,\n name: clickedProduct.displayName,\n old_price: clickedProduct.oldPrice,\n price: clickedProduct.price,\n category: clickedProduct.category,\n vendorcode: clickedProduct.vendorCode,\n vendor: clickedProduct.manufacturer.name\n }, 'mindboxBuyWithThisProduct');\n } else {\n window.mindboxRemoveFromCompare({\n id: productId,\n image: clickedProduct.pictureUrl,\n link: clickedProduct.url,\n name: clickedProduct.displayName,\n old_price: clickedProduct.oldPrice,\n price: clickedProduct.price,\n category: clickedProduct.category,\n vendorcode: clickedProduct.vendorCode,\n vendor: clickedProduct.manufacturer.name\n }, 'mindboxBuyWithThisProduct');\n }\n\n\n return false;\n }\n }\n\n if (window.mindboxAddToCart) {\n var cartProductId = product.customFields.productId;\n \n setTimeout(function() {\n var $actionButton = PopMechanic.$('[data-popmechanic-product-id=\"' + cartProductId + '\"] .product-card__btn-buy');\n\n $actionButton.click(function() {\n var cartProduct = window.mindboxRecommendationsOnPage.find(function(rec) { return parseInt(rec.customFields.productId) === parseInt(cartProductId)});\n if (!cartProduct) return false;\n \n PopMechanic.$(this)\n .addClass('btn-outline-primary')\n .removeClass('btn-primary')\n .text('\u0412 \u043a\u043e\u0440\u0437\u0438\u043d\u0435');\n\n mindboxAddToCart({\n id: cartProductId,\n image: cartProduct.pictureUrl,\n link: cartProduct.url,\n name: cartProduct.displayName,\n old_price: cartProduct.oldPrice,\n price: cartProduct.price,\n category: cartProduct.category,\n vendorcode: cartProduct.vendorCode,\n vendor: cartProduct.manufacturer.name\n }, 'mindboxBuyWithThisProduct');\n\n return false;\n });\n }, 100);\n }\n\n } catch (e) {}\n%}\n", "user_tns": "{\n controlsText: [\"\", \"\"],\n slideBy: 1,\n mouseDrag: true,\n swipeAngle: 30,\n preventScrollOnTouch: \"auto\",\n responsive: {\n 320: {\n items: 2,\n controls: false\n },\n 768: {\n items: 2.5,\n controls: true\n },\n 992: {\n items: 3.5,\n controls: true\n },\n 1200: {\n items: 4.5,\n controls: true\n },\n 1280: {\n items: 5,\n controls: true\n }\n }\n}", "enableTns": "1", "lessCount": "0", "algorithm1": "{\"systemName\": \"Pohozhietovari\", \"recoTarget\": \"Offer\"}", "algorithm2": "popular", "algorithm3": "popular", "gaListName": "\u0420\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0438 Mindbox", "loopSlider": "1", "responsive": ",,", "fieldsToGet": "[]", "enable_reco_2": "0", "enable_reco_3": "0", "gaTrackerName": "t0", "groupSlidesBy": "1", "sendAllFields": "1", "productIdsCode": "0", "filterByOtherReco": "1", "mindboxWidgetName": "\u0412\u0438\u0434\u0436\u0435\u0442 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0439", "map_recommendations": "return recommendations;", "recommendationLimit": "3", "recommendationLimit2": "12", "recommendationLimit3": "12", "returnOptimizedPictures": "1"}, "button_settings": {}, "conditions_splits": [], "id": 65009, "behavior_settings": {"reco_data": {"shopId": "TefalShop", "endpoint": "shop.tefal.ru", "operations": [{"id": "popmechanic-widget-65601-reco-1", "limit": 3, "disabled": false, "algorithm": "Pohozhietovari", "recoTarget": "Offer"}], "fieldsToGet": [], "sendAllFields": true, "productIdsCode": null, "filterByOtherReco": true, "mindboxWidgetName": "\u0412\u0438\u0434\u0436\u0435\u0442 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0439", "returnOptimizedPictures": true}}}], "pinned": false, "name": "\u0421 \u044d\u0442\u0438\u043c \u0442\u043e\u0432\u0430\u0440\u043e\u043c \u043f\u043e\u043a\u0443\u043f\u0430\u044e\u0442. \u041a\u043e\u0440\u0437\u0438\u043d\u0430", "active": true, "embed_selector": false, "selector": "body > div.MuiDialog-root.MuiModal-root.css-126xj0f > div.MuiDialog-container.align-items-start.overflow-auto.MuiDialog-scrollPaper.css-ekeie0 > div > div.MuiPaper-root.MuiPaper-elevation.MuiPaper-rounded.MuiPaper-elevation0.upsale-block.mx-3.mx-lg-0.css-12jzyo5 > div > div > div.container.px-4", "placement": "after", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": null}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-64546.png?ts=1726508323482&id=4e4dc78e-0b85-446a-8b2f-862195e3d18c", "rendered_button_preview": null, "settings": {"css": ".popmechanic-item-card {\n padding-top: 22px;\n}\na {\n color: #6c757d;\n text-decoration: none;\n background-color: transparent;\n}\na:hover {\n color: #6c757d;\n text-decoration: none;\n}\nimg {\n vertical-align: middle;\n border-style: none;\n}\n.col-xl, .col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, .col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, .col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, .col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, .col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {\n position: relative;\n width: 100%;\n padding-right: 15px;\n padding-left: 15px;\n}\n.col-12 {\n flex: 0 0 100%;\n max-width: 100%;\n}\n.pr-2, .px-2 {\n padding-right: .5rem !important;\n}\n.pl-2, .px-2 {\n padding-left: .5rem !important;\n}\n.pb-4, .py-4 {\n padding-bottom: 1.5rem !important;\n}\n.d-flex {\n display: flex !important;\n}\n.flex-column {\n flex-direction: column !important;\n}\n.justify-content-center {\n justify-content: center !important;\n}\n.position-relative {\n position: relative !important;\n}\n.h-100 {\n height: 100% !important;\n}\n.w-100 {\n width: 100% !important;\n}\n.hover-slide-up {\n will-change: transform;\n transition: transform ease-out .15s;\n}\n.product-card {\n background-color: #fff;\n border-radius: 6px;\n}\n.product-card__header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n.mt-auto, .my-auto {\n margin-top: auto !important;\n}\n.product-card__markers {\n position: relative;\n top: -50%;\n height: 16px;\n}\n.product-card__marker {\n padding: 4px 8px;\n font-size: 14px;\n line-height: 18px;\n color: #fff;\n border-radius: 6px;\n}\n.product-card__marker.\\--type-discount {\n background-color: #28a745;\n}\n.product-card__marker-value {\n font-weight: 600;\n}\n.product-card__image-box {\n cursor: pointer;\n height: 160px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 8px 0;\n}\n.img-fluid {\n max-width: 100%;\n height: auto;\n}\n.mh-100 {\n max-height: 100% !important;\n}\n.mr-2, .mx-2 {\n margin-right: .5rem !important;\n}\n.text-decoration-none {\n text-decoration: none !important;\n}\n.font-weight-bold {\n font-weight: 700 !important;\n}\n.product-card__title {\n -webkit-line-clamp: 2;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n overflow: hidden;\n cursor: pointer;\n color: #6c757d;\n font-size: 16px;\n line-height: 1.2;\n margin-bottom: 8px;\n}\n.product-card__rating {\n cursor: pointer;\n display: flex;\n margin-bottom: 8px;\n align-items: center;\n}\n.rating {\n position: relative;\n width: 100px;\n height: 20px;\n}\n.rating__not-active, .rating__active {\n position: absolute;\n width: 100%;\n height: 100%;\n background-size: 20px;\n background-repeat: repeat-x;\n}\n.product-card__reviews-count {\n font-size: 14px;\n color: #6c757d;\n margin-left: 8px;\n line-height: normal;\n}\n.product-card__price {\n font-weight: 500;\n line-height: normal;\n}\n.product-card__price-box {\n display: flex;\n margin-bottom: 12px;\n flex-wrap: wrap;\n}\n.product-card__price.\\--is-final {\n font-size: 24px;\n}\n.product-card__price.\\--is-old {\n font-size: 18px;\n text-decoration: line-through;\n color: #6c757d;\n}\n.product-card__actions {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n.btn {\n display: inline-block;\n font-weight: 400;\n color: #212529;\n text-align: center;\n vertical-align: middle;\n user-select: none;\n background-color: transparent;\n border: 2px solid transparent;\n padding: .375rem .75rem;\n font-size: 1rem;\n line-height: 1.5;\n border-radius: .25rem;\n transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;\n}\n.btn-primary {\n color: #fff;\n background-color: #eb212e;\n border-color: #eb212e;\n}\n.btn-block {\n display: block;\n width: 100%;\n}\n.btn-outline-primary {\n color: #eb212e;\n border-color: #eb212e;\n}\n.mr-3, .mx-3 {\n margin-right: 1rem !important;\n}\n.product-card__btn-buy {\n position: relative;\n max-width: 160px;\n padding: 10px;\n height: 40px;\n line-height: 1rem;\n align-items: center;\n display: flex;\n justify-content: center;\n}\n.product-card__btn-buy:hover {\n border-color: #eb212e;\n background-color: #fff;\n color: #eb212e;\n}\nbutton:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled) {\n cursor: pointer;\n}\n.btn:not(:disabled):not(.disabled) {\n cursor: pointer;\n}\n.d-none {\n display: none !important;\n}\n.d-block {\n display: block !important;\n}\n.product-card__favorite-btn {\n cursor: pointer;\n color: #adb5bd;\n display: flex;\n height: 18px;\n}\n.product-card__favorite-btn.\\--is-added, .product-card__favorite-btn:hover {\n color: #eb212e;\n}\n.product-card__favorite-btn:hover {\n color: #eb212e;\n}\n.product-card__compare-btn {\n cursor: pointer;\n color: #adb5bd;\n display: flex;\n height: 18px;\n}\n.product-card__compare-btn:hover {\n color: #eb212e;\n}\n.product-card__compare-btn.\\--is-added, .product-card__compare-btn:hover {\n color: #eb212e;\n}\n\n/* media */\n@media (max-width: 1199.98px) {\n\t.product-card__actions {\n\t\tjustify-content: flex-start;\n\t}\n}\n@media (max-width: 767.98px) {\n\t.product-card__btn-buy {\n\t\tmax-width: 76px;\n\t}\n}\n@media (max-width: 575.98px) {\n\t.product-card__title {\n\t\tfont-size: 14px;\n\t\tmargin-bottom: 16px;\n\t}\n\t.product-card__price.\\--is-final {\n\t\tfont-size: 20px;\n\t}\n\t.product-card__price.\\--is-old {\n\t\tfont-size: 16px;\n\t}\n}\n@media (min-width: 576px) {\n\t.align-items-sm-center {\n\t\talign-items: center !important;\n\t}\n\t.flex-sm-row {\n\t\tflex-direction: row !important;\n\t}\n}\n@media (min-width: 768px) {\n\t.pr-md-2, .px-md-2 {\n\t\tpadding-right: .5rem !important;\n\t}\n\t.pl-md-2, .px-md-2 {\n\t\tpadding-left: .5rem !important;\n\t}\n\t.pr-md-3, .px-md-3 {\n\t\tpadding-right: 1rem !important;\n\t}\n\t.d-md-block {\n\t\tdisplay: block !important;\n\t}\n\t.d-md-none {\n\t\tdisplay: none !important;\n\t}\n}\n", "header": "C \u044d\u0442\u0438\u043c \u0442\u043e\u0432\u0430\u0440\u043e\u043c \u043f\u043e\u043a\u0443\u043f\u0430\u044e\u0442", "shopId": "TefalShop", "controls": "0", "enableGA": "1", "endpoint": "shop.tefal.ru", "template": "
\n
\n
\n
\n
\n {% if(product.discount) { %}\n
\n \u2212 {{ product.discount.replace('%', '') }}%\n
\n {% } %}\n
\n
\n
\n \n
\n
\n \n
\n
\n \n {{ product.displayName }}\n
\n
\n {% if(product.customFields.rating) { %}\n {% function toTheStars(num) { return (num * 100) / 5 } %}\n
\n
\n
\n
\n
\n
\n {% if(product.customFields.otziv) { %}\n ({{ product.customFields.otziv }})\n {% } %}\n
\n {% } %}\n
\n
{{ product.formattedPrice }} i\n
\n {% if(product.discount) { %}\n
{{ product.formattedOldPrice }} i\n
\n {% } %}\n
\n
\n \n \n \n \n \n \n \n \n \n \n \n
\n
\n
\n
\n
\n\n{%\n try {\n if (!window.mindboxRecommendationsOnPage) {\n window.mindboxRecommendationsOnPage = [];\n }\n window.mindboxRecommendationsOnPage = window.mindboxRecommendationsOnPage.concat(recommendations);\n if (!window.PopMechanic.setFavorite) {\n window.PopMechanic.setFavorite = function(productId) {\n\n var favoriteBtn = PopMechanic.$('[data-popmechanic-product-id=\"' + productId + '\"]:not([aria-hidden]) .product-card__favorite-btn');\n favoriteBtn.toggleClass('--is-added');\n\n\t\t\tvar clickedProduct = window.mindboxRecommendationsOnPage.find(function(rec) { return parseInt(rec.customFields.productId) === parseInt(productId)});\n\t\t\tif (!clickedProduct) return false;\n\n if (favoriteBtn.hasClass('--is-added')) {\n window.mindboxAddToFavorites({\n id: productId,\n image: clickedProduct.pictureUrl,\n link: clickedProduct.url,\n name: clickedProduct.displayName,\n old_price: clickedProduct.oldPrice,\n price: clickedProduct.price,\n category: clickedProduct.category,\n vendorcode: clickedProduct.vendorCode,\n vendor: clickedProduct.manufacturer.name\n }, 'mindboxBuyWithThisProduct');\n } else {\n window.mindboxRemoveFromFavorites({\n id: productId,\n image: clickedProduct.pictureUrl,\n link: clickedProduct.url,\n name: clickedProduct.displayName,\n old_price: clickedProduct.oldPrice,\n price: clickedProduct.price,\n category: clickedProduct.category,\n vendorcode: clickedProduct.vendorCode,\n vendor: clickedProduct.manufacturer.name\n }, 'mindboxBuyWithThisProduct');\n }\n\n return false;\n }\n }\n\n if (!window.PopMechanic.setComparision) {\n window.PopMechanic.setComparision = function(productId) {\n\n var compareBtn = PopMechanic.$('[data-popmechanic-product-id=\"' + productId + '\"]:not([aria-hidden]) .product-card__compare-btn');\n compareBtn.toggleClass('--is-added');\n\n\t\t\tvar clickedProduct = window.mindboxRecommendationsOnPage.find(function(rec) { return parseInt(rec.customFields.productId) === parseInt(productId)});\n\t\t\tif (!clickedProduct) return false;\n\n if (compareBtn.hasClass('--is-added')) {\n window.mindboxAddToCompare({\n id: productId,\n image: clickedProduct.pictureUrl,\n link: clickedProduct.url,\n name: clickedProduct.displayName,\n old_price: clickedProduct.oldPrice,\n price: clickedProduct.price,\n category: clickedProduct.category,\n vendorcode: clickedProduct.vendorCode,\n vendor: clickedProduct.manufacturer.name\n }, 'mindboxBuyWithThisProduct');\n } else {\n window.mindboxRemoveFromCompare({\n id: productId,\n image: clickedProduct.pictureUrl,\n link: clickedProduct.url,\n name: clickedProduct.displayName,\n old_price: clickedProduct.oldPrice,\n price: clickedProduct.price,\n category: clickedProduct.category,\n vendorcode: clickedProduct.vendorCode,\n vendor: clickedProduct.manufacturer.name\n }, 'mindboxBuyWithThisProduct');\n }\n\n\n return false;\n }\n }\n\n if (window.mindboxAddToCart) {\n var cartProductId = product.customFields.productId;\n \n setTimeout(function() {\n var $actionButton = PopMechanic.$('[data-popmechanic-product-id=\"' + cartProductId + '\"] .product-card__btn-buy');\n\n $actionButton.click(function() {\n var cartProduct = window.mindboxRecommendationsOnPage.find(function(rec) { return parseInt(rec.customFields.productId) === parseInt(cartProductId)});\n if (!cartProduct) return false;\n \n PopMechanic.$(this)\n .addClass('btn-outline-primary')\n .removeClass('btn-primary')\n .text('\u0412 \u043a\u043e\u0440\u0437\u0438\u043d\u0435');\n\n mindboxAddToCart({\n id: cartProductId,\n image: cartProduct.pictureUrl,\n link: cartProduct.url,\n name: cartProduct.displayName,\n old_price: cartProduct.oldPrice,\n price: cartProduct.price,\n category: cartProduct.category,\n vendorcode: cartProduct.vendorCode,\n vendor: cartProduct.manufacturer.name\n }, 'mindboxBuyWithThisProduct');\n\n return false;\n });\n }, 100);\n }\n\n } catch (e) {}\n%}\n", "user_tns": "{\n controlsText: [\"\", \"\"],\n slideBy: 1,\n mouseDrag: true,\n swipeAngle: 30,\n preventScrollOnTouch: \"auto\",\n responsive: {\n 320: {\n items: 2,\n controls: false\n },\n 768: {\n items: 2.5,\n controls: true\n },\n 992: {\n items: 3.5,\n controls: true\n },\n 1200: {\n items: 4.5,\n controls: true\n },\n 1280: {\n items: 5,\n controls: true\n }\n }\n}", "enableTns": "1", "lessCount": "0", "algorithm1": "{\"systemName\": \"Pohozhietovari\", \"recoTarget\": \"Offer\"}", "algorithm2": "popular", "algorithm3": "popular", "gaListName": "\u0420\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0438 Mindbox", "loopSlider": "1", "responsive": ",,", "fieldsToGet": "[]", "enable_reco_2": "0", "enable_reco_3": "0", "gaTrackerName": "t0", "groupSlidesBy": "1", "sendAllFields": "1", "productIdsCode": "0", "filterByOtherReco": "1", "mindboxWidgetName": "\u0412\u0438\u0434\u0436\u0435\u0442 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0439", "map_recommendations": "return recommendations;", "recommendationLimit": "3", "recommendationLimit2": "12", "recommendationLimit3": "12", "returnOptimizedPictures": "1"}, "button_settings": {}, "behavior_settings": {"reco_data": {"shopId": "TefalShop", "endpoint": "shop.tefal.ru", "operations": [{"id": "popmechanic-widget-65601-reco-1", "limit": 3, "disabled": false, "algorithm": "Pohozhietovari", "recoTarget": "Offer"}], "fieldsToGet": [], "sendAllFields": true, "productIdsCode": null, "filterByOtherReco": true, "mindboxWidgetName": "\u0412\u0438\u0434\u0436\u0435\u0442 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0439", "returnOptimizedPictures": true}}, "html": "
\n\t
\n\t\t
\n\t\t\t

<%=header%>

\n\t\t
\n\t\t
\n\t\t\t
\n\t\t\t
\n

\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442\u0441\u044f \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0438

\n
\n\t\t
\n\t
\n\t\n
\n", "css": ".tns-outer{padding:0 !important}.tns-outer [hidden]{display:none !important}.tns-outer [aria-controls],.tns-outer [data-action]{cursor:pointer}\n.tns-slider{transition:all 0.3s}\n.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}\n.tns-gallery>.tns-moving{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}\n\n.tns-controls button {\n\tposition: absolute;\n\tdisplay: flex;\n\tflex-shrink: 0;\n\tpadding: 0;\n\tfont-size: 0;\n\tline-height: 0;\n\tuser-select: none;\n\toutline: none;\n\tborder: none;\n\tappearance: none;\n\tcursor: pointer;\n\t/* website */\n\talign-items: center;\n\tjustify-content: center;\n\twidth: 40px;\n\theight: 40px;\n\ttop: 55%;\n\tborder-radius: 50%;\n\ttransition: .2s linear;\n\tcolor: #adb5bd;\n\tz-index: 1;\n\tbackground: none;\n\tbackground-image: url(\"https://personalization-web-stable.mindbox.ru/user-media/28173/bb540bb0f5294863f16506585bf04b1765b37bcf52db6f49b929443c48e0301c.png\");\n\tbackground-repeat: no-repeat;\n\tbackground-position: center;\n\tbackground-size: contain;\n}\n.tns-controls button:hover {\n\tbackground-image: url(\"https://personalization-web-stable.mindbox.ru/user-media/28173/1a886d1208aa5cacf1808228ae5e0195976d92f641b19f22820ad72a888334e1.png\");\n}\n.tns-controls button[data-controls=\"prev\"] {\n\tleft: -25px;\n\ttransform: translate(0, -100%);\n}\n.tns-controls button[data-controls=\"next\"] {\n\tright: -25px;\n\ttransform: translate(0, -100%) rotate(180deg);\n}\n\n.popmechanic-items-wrapper {\n\tposition: relative;\n}\n.popmechanic-container {\n\tbackground-color: rgb(248, 248, 248);\n}\n.popmechanic-items {\n\tdisplay: flex;\n}\n\n.popmechanic-subtitle {\n color: #878787;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: 100%;\n padding: 13px;\n background-color: #E3E3E8;\n border-radius: 4px;\n max-width: 365px;\n width: 100%;\n box-sizing: border-box;\n margin-left: 8px;\n margin-top: 15px;\n}\n\n@media (min-width: 1200px) {\n\t.tns-controls button[data-controls=\"prev\"] {\n\t\tleft: calc(3rem - 40px);\n\t}\n\t.tns-controls button[data-controls=\"next\"] {\n\t\tright: calc(3rem - 40px);\n\t}\n}\n\n<%= css %>\n", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 57642, "template": 2723, "button_template": null, "test_group": null, "new_targeting": null, "settings_splits": [{"settings": {"css": "#popmechanic-form {\r\n background: white;\r\n padding: 40px 20px 0;\r\n font-family: Roboto, Arial, sans-serif;\r\n color: #231F20;\r\n margin-bottom: 30px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-header {\r\n font-size: 21px;\r\n line-height: 28px;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n text-align: center;\r\n margin-bottom: 20px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-item-wrapper {\r\n position: relative;\r\n padding: 0 15px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-item-discount {\r\n color: #009848;\r\n background: white;\r\n padding-left: 5px;\r\n font-weight: 800;\r\n align-items: center;\r\n text-align: center;\r\n}\r\n\r\n#popmechanic-form .popmechanic-item-picture {\r\n display: grid;\r\n text-align: center;\r\n align-items: center;\r\n overflow: hidden;\r\n height: 200px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-item-picture img {\r\n display: inline-block;\r\n width: auto;\r\n height: auto;\r\n}\r\n\r\n#popmechanic-form .popmechanic-item-picture-discoun {\r\n color: #fff;\r\n padding: 10px;\r\n position: absolute;\r\n font-weight: 700;\r\n right: 15px;\r\n top: 0px;\r\n background-color: #009848;\r\n}\r\n\r\n#popmechanic-form .popmechanic-item-name {\r\n color: #231F20;\r\n font-size: 20px;\r\n font-weight: 600;\r\n margin: 20px 0 10px;\r\n line-height: 24px;\r\n text-align: center;\r\n}\r\n\r\n#popmechanic-form .popmechanic-item-prices {\r\n display: grid;\r\n grid-template-columns: repeat(2,1fr);\r\n align-items: center;\r\n font-size: 26px;\r\n margin-bottom: 20px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-old-price {\r\n color: #ccc;\r\n display: block;\r\n align-items: center;\r\n text-align: left;\r\n font-size: 26px;\r\n color: #373737;\r\n text-decoration: line-through;\r\n padding-left: 15px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-new-price {\r\n color: #E2001A;\r\n font-size: 41px;\r\n display: block;\r\n font-weight: 300;\r\n align-items: center;\r\n text-align: right;\r\n padding-right: 15px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button {\r\n color: #fff;\r\n font-size: 22px;\r\n display: block;\r\n line-height: 70px;\r\n font-weight: 700;\r\n background: #373737;\r\n border-radius: 9px;\r\n text-align: center;\r\n}\r\n\r\n.popmechanic-controls-btn {\r\n border-radius: 0 !important;\r\n}\r\n\r\n.popmechanic-controls-btn-next {\r\n right: -20px !important;\r\n}\r\n\r\n.popmechanic-controls-btn-prev {\r\n left: -20px !important;\r\n}\r\n\r\n.popmechanic-controls-btn {\r\n top: 115px !important;\r\n}\r\n\r\n.tns-outer button {\r\n display: none !important;\r\n}\r\n", "header": "\u041f\u041e\u041f\u0423\u041b\u042f\u0420\u041d\u042b\u0415 \u0422\u041e\u0412\u0410\u0420\u042b", "shopId": "TefalShop", "card_bg": "#fff", "controls": "1", "enableGA": "0", "endpoint": "endpoints", "template": "
\r\n
\r\n\t\t\r\n\t\t
\r\n\t\t {% if (product.discount) { %}\r\n\t\t \r\n\t\t {% } %}\r\n\t\t
\r\n\t\t \"{{\r\n\t\t
\r\n\t\t
\r\n\t\t
{{ product.displayName }}
\r\n\t\t
\r\n \t\t\t
{{ product.formattedPrice }}\u0440.
\r\n \t\t\t{% if (product.discount) { %}\r\n \t\t\t
{{ product.formattedOldPrice }} \u0440.
\r\n \t\t {% } %}\r\n \t\t \r\n\t\t
\r\n\t\t
\u0421\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u043d\u0430 \u0441\u0430\u0439\u0442\u0435
\r\n\t\t\r\n\t
\r\n
", "user_tns": "{\r\n\tautoplay: true,\r\n\tautoplayTimeout: 4000,\r\n}", "enableTns": "1", "header_fw": "400", "lessCount": "0", "algorithm1": "{\"systemName\": \"Populyarnietovarireko\", \"recoTarget\": \"Customer\"}", "algorithm2": "popular", "algorithm3": "popular", "gaListName": "\u0420\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0438 Mindbox", "loopSlider": "1", "responsive": "1,10,1;480,1,10,1;768,1,10,1;1280,1,10,1", "btn_cart_bg": "#666", "btn_cart_fw": "400", "fieldsToGet": "[]", "font_custom": "Circe, Arial, sans-serif", "font_family": "Roboto, sans-serif", "grouping_fw": "400", "btn_fav_func": "addToFavorites(product.ids.mindboxId)", "btn_fav_show": "1", "card_name_fw": "400", "card_name_lh": "1.5", "header_color": "#444", "btn_cart_func": "addToCart(product.ids.mindboxId)", "btn_cart_show": "1", "btn_cart_text": "\u0412 \u043a\u043e\u0440\u0437\u0438\u043d\u0443", "btn_fav_width": "20", "enable_reco_2": "0", "enable_reco_3": "0", "gaTrackerName": "t0", "groupSlidesBy": "1", "grouping_attr": "", "header_fz_mob": "22", "hidden_locale": "ru", "sendAllFields": "1", "btn_cart_align": "center", "btn_cart_color": "#fff", "btn_cart_width": "120", "btn_fav_height": "20", "card_name_line": "2", "card_name_show": "1", "card_prices_fw": "400", "card_vendor_fw": "400", "card_vendor_lh": "1.2", "header_fz_desk": "26", "productIdsCode": "0", "btn_cart_bg_hov": "#808080", "btn_cart_fs_mob": "16", "btn_cart_height": "34", "card_hov_shadow": "1", "card_name_align": "center", "card_name_color": "#444", "card_prices_col": "1", "grouping_br_mob": "8", "grouping_mb_mob": "10", "grouping_values": "", "btn_cart_fs_desk": "16", "btn_fav_img_fill": "https://personalization-web-stable.mindbox.ru/user-media/img/fav_fill_f16db001a40dbb7ae478a47534b4aa2c.svg", "btn_fav_position": "rightbottom", "card_name_fs_mob": "16", "card_padding_hor": "10", "card_prices_show": "1", "card_rating_show": "1", "card_vendor_line": "1", "card_vendor_show": "1", "font_custom_show": "0", "grouping_br_desk": "8", "grouping_gap_mob": "14", "grouping_mb_desk": "10", "header_align_mob": "center", "slider_bullit_bg": "#FFF", "btn_cart_bg_after": "#2f9e44", "btn_cart_icon_src": "https://personalization-web-stable.mindbox.ru/user-media/img/cart_9e2e35b9c47795c327dfdf792d65a5.svg", "btn_cart_ordering": "5", "btn_fav_img_empty": "https://personalization-web-stable.mindbox.ru/user-media/img/fav_8e7efd4a3c459cbc5ef9338f2eb07.svg", "card_border_color": "#444", "card_border_width": "0", "card_label_new_bg": "#37b24d", "card_labels_space": "5", "card_name_fs_desk": "16", "card_padding_vert": "10", "card_prices_align": "center", "card_prices_color": "#444", "card_prices_space": "10", "card_rating_align": "center", "card_vendor_align": "center", "card_vendor_color": "#444", "filterByOtherReco": "0", "grouping_bg_color": "#fff", "grouping_gap_desk": "16", "header_align_desk": "center", "main_padding_vert": "0.00", "btn_cart_color_hov": "#fff", "btn_cart_icon_show": "0", "btn_cart_icon_size": "40", "card_border_radius": "8", "card_labels_fz_mob": "12", "card_name_ordering": "1", "card_prices_fs_mob": "15", "card_prices_symbol": "\u0440\u0443\u0431", "card_vendor_fs_mob": "16", "slider_bullit_size": "16", "slider_show_bullit": "0", "btn_cart_text_after": "\u0414\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u043e", "btn_fav_padding_hor": "20", "card_label_new_show": "1", "card_label_new_text": "New", "card_labels_fz_desk": "12", "card_prices_fs_desk": "15", "card_rating_img_gap": "2", "card_vendor_fs_desk": "16", "grouping_height_mob": "28", "grouping_other_name": "\u041f\u0440\u043e\u0447\u0435\u0435", "grouping_other_show": "0", "grouping_text_color": "#444", "map_recommendations": "return recommendations;", "recommendationLimit": "5", "slider_button_width": "60", "btn_cart_padding_hor": "8", "btn_fav_padding_vert": "20", "card_hov_shadow_size": "10", "card_img_padding_hor": "10", "card_label_new_color": "#fff", "card_labels_position": "lefttop", "card_prices_ordering": "4", "card_rating_img_fill": "https://personalization-web-stable.mindbox.ru/user-media/img/star_fill_2e8a227ff596e9b97d5fcd93fd08cf1e.svg", "card_rating_ordering": "3", "card_vendor_ordering": "2", "grouping_count_color": "#999", "grouping_fs_text_mob": "14", "grouping_height_desk": "32", "header_margin_bottom": "20", "recommendationLimit2": "12", "recommendationLimit3": "12", "slider_button_height": "80", "btn_cart_border_color": "#666", "btn_cart_padding_vert": "8", "card_img_aspect_ratio": "1 / 1", "card_img_padding_vert": "10", "card_label_new_border": "#37b24d", "card_rating_img_empty": "https://personalization-web-stable.mindbox.ru/user-media/img/star_empty_1bd02a21ec00d096e27935230e9f57a4.svg", "grouping_bg_color_hov": "#fff", "grouping_border_color": "#444", "grouping_border_width": "0", "grouping_counter_show": "1", "grouping_fs_count_mob": "14", "grouping_fs_text_desk": "16", "grouping_position_mob": "center", "btn_cart_border_radius": "8", "btn_cart_margin_bottom": "10", "card_img_border_radius": "8", "card_img_margin_bottom": "0", "card_label_discount_bg": "#f03e3e", "card_price_discount_fw": "400", "grouping_fs_count_desk": "16", "grouping_padding_x_mob": "8", "grouping_position_desk": "center", "slider_bullit_position": "bottom", "card_labels_padding_hor": "6", "card_name_margin_bottom": "10", "card_rating_customfield": "rating", "grouping_padding_x_desk": "10", "grouping_text_color_hov": "#787878", "returnOptimizedPictures": "0", "slider_bullit_bg_active": "#444", "slider_button_icon_next": "https://personalization-web-stable.mindbox.ru/user-media/25289/6caae23ff05fb868514323c4bda5507e50d89354809cee205ecd57122132dd9e.png", "slider_button_icon_prev": "https://personalization-web-stable.mindbox.ru/user-media/25289/8d1a129919b91bcdfa5de9ae1133cc66d9e20e6a0030113f5e6b5c3258de72a1.png", "card_label_discount_show": "1", "card_labels_padding_vert": "4", "card_labels_position_hor": "0", "card_price_discount_show": "1", "card_rating_img_size_mob": "18", "grouping_bg_color_active": "#f2f2f2", "grouping_count_color_hov": "#ccc", "btn_cart_border_color_hov": "#808080", "card_label_discount_color": "#fff", "card_labels_border_radius": "4", "card_labels_position_vert": "0", "card_price_discount_color": "#999", "card_price_discount_cross": "1", "card_price_discount_first": "1", "card_prices_margin_bottom": "10", "card_rating_img_size_desk": "18", "card_rating_margin_bottom": "10", "card_vendor_margin_bottom": "10", "grouping_border_color_hov": "#444", "card_content_position_vert": "stretch", "card_label_discount_border": "#f03e3e", "card_label_new_customfield": "new", "card_price_discount_fs_mob": "14", "grouping_text_color_active": "#444", "slider_bullit_border_color": "#444", "slider_button_border_color": "#444", "slider_button_border_width": "0.00", "card_price_discount_fs_desk": "14", "grouping_count_color_active": "#ccc", "grouping_border_color_active": "#444", "slider_button_icon_next_hover": "https://personalization-web-stable.mindbox.ru/user-media/25289/6caae23ff05fb868514323c4bda5507e50d89354809cee205ecd57122132dd9e.png", "slider_button_icon_prev_hover": "https://personalization-web-stable.mindbox.ru/user-media/25289/8d1a129919b91bcdfa5de9ae1133cc66d9e20e6a0030113f5e6b5c3258de72a1.png"}, "button_settings": {}, "conditions_splits": [], "id": 57065, "behavior_settings": {"embedded": {"animation_out": "fadeOut"}, "reco_data": {"shopId": "TefalShop", "operations": [{"id": "popmechanic-widget-57642-reco-1", "limit": "5", "disabled": false, "algorithm": "Populyarnietovarireko", "recoTarget": "Customer"}], "fieldsToGet": [], "sendAllFields": false, "productIdsCode": null, "filterByOtherReco": false, "returnOptimizedPictures": false}}}], "pinned": false, "name": "\u0412\u0438\u0434\u0436\u0435\u0442 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0439 #57642", "active": true, "embed_selector": false, "selector": "", "placement": "end", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": null}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-56220.png?ts=1726502537180&id=86c15f7d-b96a-444d-b1bc-4891aac6ff85", "rendered_button_preview": null, "settings": {"css": "#popmechanic-form {\r\n background: white;\r\n padding: 40px 20px 0;\r\n font-family: Roboto, Arial, sans-serif;\r\n color: #231F20;\r\n margin-bottom: 30px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-header {\r\n font-size: 21px;\r\n line-height: 28px;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n text-align: center;\r\n margin-bottom: 20px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-item-wrapper {\r\n position: relative;\r\n padding: 0 15px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-item-discount {\r\n color: #009848;\r\n background: white;\r\n padding-left: 5px;\r\n font-weight: 800;\r\n align-items: center;\r\n text-align: center;\r\n}\r\n\r\n#popmechanic-form .popmechanic-item-picture {\r\n display: grid;\r\n text-align: center;\r\n align-items: center;\r\n overflow: hidden;\r\n height: 200px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-item-picture img {\r\n display: inline-block;\r\n width: auto;\r\n height: auto;\r\n}\r\n\r\n#popmechanic-form .popmechanic-item-picture-discoun {\r\n color: #fff;\r\n padding: 10px;\r\n position: absolute;\r\n font-weight: 700;\r\n right: 15px;\r\n top: 0px;\r\n background-color: #009848;\r\n}\r\n\r\n#popmechanic-form .popmechanic-item-name {\r\n color: #231F20;\r\n font-size: 20px;\r\n font-weight: 600;\r\n margin: 20px 0 10px;\r\n line-height: 24px;\r\n text-align: center;\r\n}\r\n\r\n#popmechanic-form .popmechanic-item-prices {\r\n display: grid;\r\n grid-template-columns: repeat(2,1fr);\r\n align-items: center;\r\n font-size: 26px;\r\n margin-bottom: 20px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-old-price {\r\n color: #ccc;\r\n display: block;\r\n align-items: center;\r\n text-align: left;\r\n font-size: 26px;\r\n color: #373737;\r\n text-decoration: line-through;\r\n padding-left: 15px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-new-price {\r\n color: #E2001A;\r\n font-size: 41px;\r\n display: block;\r\n font-weight: 300;\r\n align-items: center;\r\n text-align: right;\r\n padding-right: 15px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button {\r\n color: #fff;\r\n font-size: 22px;\r\n display: block;\r\n line-height: 70px;\r\n font-weight: 700;\r\n background: #373737;\r\n border-radius: 9px;\r\n text-align: center;\r\n}\r\n\r\n.popmechanic-controls-btn {\r\n border-radius: 0 !important;\r\n}\r\n\r\n.popmechanic-controls-btn-next {\r\n right: -20px !important;\r\n}\r\n\r\n.popmechanic-controls-btn-prev {\r\n left: -20px !important;\r\n}\r\n\r\n.popmechanic-controls-btn {\r\n top: 115px !important;\r\n}\r\n\r\n.tns-outer button {\r\n display: none !important;\r\n}\r\n", "header": "\u041f\u041e\u041f\u0423\u041b\u042f\u0420\u041d\u042b\u0415 \u0422\u041e\u0412\u0410\u0420\u042b", "shopId": "TefalShop", "card_bg": "#fff", "controls": "1", "enableGA": "0", "endpoint": "endpoints", "template": "
\r\n
\r\n\t\t\r\n\t\t
\r\n\t\t {% if (product.discount) { %}\r\n\t\t \r\n\t\t {% } %}\r\n\t\t
\r\n\t\t \"{{\r\n\t\t
\r\n\t\t
\r\n\t\t
{{ product.displayName }}
\r\n\t\t
\r\n \t\t\t
{{ product.formattedPrice }}\u0440.
\r\n \t\t\t{% if (product.discount) { %}\r\n \t\t\t
{{ product.formattedOldPrice }} \u0440.
\r\n \t\t {% } %}\r\n \t\t \r\n\t\t
\r\n\t\t
\u0421\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u043d\u0430 \u0441\u0430\u0439\u0442\u0435
\r\n\t\t\r\n\t
\r\n
", "user_tns": "{\r\n\tautoplay: true,\r\n\tautoplayTimeout: 4000,\r\n}", "enableTns": "1", "header_fw": "400", "lessCount": "0", "algorithm1": "{\"systemName\": \"Populyarnietovarireko\", \"recoTarget\": \"Customer\"}", "algorithm2": "popular", "algorithm3": "popular", "gaListName": "\u0420\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0438 Mindbox", "loopSlider": "1", "responsive": "1,10,1;480,1,10,1;768,1,10,1;1280,1,10,1", "btn_cart_bg": "#666", "btn_cart_fw": "400", "fieldsToGet": "[]", "font_custom": "Circe, Arial, sans-serif", "font_family": "Roboto, sans-serif", "grouping_fw": "400", "btn_fav_func": "addToFavorites(product.ids.mindboxId)", "btn_fav_show": "1", "card_name_fw": "400", "card_name_lh": "1.5", "header_color": "#444", "btn_cart_func": "addToCart(product.ids.mindboxId)", "btn_cart_show": "1", "btn_cart_text": "\u0412 \u043a\u043e\u0440\u0437\u0438\u043d\u0443", "btn_fav_width": "20", "enable_reco_2": "0", "enable_reco_3": "0", "gaTrackerName": "t0", "groupSlidesBy": "1", "grouping_attr": "", "header_fz_mob": "22", "hidden_locale": "ru", "sendAllFields": "1", "btn_cart_align": "center", "btn_cart_color": "#fff", "btn_cart_width": "120", "btn_fav_height": "20", "card_name_line": "2", "card_name_show": "1", "card_prices_fw": "400", "card_vendor_fw": "400", "card_vendor_lh": "1.2", "header_fz_desk": "26", "productIdsCode": "0", "btn_cart_bg_hov": "#808080", "btn_cart_fs_mob": "16", "btn_cart_height": "34", "card_hov_shadow": "1", "card_name_align": "center", "card_name_color": "#444", "card_prices_col": "1", "grouping_br_mob": "8", "grouping_mb_mob": "10", "grouping_values": "", "btn_cart_fs_desk": "16", "btn_fav_img_fill": "https://personalization-web-stable.mindbox.ru/user-media/img/fav_fill_f16db001a40dbb7ae478a47534b4aa2c.svg", "btn_fav_position": "rightbottom", "card_name_fs_mob": "16", "card_padding_hor": "10", "card_prices_show": "1", "card_rating_show": "1", "card_vendor_line": "1", "card_vendor_show": "1", "font_custom_show": "0", "grouping_br_desk": "8", "grouping_gap_mob": "14", "grouping_mb_desk": "10", "header_align_mob": "center", "slider_bullit_bg": "#FFF", "btn_cart_bg_after": "#2f9e44", "btn_cart_icon_src": "https://personalization-web-stable.mindbox.ru/user-media/img/cart_9e2e35b9c47795c327dfdf792d65a5.svg", "btn_cart_ordering": "5", "btn_fav_img_empty": "https://personalization-web-stable.mindbox.ru/user-media/img/fav_8e7efd4a3c459cbc5ef9338f2eb07.svg", "card_border_color": "#444", "card_border_width": "0", "card_label_new_bg": "#37b24d", "card_labels_space": "5", "card_name_fs_desk": "16", "card_padding_vert": "10", "card_prices_align": "center", "card_prices_color": "#444", "card_prices_space": "10", "card_rating_align": "center", "card_vendor_align": "center", "card_vendor_color": "#444", "filterByOtherReco": "0", "grouping_bg_color": "#fff", "grouping_gap_desk": "16", "header_align_desk": "center", "main_padding_vert": "0.00", "btn_cart_color_hov": "#fff", "btn_cart_icon_show": "0", "btn_cart_icon_size": "40", "card_border_radius": "8", "card_labels_fz_mob": "12", "card_name_ordering": "1", "card_prices_fs_mob": "15", "card_prices_symbol": "\u0440\u0443\u0431", "card_vendor_fs_mob": "16", "slider_bullit_size": "16", "slider_show_bullit": "0", "btn_cart_text_after": "\u0414\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u043e", "btn_fav_padding_hor": "20", "card_label_new_show": "1", "card_label_new_text": "New", "card_labels_fz_desk": "12", "card_prices_fs_desk": "15", "card_rating_img_gap": "2", "card_vendor_fs_desk": "16", "grouping_height_mob": "28", "grouping_other_name": "\u041f\u0440\u043e\u0447\u0435\u0435", "grouping_other_show": "0", "grouping_text_color": "#444", "map_recommendations": "return recommendations;", "recommendationLimit": "5", "slider_button_width": "60", "btn_cart_padding_hor": "8", "btn_fav_padding_vert": "20", "card_hov_shadow_size": "10", "card_img_padding_hor": "10", "card_label_new_color": "#fff", "card_labels_position": "lefttop", "card_prices_ordering": "4", "card_rating_img_fill": "https://personalization-web-stable.mindbox.ru/user-media/img/star_fill_2e8a227ff596e9b97d5fcd93fd08cf1e.svg", "card_rating_ordering": "3", "card_vendor_ordering": "2", "grouping_count_color": "#999", "grouping_fs_text_mob": "14", "grouping_height_desk": "32", "header_margin_bottom": "20", "recommendationLimit2": "12", "recommendationLimit3": "12", "slider_button_height": "80", "btn_cart_border_color": "#666", "btn_cart_padding_vert": "8", "card_img_aspect_ratio": "1 / 1", "card_img_padding_vert": "10", "card_label_new_border": "#37b24d", "card_rating_img_empty": "https://personalization-web-stable.mindbox.ru/user-media/img/star_empty_1bd02a21ec00d096e27935230e9f57a4.svg", "grouping_bg_color_hov": "#fff", "grouping_border_color": "#444", "grouping_border_width": "0", "grouping_counter_show": "1", "grouping_fs_count_mob": "14", "grouping_fs_text_desk": "16", "grouping_position_mob": "center", "btn_cart_border_radius": "8", "btn_cart_margin_bottom": "10", "card_img_border_radius": "8", "card_img_margin_bottom": "0", "card_label_discount_bg": "#f03e3e", "card_price_discount_fw": "400", "grouping_fs_count_desk": "16", "grouping_padding_x_mob": "8", "grouping_position_desk": "center", "slider_bullit_position": "bottom", "card_labels_padding_hor": "6", "card_name_margin_bottom": "10", "card_rating_customfield": "rating", "grouping_padding_x_desk": "10", "grouping_text_color_hov": "#787878", "returnOptimizedPictures": "0", "slider_bullit_bg_active": "#444", "slider_button_icon_next": "https://personalization-web-stable.mindbox.ru/user-media/25289/6caae23ff05fb868514323c4bda5507e50d89354809cee205ecd57122132dd9e.png", "slider_button_icon_prev": "https://personalization-web-stable.mindbox.ru/user-media/25289/8d1a129919b91bcdfa5de9ae1133cc66d9e20e6a0030113f5e6b5c3258de72a1.png", "card_label_discount_show": "1", "card_labels_padding_vert": "4", "card_labels_position_hor": "0", "card_price_discount_show": "1", "card_rating_img_size_mob": "18", "grouping_bg_color_active": "#f2f2f2", "grouping_count_color_hov": "#ccc", "btn_cart_border_color_hov": "#808080", "card_label_discount_color": "#fff", "card_labels_border_radius": "4", "card_labels_position_vert": "0", "card_price_discount_color": "#999", "card_price_discount_cross": "1", "card_price_discount_first": "1", "card_prices_margin_bottom": "10", "card_rating_img_size_desk": "18", "card_rating_margin_bottom": "10", "card_vendor_margin_bottom": "10", "grouping_border_color_hov": "#444", "card_content_position_vert": "stretch", "card_label_discount_border": "#f03e3e", "card_label_new_customfield": "new", "card_price_discount_fs_mob": "14", "grouping_text_color_active": "#444", "slider_bullit_border_color": "#444", "slider_button_border_color": "#444", "slider_button_border_width": "0.00", "card_price_discount_fs_desk": "14", "grouping_count_color_active": "#ccc", "grouping_border_color_active": "#444", "slider_button_icon_next_hover": "https://personalization-web-stable.mindbox.ru/user-media/25289/6caae23ff05fb868514323c4bda5507e50d89354809cee205ecd57122132dd9e.png", "slider_button_icon_prev_hover": "https://personalization-web-stable.mindbox.ru/user-media/25289/8d1a129919b91bcdfa5de9ae1133cc66d9e20e6a0030113f5e6b5c3258de72a1.png"}, "button_settings": {}, "behavior_settings": {"embedded": {"animation_out": "fadeOut"}, "reco_data": {"shopId": "TefalShop", "operations": [{"id": "popmechanic-widget-57642-reco-1", "limit": "5", "disabled": false, "algorithm": "Populyarnietovarireko", "recoTarget": "Customer"}], "fieldsToGet": [], "sendAllFields": false, "productIdsCode": null, "filterByOtherReco": false, "returnOptimizedPictures": false}}, "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}\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
\r\n\t
\r\n\t\t<% if (header) { %>\r\n\t\t
\r\n\t\t \r\n\t\t
\r\n\t\t<% } %>\r\n\t\t<% if (grouping_attr) { %>\r\n\t\t
\r\n\t\t\t<% if (selectedValues.length) { %>\r\n\t\t\t<% selectedValues.forEach(val => { %>\r\n\t\t\t<%= createTab(val, val, counters[val]) %>\r\n\t\t\t<% }); %>\r\n\t\t\t<% if (parseInt(grouping_other_show)) { %>\r\n\t\t\t<%= createTab(otherValues, grouping_other_name, otherValuesCounter) %>\r\n\t\t\t<% } %>\r\n\t\t\t<% } else { %>\r\n\t\t\t<% uniqueValue.forEach(val => { %>\r\n\t\t\t<%= createTab(val, val, counters[val]) %>\r\n\t\t\t<% }); %>\r\n\t\t\t<% } %>\r\n\t\t
\r\n\t\t<% } %>\r\n\t\t
\r\n\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t\t
\r\n\t\t
\r\n\t
\r\n\t\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}\r\n.tns-outer [hidden]{display:none !important}\r\n.tns-outer [aria-controls],\r\n.tns-outer [data-action]{cursor:pointer}\r\n.tns-slider{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s}\r\n.tns-slider>.tns-item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}\r\n.tns-horizontal.tns-subpixel{white-space:nowrap}\r\n.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\tmargin-bottom: 30px !important;\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_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}], "templates": [{"id": 1400, "html": "
\r\n
\r\n
\r\n <%=header%>\r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n\r\n
", "css": ".popmechanic-reset,\r\n.popmechanic-reset * {\r\n line-height: normal;\r\n box-sizing: border-box; }\r\n\r\n#popmechanic-form {\r\n position: relative;\r\n display: inline-block;\r\n font-family: \"Open Sans\", Arial, sans-serif;\r\n vertical-align: middle;\r\n display: none;\r\n width: 100%;\r\n max-width: 1920px; }\r\n #popmechanic-form.popmechanic-loaded,\r\n #popmechanic-form.popmechanic-loading {\r\n display: block;\r\n }\r\n #popmechanic-form.popmechanic-loaded .popmechanic-main .popmechanic-items {\r\n opacity: 1; }\r\n #popmechanic-form .popmechanic-item-prices,\r\n #popmechanic-form .popmechanic-item-picture,\r\n #popmechanic-form .popmechanic-item-name {\r\n display: block;\r\n }\r\n #popmechanic-form.popmechanic-loaded .popmechanic-throbber {\r\n display: none; }\r\n #popmechanic-form .popmechanic-header {\r\n font-size: 25px;\r\n line-height: 34px;\r\n margin-bottom: 20px;\r\n text-align: left; }\r\n #popmechanic-form .popmechanic-main {\r\n padding: 0;\r\n text-align: center; }\r\n #popmechanic-form .popmechanic-main .popmechanic-items {\r\n opacity: 0;\r\n white-space: nowrap; }\r\n\r\n #popmechanic-form .popmechanic-header {\r\n font-size: 36px;\r\n font-weight: bold; }\r\n #popmechanic-form .popmechanic-close {\r\n display: block;\r\n position: absolute;\r\n top: 10px;\r\n right: 10px;\r\n text-decoration: underline;\r\n width: 18px;\r\n height: 18px;\r\n cursor: pointer; }\r\n\r\n.popmechanic-throbber {\r\n position: absolute;\r\n text-align: center;\r\n top: 45%;\r\n width: 100%; }\r\n\r\n.popmechanic-throbber > b {\r\n -webkit-animation: pm-bouncedelay 1.4s infinite ease-in-out;\r\n -moz-animation: pm-bouncedelay 1.4s infinite ease-in-out;\r\n animation: pm-bouncedelay 1.4s infinite ease-in-out;\r\n -webkit-animation-fill-mode: both;\r\n animation-fill-mode: both;\r\n background-color: red;\r\n border-radius: 18px;\r\n display: inline-block;\r\n height: 18px;\r\n margin: 0 5px;\r\n width: 18px; }\r\n\r\n.popmechanic-throbber > b:first-child {\r\n -webkit-animation-delay: -0.3s;\r\n animation-delay: -0.3s; }\r\n\r\n.popmechanic-throbber > b:first-child + .popmechanic-bounce {\r\n -webkit-animation-delay: -0.15s;\r\n animation-delay: -0.15s; }\r\n\r\n@-webkit-keyframes pm-bouncedelay {\r\n 0%, 80%, 100% {\r\n -webkit-transform: scale(0.15); }\r\n 40% {\r\n -webkit-transform: scale(1); } }\r\n\r\n@-moz-keyframes pm-bouncedelay {\r\n 0%, 80%, 100% {\r\n -webkit-transform: scale(0.15);\r\n -moz-transform: scale(0.15);\r\n -ms-transform: scale(0.15);\r\n transform: scale(0.15); }\r\n 40% {\r\n -webkit-transform: scale(1);\r\n -moz-transform: scale(1);\r\n -ms-transform: scale(1);\r\n transform: scale(1); } }\r\n\r\n@-webkit-keyframes pm-bouncedelay {\r\n 0%, 80%, 100% {\r\n -webkit-transform: scale(0.15);\r\n -moz-transform: scale(0.15);\r\n -ms-transform: scale(0.15);\r\n transform: scale(0.15); }\r\n 40% {\r\n -webkit-transform: scale(1);\r\n -moz-transform: scale(1);\r\n -ms-transform: scale(1);\r\n transform: scale(1); } }\r\n\r\n@-o-keyframes pm-bouncedelay {\r\n 0%, 80%, 100% {\r\n -webkit-transform: scale(0.15);\r\n -moz-transform: scale(0.15);\r\n -ms-transform: scale(0.15);\r\n transform: scale(0.15); }\r\n 40% {\r\n -webkit-transform: scale(1);\r\n -moz-transform: scale(1);\r\n -ms-transform: scale(1);\r\n transform: scale(1); } }\r\n\r\n@-ms-keyframes pm-bouncedelay {\r\n 0%, 80%, 100% {\r\n -webkit-transform: scale(0.15);\r\n -moz-transform: scale(0.15);\r\n -ms-transform: scale(0.15);\r\n transform: scale(0.15); }\r\n 40% {\r\n -webkit-transform: scale(1);\r\n -moz-transform: scale(1);\r\n -ms-transform: scale(1);\r\n transform: scale(1); } }\r\n\r\n@keyframes pm-bouncedelay {\r\n 0%, 80%, 100% {\r\n -webkit-transform: scale(0.15);\r\n -moz-transform: scale(0.15);\r\n -ms-transform: scale(0.15);\r\n transform: scale(0.15); }\r\n 40% {\r\n -webkit-transform: scale(1);\r\n -moz-transform: scale(1);\r\n -ms-transform: scale(1);\r\n transform: scale(1); } }\r\n \r\n#constructor-preview .popmechanic-throbber {\r\n display: none;\r\n}\r\n#constructor-preview #popmechanic-form .popmechanic-items {\r\n opacity: 1;\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 !important;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#popmechanic-form .tns-controls button {\r\n outline: none;\r\n}\r\n\r\n#popmechanic-form.popmechanic-dragged a,\r\n#popmechanic-form.popmechanic-dragged button {\r\n pointer-events: none;\r\n}\r\n\r\n<%=css%>", "button": "", "on_show": "\"use strict\";\r\ntry {\r\n form.reportSlaSuccess();\r\n} catch (e) {} \r\nif (location.href.indexOf('pm-debug') > -1) {\r\n debugger;\r\n}\r\nvar impressionMap = {};\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); } %>'));\r\n } catch (e) {\r\n enableTns = true;\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: parseInt(params[1], 10),\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: false,\r\n items: parseInt(firstPoint[0], 10),\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 formId = form.id;\r\n\r\n var $container = PopMechanic.$('#popmechanic-form-' + formId + ', [data-popmechanic-embed=\"' + formId + '\"], [data-popmecanic-embed=\"' + formId + '\"]');\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 function renderProductList() {\r\n function onInit() {\r\n try {\r\n var container = $container.find('.popmechanic-items')[0];\r\n \r\n if (!container) {\r\n return;\r\n }\r\n\r\n window.PopMechanicTnsQ = window.PopMechanicTnsQ || [];\r\n\r\n function getReco() {\r\n var reco = null;\r\n \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\r\n if ((!reco || !reco.length) && $container.is('#popmechanic-form-' + formId)) {\r\n reco = $container;\r\n }\r\n\r\n return reco;\r\n }\r\n\r\n if (enableTns) {\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 = getReco();\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 PopMechanicSlider[formId].events.on('indexChanged', function() {\r\n reco.find('.tns-slide-active').each(function(i, el) {\r\n var clickTrack = PopMechanic.$(el).data('clickTrack');\r\n \r\n if (impressionMap[clickTrack]) {\r\n impressionMap[clickTrack]();\r\n }\r\n });\r\n });\r\n reco.find('.tns-slide-active').each(function(i, el) {\r\n \tvar clickTrack = PopMechanic.$(el).data('clickTrack');\r\n \r\n if (impressionMap[clickTrack]) {\r\n impressionMap[clickTrack]();\r\n }\r\n });\r\n });\r\n } else {\r\n var reco = getReco();\r\n reco.addClass('popmechanic-loaded');\r\n\r\n $container.find('.popmechanic-item-card').each(function(i, el) {\r\n \tvar clickTrack = PopMechanic.$(el).data('clickTrack');\r\n \r\n if (impressionMap[clickTrack]) {\r\n impressionMap[clickTrack]();\r\n }\r\n });\r\n \r\n form.reportSlaSuccess();\r\n }\r\n } catch (e) {\r\n PopMechanic.$('[data-popmechanic-embed=\"' + formId + '\"]').remove();\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 /*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": 2723, "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}\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
\r\n\t
\r\n\t\t<% if (header) { %>\r\n\t\t
<%= header %>
\r\n\t\t<% } %>\r\n\t\t<% if (grouping_attr) { %>\r\n\t\t
\r\n\t\t\t<% if (selectedValues.length) { %>\r\n\t\t\t<% selectedValues.forEach(val => { %>\r\n\t\t\t<%= createTab(val, val, counters[val]) %>\r\n\t\t\t<% }); %>\r\n\t\t\t<% if (parseInt(grouping_other_show)) { %>\r\n\t\t\t<%= createTab(otherValues, grouping_other_name, otherValuesCounter) %>\r\n\t\t\t<% } %>\r\n\t\t\t<% } else { %>\r\n\t\t\t<% uniqueValue.forEach(val => { %>\r\n\t\t\t<%= createTab(val, val, counters[val]) %>\r\n\t\t\t<% }); %>\r\n\t\t\t<% } %>\r\n\t\t
\r\n\t\t<% } %>\r\n\t\t
\r\n\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t\t
\r\n\t\t
\r\n\t
\r\n\t\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 $removal\u0421ontainers = PopMechanic.$('#popmechanic-container-' + 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); } %>') || 1);\r\n } catch (e) {\r\n enableTns = true;\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 $removal\u0421ontainers.remove();\r\n return;\r\n }\r\n window.PopMechanicTnsQ = window.PopMechanicTnsQ || [];\r\n\r\n if (enableTns) {\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(PopMechanic.$.extend(true, 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(PopMechanic.$.extend(true, 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 $container.find('.popmechanic-widget-reco').addClass('popmechanic-loaded');\r\n $container.find('.popmechanic-item-card').each(function(i, el) {\r\n impressionMap[PopMechanic.$(el).data('clickTrack')]();\r\n });\r\n form.reportSlaSuccess();\r\n }\r\n } catch (e) {\r\n $removal\u0421ontainersEmbed.remove();\r\n $removal\u0421ontainers.remove();\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(PopMechanic.$.extend(true, templateSettings, {\r\n product: product,\r\n index: i,\r\n })));\r\n } catch (e) { continue; }\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() {\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 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 $removal\u0421ontainers.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 $removal\u0421ontainersEmbed.remove();\r\n $removal\u0421ontainers.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": ""}], "button_templates": [], "integrations": [{"id": 54618, "form": 57642, "filter": null, "filter_type": null, "account": 25289, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-57642-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-57642-targeting"}, {"id": 66901, "form": 65601, "filter": null, "filter_type": null, "account": 25289, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-65601-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-65601-targeting"}, {"id": 93800, "form": 83425, "filter": null, "filter_type": null, "account": 25289, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-83425-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-83425-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}