jQuery(function($) { var boksy_array = {"pl_PL":[{"id":"55","active":"1","lang":"pl_PL","menu_pos":"9","mode":"full_screen","fs_background":"#ffffff","window_background":"#ffffff","pos_top":"-2","padding":"0","shadow_spread":"0","shadow_color":"#dddddd","border_radius":"0","border_radius_width":"7","animation_time":100,"animation_type":"slide","bg_shade":"all","bg_shade_color":"#d4d4d4","bg_shade_opacity":"0.5","li_bg":"0","li_change_color":"1","li_color":"#4e4e4e","col1_active":"1","col1_html":"

Marketing<\/h3>\r\n
<\/p>\r\n
Dzia\u0142ania marketingowe to po konfiguracji sklepu podstawa sukcesu ka\u017cdego sklepu.<\/p>\r\n
<\/p>\r\n
Czytaj wi\u0119cej!<\/strong><\/a>

<\/p>","col1_width":"25","col1_bg":"0","col1_bg_color":"#dddddd","col1_padding":"20","col2_active":"1","col2_html":"

Lojalizacja klientów<\/h3>\r\n
<\/p>\r\n
Najwi\u0119cej korzy\u015bci b\u0119d\u0105 przynosili lojalni i powracaj\u0105cy klienci. Koniecznie o to zadbaj.<\/p>\r\n
<\/p>\r\n
Czytaj wi\u0119cej!<\/strong><\/a><\/p>","col2_width":"25","col2_bg":"0","col2_bg_color":"#dddddd","col2_padding":"20","col3_active":"1","col3_html":"
Zaufanie do sklepu<\/h3>\r\n
<\/p>\r\n
Czy twój sklep wzbudza zaufanie u potencjalnych klientów? Bez tego mog\u0105 oni wybra\u0107 innego sprzedawce.<\/p>\r\n
<\/p>\r\n
Czytaj wi\u0119cej!<\/strong><\/a><\/p>","col3_width":"25","col3_bg":"0","col3_bg_color":"#dddddd","col3_padding":"20","col4_active":"1","col4_html":"
Analiza sklepu<\/h3>\r\n
<\/p>\r\n
Analiza to niezb\u0119dny element przy ocenie efektywno\u015bci i drog\u0119 rozwoju sklepu.<\/p>\r\n
<\/p>\r\n
Czytaj wi\u0119cej!<\/strong><\/a><\/p>","col4_width":"25","col4_bg":"0","col4_bg_color":"#dddddd","col4_padding":"20"},{"id":"56","active":"1","lang":"pl_PL","menu_pos":"8","mode":"full_screen","fs_background":"#ffffff","window_background":"#ffffff","pos_top":"-2","padding":"0","shadow_spread":"0","shadow_color":"#dddddd","border_radius":"0","border_radius_width":"7","animation_time":100,"animation_type":"slide","bg_shade":"all","bg_shade_color":"#d4d4d4","bg_shade_opacity":"0.5","li_bg":"0","li_change_color":"0","li_color":"#ffffff","col1_active":"1","col1_html":"
Przyk\u0142adowe dane kontaktowe<\/strong><\/span><\/h4>\r\n <\/div>\r\n
Twój sklep internetowy<\/span><\/strong>
ul. Nazwa Ulicy 00\/00
00-000 Miasto<\/span><\/p>\r\n
Telefon: +48 000 000 000<\/span>
E-mail: shop@sklepnawzor.pl<\/a> <\/span><\/p>\r\n

Czynne w dni robocze 8:00-18:00<\/span><\/p>\r\n
<\/p>\r\n
Przejd\u017a do zak\u0142adki kontakt<\/a> <\/span><\/p>","col1_width":"25","col1_bg":"0","col1_bg_color":"#dddddd","col1_padding":"20","col2_active":"0","col2_html":"
Skontaktuj si\u0119 z nami<\/strong><\/span><\/h4>\r\n
<\/div>\r\n
Imi\u0119 i nazwisko<\/label>

E-mail<\/label>

Tre\u015b\u0107 zapytania<\/label>
<\/textarea> <br \/><input style=\"border: 0; outline: none; border-radius: 4px; background-color: #2f5785; color: #ffffff; width: 130px; height: 38px; font-size: 14px;\" type=\"submit\" value=\"Wy\u015blij\" \/><\/form>","col2_width":"25","col2_bg":"0","col2_bg_color":"#dddddd","col2_padding":"20","col3_active":"1","col3_html":"<p><iframe style=\"border: 0;\" tabindex=\"0\" src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m14!1m8!1m3!1d10238.923589137989!2d19.919376!3d50.091325!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0xc922f9c555ce8b7b!2sShoper!5e0!3m2!1spl!2spl!4v1585825469176!5m2!1spl!2spl\" width=\"600\" height=\"450\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\" aria-hidden=\"false\"><\/iframe><\/p>","col3_width":"50","col3_bg":"0","col3_bg_color":"#dddddd","col3_padding":"0","col4_active":"1","col4_html":"<h4><span style=\"color: #34495e;\"><strong>Kontakt w menu<\/strong><\/span><\/h4>\r\n<div style=\"height: 1px; background: #ddd; margin: 15px 0;\"> <\/div>\r\n<p><span style=\"color: #7e8c8d;\">Efekt pojawiaj\u0105cych si\u0119 boxów po najechaniu na konkretn\u0105 pozycj\u0119 w menu osi\u0105gni\u0119ty dzi\u0119ki aplikacji \"Kontakt w menu\" Aplikacja pozwala na dodanie do sklepu rozwijanego boksu z danymi kontaktowymi, mapk\u0105 i\/lub formularzem kontaktowym.<\/span><\/p>\r\n<p> <\/p>\r\n<p><span style=\"color: #7e8c8d;\"><a href=\"https:\/\/www.shoper.pl\/aplikacje\/kontakt-w-menu\/\" target=\"_blank\" rel=\"noopener\">Sprawd\u017a aplikacje \"Kontakt w menu\"<\/a><\/span><\/p>\r\n<p> <\/p>\r\n<p><a href=\"https:\/\/www.shoper.pl\/aplikacje\/kontakt-w-menu\/\" target=\"_blank\" rel=\"noopener\"><img src=\"https:\/\/sklepnawzor.shoparena.pl\/userdata\/public\/assets\/\/kontakt%20w%20menu.jpg\" alt=\"\" width=\"390\" \/><\/a><\/p>\r\n<p> <\/p>","col4_width":"25","col4_bg":"0","col4_bg_color":"#dddddd","col4_padding":"20"}]}; var mxIsFirefox = navigator.userAgent.toLowerCase().indexOf('firefox') > -1; if($(document).width() < 768) { return; } $(document).ready(function() { //global var MX_MENU = $('nav.innermenu'); MX_MENU.find('ul.menu-list').css('overflow','visible'); //potrzebujemy przede wszystkim język function APIloader() { if(!window.frontAPI) { setTimeout(APIloader,0); } else { var current_lang = Shop.lang.name; // boksy_array = JSON.parse(boksy_array); if(current_lang in boksy_array) { var MX_CONTAINERS = {}; for(k in boksy_array[current_lang]) { current_boks = boksy_array[current_lang][k]; current_col_count = 0; if(current_boks["col1_active"] == "1") { current_col_count = current_col_count + 1; } if(current_boks["col2_active"] == "1") { current_col_count = current_col_count + 1; } if(current_boks["col3_active"] == "1") { current_col_count = current_col_count + 1; } if(current_boks["col4_active"] == "1") { current_col_count = current_col_count + 1; } cols_flex = $('<div>').css({ 'display': 'flex', }); for(cur_col = 1; cur_col <= 4; ++cur_col) { if(current_boks["col"+cur_col+"_active"] == "1") { current_boks_bg = "0"; if(current_boks["col"+cur_col+"_bg"]=="1") { current_boks_bg = current_boks["col"+cur_col+"_bg_color"]; } col_div = $('<div>').css({ 'width': current_boks["col"+cur_col+"_width"] + '%', 'padding': current_boks["col"+cur_col+"_padding"] + 'px', 'background': current_boks_bg, }) .prop('class','mx_menuboks_boks_col') .html(current_boks["col"+cur_col+"_html"]) .appendTo(cols_flex); } } found_menu_li_pos = false; cur_li_pos = 1; $('ul.menu-list > li').each(function() { if($(this).css('display') == 'none') { return; } if(cur_li_pos == current_boks["menu_pos"]) { MX_CONTAINERS[k] = {}; MX_CONTAINERS[k]['MX_MENU_LI'] = $(this).data('mx_menuboks_k',k); found_menu_li_pos = true; } cur_li_pos = cur_li_pos + 1; }); if(found_menu_li_pos) { //przyciemnienie tła if(current_boks["bg_shade"] != 'none') { MX_CONTAINERS[k]['BG_SHADE_DIV'] = $('<div>') .prop('class','mx_menuboks_bg_shade_div') .css({ 'display': 'none', 'position': 'absolute', 'left': '0px', 'background': current_boks["bg_shade_color"], 'opacity': current_boks["bg_shade_opacity"], 'z-index': 9, }); $("body").append(MX_CONTAINERS[k]['BG_SHADE_DIV']); } MX_CONTAINERS[k]['REL_CONTAINER_DIV'] = $('<div>').css({ 'position': 'relative', 'display': 'none', }).prop('class','mx_menuboks_REL_CONTAINER_DIV'); if(mxIsFirefox) { current_boks["pos_top"] = current_boks["pos_top"] - 3; } if(current_boks["pos_top"] >= 0) { padding_top = current_boks["pos_top"]; margin_top = 0; } else { padding_top = 0; margin_top = current_boks["pos_top"]; } MX_CONTAINERS[k]['FS_CONTAINER_DIV'] = $('<div>').css({ 'position': 'absolute', 'z-index': 9999999999999, 'padding-top': padding_top + 'px', 'top': margin_top + 'px', }).prop('class','mx_menuboks_FS_CONTAINER_DIV'); MX_CONTAINERS[k]['FS_BG_DIV'] = $('<div>').css({ }).prop('class','mx_menuboks_FS_BG_DIV'); MX_CONTAINERS[k]['WINDOW_DIV'] = $('<div>').css({ 'background': current_boks["window_background"], }).prop('class','mx_menuboks_WINDOW_DIV'); if(current_boks["border_radius"] == "1") { MX_CONTAINERS[k]['WINDOW_DIV'].css({ 'border-bottom-left-radius': current_boks["border_radius_width"] + 'px', 'border-bottom-right-radius': current_boks["border_radius_width"] + 'px', }); } MX_CONTAINERS[k]['BOKS_DIV'] = $('<div>').css({ 'padding': current_boks["padding"] + 'px', 'line-height': '150%', }).prop('class','mx_menuboks_BOKS_DIV') .html(cols_flex); MX_CONTAINERS[k]['REL_CONTAINER_DIV'].html( MX_CONTAINERS[k]['FS_CONTAINER_DIV'].html( MX_CONTAINERS[k]['FS_BG_DIV'].html( MX_CONTAINERS[k]['WINDOW_DIV'].html( MX_CONTAINERS[k]['BOKS_DIV'] ) ) ) ); MX_CONTAINERS[k]['REL_CONTAINER_DIV'].appendTo(MX_CONTAINERS[k]['MX_MENU_LI']); MX_CONTAINERS[k]['MX_MENU_LI'].hover(function() { $('div').finish(); $('li').finish(); cur_k = $(this).data('mx_menuboks_k'); //przyciemnienie tla if(boksy_array[current_lang][cur_k]["bg_shade"] != 'none') { MX_CONTAINERS[cur_k]['MX_MENU_LI'].css({ 'z-index': '9999', 'position': 'relative', }); MX_CONTAINERS[cur_k]['BG_SHADE_DIV'].fadeIn(boksy_array[current_lang][cur_k]["animation_time"]); } //end przyciemnienie tla //przyciemnienie li if(boksy_array[current_lang][cur_k]["li_bg"] == '1') { MX_CONTAINERS[cur_k]['MX_MENU_LI'].find('a').first().css({ 'background': boksy_array[current_lang][cur_k]["window_background"], }); } if(boksy_array[current_lang][cur_k]["li_change_color"] == '1') { MX_CONTAINERS[cur_k]['MX_MENU_LI'].find('a').first().css({ 'color': boksy_array[current_lang][cur_k]["li_color"], }); } //niezaleznie od przyciemnienia dajemy klase hover MX_CONTAINERS[cur_k]['MX_MENU_LI'].addClass('mx_menu_li_hover_active'); if(boksy_array[current_lang][cur_k]["animation_type"] == 'slide') { //MX_CONTAINERS[cur_k]['FS_CONTAINER_DIV'].css('display','none'); MX_CONTAINERS[cur_k]['REL_CONTAINER_DIV'].css('display','block'); MX_CONTAINERS[cur_k]['FS_CONTAINER_DIV'].slideDown(boksy_array[current_lang][cur_k]["animation_time"]); } else { MX_CONTAINERS[cur_k]['REL_CONTAINER_DIV'].fadeIn(boksy_array[current_lang][cur_k]["animation_time"]); } },function() { $('div').finish(); $('li').finish(); cur_k = $(this).data('mx_menuboks_k'); //console.log(boksy_array[current_lang][cur_k]); //przyciemnienie tla if(boksy_array[current_lang][cur_k]["bg_shade"] != 'none') { MX_CONTAINERS[cur_k]['MX_MENU_LI'].css({ 'z-index': 'unset', 'position': 'unset', }); MX_CONTAINERS[cur_k]['MX_MENU_LI'].find('a').first().css({ 'background': 'unset', }); MX_CONTAINERS[cur_k]['BG_SHADE_DIV'].fadeOut(boksy_array[current_lang][cur_k]["animation_time"]); } //end przyciemnienie tla if(boksy_array[current_lang][cur_k]["li_bg"] == '1') { MX_CONTAINERS[cur_k]['MX_MENU_LI'].find('a').first().css({ 'background': 'unset', }); } if(boksy_array[current_lang][cur_k]["li_change_color"] == '1') { MX_CONTAINERS[cur_k]['MX_MENU_LI'].find('a').first().css({ 'color': 'unset', }); } //niezaleznie od przyciemnienia usuwamy klase hover MX_CONTAINERS[cur_k]['MX_MENU_LI'].removeClass('mx_menu_li_hover_active'); if(boksy_array[current_lang][cur_k]["animation_type"] == 'slide') { MX_CONTAINERS[cur_k]['FS_CONTAINER_DIV'].slideUp(boksy_array[current_lang][cur_k]["animation_time"]); /setTimeout(function() { MX_CONTAINERS[cur_k]['REL_CONTAINER_DIV'].css('display','block'); },boksy_array[current_lang][cur_k]["animation_time"]);/ } else { MX_CONTAINERS[cur_k]['REL_CONTAINER_DIV'].fadeOut(boksy_array[current_lang][cur_k]["animation_time"]); } }); } } $(window).resize(mxResizeBoxes).resize(); //funkcje function mxResizeBoxes() { var menu_offset = MX_MENU.offset(); var menu_width = MX_MENU.width(); var body_width = $('body').width(); //per box for(k in boksy_array[current_lang]) { if(k in MX_CONTAINERS) { current_boks = boksy_array[current_lang][k]; menu_li_offset = MX_CONTAINERS[k]['MX_MENU_LI'].offset(); current_box_shadow = 'none'; if(current_boks["shadow_spread"] > 0) { current_boks["shadow_spread"] = Math.round(current_boks["shadow_spread"] / 2); current_box_shadow = '1px 5px 4px ' + current_boks["shadow_color"]; } if(current_boks["mode"] == 'full_screen') { MX_CONTAINERS[k]['FS_CONTAINER_DIV'].css({ 'width': body_width, 'left': '-' + menu_li_offset["left"].toFixed(2) + 'px', }); MX_CONTAINERS[k]['FS_BG_DIV'].css({ 'background': current_boks["fs_background"], 'box-shadow': current_box_shadow, }); MX_CONTAINERS[k]['WINDOW_DIV'].css({ 'width': menu_width, 'margin-left': menu_offset["left"].toFixed(2) + 'px', }); } else// if(current_boks["mode"] == 'full_menu') { MX_CONTAINERS[k]['FS_CONTAINER_DIV'].css({ 'width': menu_width, 'left': (0 - menu_li_offset["left"] + menu_offset["left"]).toFixed(2) + 'px', }); MX_CONTAINERS[k]['FS_BG_DIV'].css({ 'background': '0', }); MX_CONTAINERS[k]['WINDOW_DIV'].css({ 'width': menu_width, 'margin-left': '0px', 'box-shadow': current_box_shadow, }); } // else if(current_boks["mode"] == 'dropdown') // { // MX_CONTAINERS[k]['FS_CONTAINER_DIV'].css({ // 'width': 'auto', // 'left': '0px', // }); // MX_CONTAINERS[k]['FS_BG_DIV'].css({ // 'background': '0', // }); // MX_CONTAINERS[k]['WINDOW_DIV'].css({ // 'width': 'auto', // 'margin-left': '0px', // }); // } //przyciemnienie tła if('BG_SHADE_DIV' in MX_CONTAINERS[k]) { if(current_boks["bg_shade"] == 'all') { position_top = 0; bg_shade_height = document.body.scrollHeight; } else { position_top = menu_offset["top"] + MX_CONTAINERS[k]['MX_MENU_LI'].height(); bg_shade_height = document.body.scrollHeight - position_top; } MX_CONTAINERS[k]['BG_SHADE_DIV'].css({ 'width': $(window).width().toFixed(2) + 'px', 'height': bg_shade_height + 'px', 'top': position_top + 'px', }); } } } $('.mx_menuboks_boks_col').each(function() { var cur_col = $(this); if(cur_col.find('iframe').length > 0) { cur_col.find('iframe').each(function() { $(this).css('max-width','100%'); }); } }); } } $('.mx_menuboks_boks_col [data-size="invisible"].g-recaptcha') .parents('form') .on('submit', function (ev) { ev.preventDefault(); gFormSubmit.form = this; grecaptcha.execute($(this).find('.g-recaptcha').get(0).recaptcha); }); } } APIloader(); }); });