');\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 =\r\n product.oldPrice && product.price !== product.oldPrice\r\n ? ((100 * (product.oldPrice - product.price)) / product.oldPrice).toFixed(0) + '%'\r\n : null;\r\n try {\r\n product.formattedPrice = product.price.toLocaleString().replace(',', ' ');\r\n if (product.oldPrice) {\r\n product.formattedOldPrice = product.oldPrice.toLocaleString().replace(',', ' ');\r\n }\r\n } catch (e) {}\r\n\r\n try {\r\n var $item = PopMechanic.$(\r\n cardTemplate({\r\n product: product,\r\n index: i,\r\n }),\r\n );\r\n } catch (e) {\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 $container.on('click', '[data-click-track=\"' + i + '\"]', function () {\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 if (enableGA) {\r\n ga(gaTrackerName + '.ec:addProduct', {\r\n name: product.displayName,\r\n id: product.ids[shopId],\r\n price: product.price,\r\n brand: product.manufacturer ? product.manufacturer.name : '',\r\n list: gaListName,\r\n position: i + 1,\r\n });\r\n ga(gaTrackerName + '.ec:setAction', 'click', { list: gaListName });\r\n ga(gaTrackerName + '.send', 'event', 'Mindbox', 'click', gaListName);\r\n }\r\n });\r\n // rigla-specific start\r\n try {\r\n $item.find('a').on('click', function(e) {\r\n e.preventDefault();\r\n var href = PopMechanic.$(this).attr('href');\r\n setTimeout(function() {\r\n location.href = location.protocol + '//' + location.hostname + href;\r\n }, 50);\r\n });\r\n $item.on('click', function() {\r\n dataLayer.push({\r\n ecommerce: {\r\n click: {\r\n actionField: { list: 'Mindbox/' + settings.list_name },\r\n products: [\r\n {\r\n id: product.sku,\r\n name: product.name,\r\n brand: product.manufacturer_id.label,\r\n price: product.price.regularPrice.amount.value,\r\n },\r\n ],\r\n },\r\n },\r\n event: 'productClickBlock',\r\n });\r\n });\r\n $container.on('click', '.product__button[data-product-sku=\"' + product.sku + '\"]', function() {\r\n addRiglaProduct(product, i + 1);\r\n });\r\n } catch (e) {}\r\n // rigla-specific end\r\n })(i, product);\r\n }\r\n\r\n if (enableGA) {\r\n try {\r\n recommendations.map(function (product, i) {\r\n impressionMap[i] = function () {\r\n try {\r\n ga(gaTrackerName + '.ec:addImpression', {\r\n name: product.displayName,\r\n id: product.ids[shopId],\r\n price: product.price,\r\n brand: product.manufacturer ? product.manufacturer.name : '',\r\n list: gaListName,\r\n position: i + 1,\r\n });\r\n ga(gaTrackerName + '.send', 'event', 'Mindbox', 'widget', gaListName);\r\n } catch (e) {\r\n console.log('GA error: no tracker presented');\r\n }\r\n };\r\n });\r\n } catch (e) {\r\n console.log('GA error: no tracker presented');\r\n }\r\n }\r\n // rigla-specific start\r\n try {\r\n dataLayer.push({\r\n ecommerce: {\r\n impressions: productList.map(function (product, i) {\r\n return {\r\n id: product.sku,\r\n name: product.name,\r\n brand: product.manufacturer_id.label,\r\n price: product.price.regularPrice.amount.value,\r\n list: 'Mindbox/' + settings.list_name,\r\n position: i + 1,\r\n };\r\n }),\r\n },\r\n event: 'impressionsBlock',\r\n });\r\n } catch (e) {}\r\n // rigla-specific end\r\n\r\n onInit();\r\n }\r\n\r\n // rigla-specific start\r\n function processMindboxResponse(productList) {\r\n if (!productList || !productList.length) {\r\n return PopMechanic.Promise.reject();\r\n }\r\n var recoIds = productList.map(function (item) {\r\n // sorry\r\n return item.ids[\"bekendIOfflajn\"];\r\n });\r\n var requestSettings = {\r\n url: '/graphql',\r\n type: 'POST',\r\n timeout: 0,\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n },\r\n dataType: 'json',\r\n data: JSON.stringify({\r\n query:\r\n 'query list_prices_for_products($sku_list: [String], $per_page: Int) {\\n productsElastic(filter: { sku: { in: $sku_list } }, pageSize: $per_page) {\\n items {\\n sku\\n is_in_stock\\n thumbnail { url, label }\\n name\\n manufacturer_id { label }\\n url_key\\n manufactures_url\\n price { regularPrice { amount { value } } }\\n }\\n }\\n }\\n\\n\\n\\n',\r\n variables: { sku_list: recoIds, per_page: '20' },\r\n }),\r\n };\r\n\r\n return new PopMechanic.Promise(function(resolve) {\r\n requestSettings.success = function(data) {\r\n resolve(data);\r\n };\r\n PopMechanic.$.ajax(requestSettings);\r\n }).then(function (response) {\r\n var productList = response.data.productsElastic.items.filter(function (item) {\r\n item.ids = { bekendIOfflajn: item.sku };\r\n return item.is_in_stock == 'true' && item.manufactures_url;\r\n });\r\n\r\n productList.sort(function (a, b) {\r\n return recoIds.indexOf(a.sku) - recoIds.indexOf(b.sku);\r\n });\r\n try {\r\n var idsArray = ids.toString().split(',');\r\n\r\n if (idsArray.length && recoType !== 'category') {\r\n productList = productList.filter(function (product) {\r\n return idsArray.indexOf(product.sku) === -1;\r\n });\r\n }\r\n } catch (err) {}\r\n return productList;\r\n });\r\n }\r\n // rigla-specific end\r\n processMindboxResponse(recommendations)\r\n .then(function(processedReco) {\r\n var recommendationsLimit = processedReco.length;\r\n if (recommendationsLimit) {\r\n if (lessCount === 0 || lessCount <= recommendationsLimit) {\r\n renderProductList(processedReco);\r\n } else {\r\n PopMechanic.$('[data-popmechanic-embed=\"' + formId + '\"]').remove();\r\n console.log('PopMechanic widget ' + formId + ': empty response');\r\n }\r\n } else {\r\n form.reportSlaSuccess();\r\n throw new Error('no data from mindbox');\r\n }\r\n })\r\n .catch(function(e) {\r\n PopMechanic.$('[data-popmechanic-embed=\"' + form.id + '\"]').remove();\r\n console.error('PopMechanic widget ' + formId, e.message);\r\n form.reportSlaFailure('PopMechanic widget ' + formId + ': ', e);\r\n })\r\n} catch (e) {\r\n PopMechanic.$('[data-popmechanic-embed=\"' + form.id + '\"]').remove();\r\n console.error('PopMechanic widget ' + formId, e.message);\r\n form.reportSlaFailure('PopMechanic widget ' + formId + ': ', e);\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": "<%\r\n try {\r\n \tvar recoTarget = behaviorSettings[\"reco_data\"].operations[0].recoTarget;\r\n%>\r\n
\" data-popmechanic-embed=\"<%=id%>\"<%\r\n \tif (recoTarget === 'Category') { print (' data-popmechanic-argument=\"ID \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u0438 \u0432 mindbox\"'); }\r\n \tif (recoTarget === 'Offer') { print (' data-popmechanic-argument=\"ID \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0430 \u0432 mindbox\"'); }\r\n%> data-popmechanic-area=\"ID \u0437\u043e\u043d\u044b, \u043d\u0435\u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u043e\">
<%\r\n} catch (e) { print('\u0412\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u0430\u043b\u0433\u043e\u0440\u0438\u0442\u043c'); }%>", "behaviors": ["info", "reco-sla", "reco_data", "tns"], "template_type": "embedded", "need_reset": false, "parameters": [], "on_targeting_ready": "", "on_child_ready": ""}, {"id": 1991, "html": "<%\r\n try {\r\n var formId = formId;\r\n } catch (e) {\r\n formId = 1;\r\n }\r\n%>\r\n\r\n
", "css": "<%\r\n try {\r\n var formId = formId;\r\n } catch (e) {\r\n formId = 1;\r\n }\r\n%>\r\n@import url(\"https://fonts.googleapis.com/css?family=Roboto&display=swap&subset=cyrillic\");\r\n.popmechanic-reset,\r\n.popmechanic-reset * {\r\n line-height: inherit;\r\n box-sizing: border-box;\r\n}\r\n#popmechanic-form, #popmechanic-form-<%=formId%>-zuck-container {\r\n display: none !important;\r\n}", "button": "", "on_show": "function loadZuckJs(onload) {\r\n if (typeof Zuck === 'undefined') {\r\n try {\r\n var zuckCSSHref = 'https://storage.yandexcloud.net/popmechanic-media/zuck/zuck.min.css';\r\n var zuckJsSrc = 'https://storage.yandexcloud.net/popmechanic-media/zuck/zuck.min.js';\r\n\r\n var zuckLink = document.createElement('link');\r\n zuckLink.href = zuckCSSHref;\r\n zuckLink.rel = 'stylesheet';\r\n document.body.appendChild(zuckLink);\r\n\r\n var zuckScript = document.createElement('script');\r\n zuckScript.src = zuckJsSrc;\r\n if (typeof onload === 'function') {\r\n zuckScript.onload = onload;\r\n }\r\n document.body.appendChild(zuckScript);\r\n } catch (error) {\r\n console.log(\"zuck.js loading error\", error);\r\n }\r\n } else {\r\n if (typeof onload === 'function') {\r\n onload();\r\n }\r\n }\r\n}\r\n\r\nfunction timestamp() {\r\n return Date.now() - 150000;\r\n}\r\n\r\nform.destroyZuck = function () {\r\n if (form.zuck) {\r\n PopMechanic.$('#zuck-modal').remove();\r\n form.zuck.remove('story');\r\n delete form.zuck;\r\n }\r\n}\r\n\r\nPopMechanic.$('.popmechanic-item-wrapper[data-popmechanic-story=\"' + form.id + '\"]').addClass('popmechanic-item-seen');\r\n\r\nfunction initStory() {\r\n \tvar $form = PopMechanic.$('#popmechanic-form-' + form.id).eq(0);\r\n var storyItemTemplate = PopMechanic._.template(\r\n $form.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 var items = [\r\n <% if (on === '1') { %>\r\n {\r\n id: 1,\r\n type: '<% try { print(type); } catch (e) { print('image'); } %>',\r\n photoSrc: '<% try { print(image); } catch (e) { print(''); } %>',\r\n videoSrc: '<% try { print(video_link); } catch (e) { print(''); } %>',\r\n link: '<% try { print(link); } catch (e) { print(''); } %>',\r\n timeout: parseInt('<% try { print(timeout); } catch (e) { print(10); } %>', 10),\r\n linkText: '<% try { print(button_text); } catch (e) { print(''); } %>',\r\n },\r\n <% } %>\r\n <% if (on_2 === '1') { %>\r\n {\r\n id: 2,\r\n type: '<% try { print(type_2); } catch (e) { print('image'); } %>',\r\n photoSrc: '<% try { print(image_2); } catch (e) { print(''); } %>',\r\n videoSrc: '<% try { print(video_link_2); } catch (e) { print(''); } %>',\r\n link: '<% try { print(link_2); } catch (e) { print(''); } %>',\r\n timeout: parseInt('<% try { print(timeout_2); } catch (e) { print(10); } %>', 10),\r\n linkText: '<% try { print(button_text_2); } catch (e) { print(''); } %>',\r\n },\r\n <% } %>\r\n <% if (on_3 === '1') { %>\r\n {\r\n id: 3,\r\n type: '<% try { print(type_3); } catch (e) { print('image'); } %>',\r\n photoSrc: '<% try { print(image_3); } catch (e) { print(''); } %>',\r\n videoSrc: '<% try { print(video_link_3); } catch (e) { print(''); } %>',\r\n link: '<% try { print(link_3); } catch (e) { print(''); } %>',\r\n timeout: parseInt('<% try { print(timeout_3); } catch (e) { print(10); } %>', 10),\r\n linkText: '<% try { print(button_text_3); } catch (e) { print(''); } %>',\r\n },\r\n <% } %>\r\n <% if (on_4 === '1') { %>\r\n {\r\n id: 4,\r\n type: '<% try { print(type_4); } catch (e) { print('image'); } %>',\r\n photoSrc: '<% try { print(image_4); } catch (e) { print(''); } %>',\r\n videoSrc: '<% try { print(video_link_4); } catch (e) { print(''); } %>',\r\n link: '<% try { print(link_4); } catch (e) { print(''); } %>',\r\n timeout: parseInt('<% try { print(timeout_4); } catch (e) { print(10); } %>', 10),\r\n linkText: '<% try { print(button_text_4); } catch (e) { print(''); } %>',\r\n },\r\n <% } %>\r\n <% if (on_5 === '1') { %>\r\n {\r\n id: 5,\r\n type: '<% try { print(type_5); } catch (e) { print('image'); } %>',\r\n photoSrc: '<% try { print(image_5); } catch (e) { print(''); } %>',\r\n videoSrc: '<% try { print(video_link_5); } catch (e) { print(''); } %>',\r\n link: '<% try { print(link_5); } catch (e) { print(''); } %>',\r\n timeout: parseInt('<% try { print(timeout_5); } catch (e) { print(10); } %>', 10),\r\n linkText: '<% try { print(button_text_5); } catch (e) { print(''); } %>',\r\n },\r\n <% } %>\r\n ].filter(Boolean);\r\n\r\n // old forms cannot have data-popmechanic-link\r\n PopMechanic.$(document).on(\r\n 'click',\r\n '#zuck-modal-slider-popmechanic-form-' + form.id + '-zuck-container .item a.tip.link:not([data-popmechanic-link])',\r\n function () {\r\n form.report('follow');\r\n\r\n return true;\r\n }\r\n );\r\n\t\r\n // doesn't change this id\r\n form.zuck = new Zuck('popmechanic-form-' + form.id + '-zuck-container', {\r\n openEffect: false,\r\n language: {\r\n unmute: '\u0412\u043a\u043b\u044e\u0447\u0438\u0442\u044c \u0437\u0432\u0443\u043a',\r\n visitLink: '\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435',\r\n },\r\n template: {\r\n viewerItemBody(index, currentIndex, item) {\r\n if (index >= items.length) {\r\n return '';\r\n }\r\n \r\n \treturn storyItemTemplate({\r\n isSeen: item.seen === true,\r\n isActive: currentIndex === index,\r\n index: index,\r\n time: item.time,\r\n type: item.type,\r\n id: items[index].id,\r\n videoSrc: items[index].videoSrc,\r\n photoSrc: items[index].photoSrc,\r\n link: item.link,\r\n linkText: item.linkText,\r\n canShare: navigator.canShare,\r\n name: '<%=story_name%>'\r\n });\r\n },\r\n },\r\n callbacks: {\r\n onView(_storyId) {\r\n if (!form.offHashLinks && (!location.hash || location.hash.indexOf('popmechanic-stories') > -1)) {\r\n \tlocation.hash = 'popmechanic-stories-' + form.id;\r\n }\r\n },\r\n onEnd(_storyId, _callback) {\r\n if (location.hash.indexOf('popmechanic-stories-') > -1) { location.hash = ''; }\r\n form.goToNextStory();\r\n },\r\n onBeforeNavigatePrevItem(_storyId, navigateItem) {\r\n if (navigateItem < 0) {\r\n form.goToPrevStory();\r\n }\r\n },\r\n onClose(storyId, callback) {\r\n if (location.hash.indexOf('popmechanic-stories-') > -1) { location.hash = ''; }\r\n\r\n \t\t\tvar formView = PopMechanic.getView(form.id);\r\n formView.close();\r\n\r\n callback();\r\n }\r\n },\r\n stories: [\r\n Zuck.buildTimelineItem(\r\n 'story',\r\n '',\r\n '',\r\n '',\r\n timestamp(),\r\n items.map(function (item, index) {\r\n return [\r\n index,\r\n item.type === 'image' ? 'photo' : item.type,\r\n item.timeout,\r\n item.type === 'image' ? item.photoSrc : item.videoSrc,\r\n false,\r\n item.link,\r\n item.linkText,\r\n false,\r\n timestamp(),\r\n ];\r\n }),\r\n ),\r\n ],\r\n });\r\n\r\n var storyElement = $form.find('.story').eq(0);\r\n if (storyElement) {\r\n if (form.calledFromNextStory) {\r\n form.zuck.data.story.currentItem = form.zuck.data.story.items.length - 1;\r\n }\r\n storyElement.click();\r\n }\r\n}\r\n\r\nloadZuckJs(initStory);", "on_close": "form.destroyZuck();", "embed_code": "", "behaviors": ["info"], "template_type": "story", "need_reset": true, "parameters": [], "on_targeting_ready": "", "on_child_ready": ""}, {"id": 2379, "html": "<%\r\n\tfunction createImageSrc(option, defaultSrc, userSrc) {\r\n\t\treturn {\r\n\t\t\topt1: defaultSrc[0],\r\n\t\t\topt2: defaultSrc[1],\r\n\t\t\topt3: defaultSrc[2],\r\n\t\t\topt4: userSrc\r\n\t\t}[option];\r\n\t}\r\n%>\r\n\r\n
", "css": "<% if(!parseInt(font_custom_show)) { %>\r\n\t@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;600;700&family=Roboto:wght@300;400;500;700&display=swap');\r\n<% } %>\r\n\r\n<%\r\n\tfunction hexToRgb(hex) {\r\n\t\treturn hex.replace(/^#?([a-f\\d])([a-f\\d])([a-f\\d])$/i, function (m, r, g, b) {\r\n\t\t\treturn \"#\".concat(r).concat(r).concat(g).concat(g).concat(b).concat(b);\r\n\t\t}).substring(1).match(/.{2}/g).map(function (x) {\r\n\t\t\treturn parseInt(x, 16);\r\n\t\t});\r\n\t};\r\n%>\r\n\r\n.popmechanic-reset, .popmechanic-reset * {\r\n\tbox-sizing: border-box;\r\n\tmargin: 0;\r\n\tfont-size: 16px;\r\n\tline-height: normal;\r\n}\r\n.popmechanic-reset::before, .popmechanic-reset::after,\r\n.popmechanic-reset *::before, .popmechanic-reset *::after {\r\n\tbox-sizing: border-box;\r\n}\r\n\r\n#popmechanic-form {\r\n\tposition: relative !important;\r\n\tdisplay: inline-block;\r\n\tvertical-align: middle;\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-main {\r\n\tposition: relative;\r\n\twidth: 100vw;\r\n\tmax-width: 100%;\r\n\toverflow: hidden;\r\n\tborder: 0 solid <%= border_color %>;\r\n\tborder-radius: <%= border_radius %>px;\r\n\t<% if (parseInt(shadow_show)) { %>\r\n\t\tbox-shadow: <%= shadow_offset_x %>px <%= shadow_offset_y %>px <%= shadow_blur %>px <%= shadow_spread %>px rgba(<%= hexToRgb(shadow_color) %>, <%= shadow_transparency %>);\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-container {\r\n\tdisplay: flex;\r\n\twidth: 100%;\r\n\tmax-width: 100%;\r\n\tbackground-color: rgba(<%= hexToRgb(bg_color) %>, <%= bg_transparency %>);\r\n}\r\n#popmechanic-form .popmechanic-content {\r\n\tdisplay: flex;\r\n\tjustify-content: flex-start;\r\n\talign-items: center;\r\n\twidth: 100%;\r\n\tmax-width: 100%;\r\n}\r\n<% if (!(!parseInt(img_show_desk) && !parseInt(img_show_mob))) { %>\r\n\t#popmechanic-form .popmechanic-image {\r\n\t\tdisplay: block;\r\n\t\tflex-shrink: 0;\r\n\t\tmax-width: 100%;\r\n\t}\r\n<% } %>\r\n#popmechanic-form .popmechanic-title {\r\n\tcolor: <%= title_color %>;\r\n\tfont-weight: <%= title_fw %>;\r\n\tline-height: <%= title_lh %>;\r\n\tflex-grow: 1;\r\n\tword-break: break-word;\r\n\toverflow-wrap: break-word;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-main {\r\n\tmax-width: <%= width_desk %>px;\r\n\tborder-width: <%= border_width_desk %>px;\r\n}\r\n<% if (parseInt(img_show_desk)) { %>\r\n\t.popmechanic-desktop #popmechanic-form .popmechanic-image {\r\n\t\torder: <%= (img_position_x_desk === \"left\") ? \"0\" : \"1\" %>;\r\n\t\twidth: <%= img_width_desk %>px;\r\n\t\t<% if (img_position_y_desk === \"top\") { %>\r\n\t\t\talign-self: flex-start;\r\n\t\t<% } else if (img_position_y_desk === \"bottom\") { %>\r\n\t\t\talign-self: flex-end;\r\n\t\t<% } else { %>\r\n\t\t\talign-self: center;\r\n\t\t<% } %>\r\n\t}\r\n<% } %>\r\n.popmechanic-desktop #popmechanic-form .popmechanic-content {\r\n\tgap: <%= img_offset_desk %>px;\r\n\tpadding: <%= padding_y_desk %>px <%= padding_x_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-title {\r\n\tfont-size: <%= title_fs_desk %>px;\r\n\ttext-align: <%= title_position_x_desk %>;\r\n\t<% if (title_position_y_desk === \"top\") { %>\r\n\t\talign-self: flex-start;\r\n\t<% } else if (title_position_y_desk === \"bottom\") { %>\r\n\t\talign-self: flex-end;\r\n\t<% } else { %>\r\n\t\talign-self: center;\r\n\t<% } %>\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-main,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n\tmax-width: <%= width_mob %>px;\r\n\tborder-width: <%= border_width_mob %>px;\r\n}\r\n<% if (parseInt(img_show_mob)) { %>\r\n\t.popmechanic-tablet #popmechanic-form .popmechanic-image,\r\n\t.popmechanic-mobile #popmechanic-form .popmechanic-image {\r\n\t\torder: <%= (img_position_x_mob === \"left\") ? \"0\" : \"1\" %>;\r\n\t\twidth: <%= img_width_mob %>px;\r\n\t\t<% if (img_position_y_mob === \"top\") { %>\r\n\t\t\talign-self: flex-start;\r\n\t\t<% } else if (img_position_y_mob === \"bottom\") { %>\r\n\t\t\talign-self: flex-end;\r\n\t\t<% } else { %>\r\n\t\t\talign-self: center;\r\n\t\t<% } %>\r\n\t}\r\n<% } %>\r\n.popmechanic-tablet #popmechanic-form .popmechanic-content,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-content {\r\n\tgap: <%= img_offset_mob %>px;\r\n\tpadding: <%= padding_y_mob %>px <%= padding_x_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-title,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-title {\r\n\tfont-size: <%= title_fs_mob %>px;\r\n\ttext-align: <%= title_position_x_mob %>;\r\n\t<% if (title_position_y_mob === \"top\") { %>\r\n\t\talign-self: flex-start;\r\n\t<% } else if (title_position_y_mob === \"bottom\") { %>\r\n\t\talign-self: flex-end;\r\n\t<% } else { %>\r\n\t\talign-self: center;\r\n\t<% } %>\r\n}\r\n<% if (parseInt(close_show)) { %>\r\n\t#popmechanic-form .popmechanic-close {\r\n\t\tposition: absolute;\r\n\t\tz-index: 40;\r\n\t\tborder-radius: <%= close_border_radius %>px;\r\n\t\tcursor: pointer;\r\n\t\t<% if (parseInt(close_bg_show)) { %>\r\n\t\t\tbackground-color: rgba(<%= hexToRgb(close_bg_color) %>, <%= close_bg_transparency %>);\r\n\t\t<% } else { %>\r\n\t\t\tbackground-color: rgba(255, 255, 255, 0);\r\n\t\t<% } %>\r\n\t}\r\n\t#popmechanic-form .popmechanic-close::before,\r\n\t#popmechanic-form .popmechanic-close::after {\r\n\t\tcontent: \"\";\r\n\t\tposition: absolute;\r\n\t\ttop: 50%;\r\n\t\tleft: 50%;\r\n\t\twidth: 50%;\r\n\t\theight: 2px;\r\n\t\tborder-radius: 2px;\r\n\t\ttransform: translate(-50%, -50%) rotate(45deg);\r\n\t\tbackground-color: <%= close_color %>;\r\n\t}\r\n\t#popmechanic-form .popmechanic-close::after {\r\n\t\ttransform: translate(-50%, -50%) rotate(135deg);\r\n\t}\r\n\t.popmechanic-desktop #popmechanic-form .popmechanic-close {\r\n\t\ttop: <%= close_position_y_desk %>px;\r\n\t\tright: <%= close_position_x_desk %>px;\r\n\t\twidth: <%= close_size_desk %>px;\r\n\t\theight: <%= close_size_desk %>px;\r\n\t}\r\n\t.popmechanic-tablet #popmechanic-form .popmechanic-close,\r\n\t.popmechanic-mobile #popmechanic-form .popmechanic-close {\r\n\t\ttop: <%= close_position_y_mob %>px;\r\n\t\tright: <%= close_position_x_mob %>px;\r\n\t\twidth: <%= close_size_mob %>px;\r\n\t\theight: <%= close_size_mob %>px;\r\n\t}\r\n<% } %>", "button": "", "on_show": "", "on_close": "", "embed_code": "", "behaviors": ["info"], "template_type": "embedded", "need_reset": true, "parameters": [], "on_targeting_ready": "", "on_child_ready": ""}], "button_templates": [], "integrations": [{"id": 14449, "form": 16200, "filter": null, "filter_type": null, "account": 5717, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-16200-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-16200-targeting"}, {"id": 14450, "form": 16199, "filter": null, "filter_type": null, "account": 5717, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-16199-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-16199-targeting"}, {"id": 14452, "form": 13033, "filter": null, "filter_type": null, "account": 5717, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-13033-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-13033-targeting"}, {"id": 65348, "form": 64516, "filter": null, "filter_type": null, "account": 5717, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-block-64516-show", "click_operation": "popmechanic-block-64516-click", "targeting_operation": "popmechanic-block-64516-targeting"}, {"id": 99738, "form": 87322, "filter": null, "filter_type": null, "account": 5717, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-87322-show", "click_operation": "popmechanic-popup-87322-click", "targeting_operation": "popmechanic-popup-87322-targeting"}, {"id": 111739, "form": 95557, "filter": null, "filter_type": null, "account": 5717, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-95557-show", "click_operation": "popmechanic-popup-95557-click", "targeting_operation": "popmechanic-popup-95557-targeting"}, {"id": 112242, "form": 92180, "filter": null, "filter_type": null, "account": 5717, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-92180-show", "click_operation": "popmechanic-popup-92180-click", "targeting_operation": "popmechanic-popup-92180-targeting"}, {"id": 113347, "form": 96628, "filter": null, "filter_type": null, "account": 5717, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-96628-show", "click_operation": "popmechanic-popup-96628-click", "targeting_operation": "popmechanic-popup-96628-targeting"}, {"id": 113357, "form": 96634, "filter": null, "filter_type": null, "account": 5717, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-block-96634-show", "click_operation": "popmechanic-block-96634-click", "targeting_operation": "popmechanic-block-96634-targeting"}, {"id": 113685, "form": 96863, "filter": null, "filter_type": null, "account": 5717, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-96863-show", "click_operation": "popmechanic-popup-96863-click", "targeting_operation": "popmechanic-popup-96863-targeting"}, {"id": 113690, "form": 96867, "filter": null, "filter_type": null, "account": 5717, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-block-96867-show", "click_operation": "popmechanic-block-96867-click", "targeting_operation": "popmechanic-block-96867-targeting"}, {"id": 113694, "form": 96870, "filter": null, "filter_type": null, "account": 5717, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-96870-show", "click_operation": "popmechanic-popup-96870-click", "targeting_operation": "popmechanic-popup-96870-targeting"}, {"id": 113703, "form": 96877, "filter": null, "filter_type": null, "account": 5717, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-block-96877-show", "click_operation": "popmechanic-block-96877-click", "targeting_operation": "popmechanic-block-96877-targeting"}, {"id": 115829, "form": 98573, "filter": null, "filter_type": null, "account": 5717, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-block-98573-show", "click_operation": "popmechanic-block-98573-click", "targeting_operation": "popmechanic-block-98573-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}
![\"{{product.thumbnail.label}}\"](\"{{product.thumbnail.url}}\")
\n \n