1<!DOCTYPE html> <html class="ltr" dir="ltr" lang="sk-SK" data-brand="o2"> <head> <meta content="text/html; charset=UTF-8" http-equiv="content-type"/> <meta http-equiv="x-ua-compatible" content="IE=edge"> <meta content="initial-scale=1.0, width=device-width" name="viewport"/> <meta name="google-site-verification" content="oi_Qo0oRQTcGPXD7mi8P9Jbr-CPh9gAPUnWCBxsHuug"/> <meta name="format-detection" content="telephone=no"> <meta name="theme-color" content="#0050ff"> <meta name="apple-mobile-web-app-status-bar-style" content="#060636"> <meta name="msapplication-navbutton-color" content="#060636"> <meta name="msapplication-TileColor" content="#032b5a"> <meta name="client-info" content="eyJtc2lzZG4tZGlnZXN0IjpudWxsLCJjbGllbnQtaXAiOiIxODEuMjE1LjY1Ljc3IiwibXNpc2RuIjpudWxsfQ=="> <meta name="eportal-score" content="0.0"/>
1<script type="text/javascript" src="/ruxitagentjs_ICA15789NPRTUVXfhqrux_10345260810170330.js" data-dtconfig="app=723b9922f27a7cdf|ssc=1|cssm=l|owasp=1|featureHash=ICA15789NPRTUVXfhqrux|xb=infinario.com^pdoubleclick.net^pgoogle-analytics.com^papi.adalytics.o2.sk^pmluvii.com^piperceptions.com^p/delegate/rest/loginidm/session/prolong^pluigisbox.com^pgemius.pl|rdnt=1|uxrgce=1|cuc=3t292jxz|mel=100000|dpvc=1|md=mdcc1=aa[data-o2-id^e'header.loggedUserMail'],mdcc2=aspan.storedockbar-assistant-name ^rb strong,mdcc3=adiv.storedockbar-instore,mdcc4=a[name='eportal-context-msisdn']@content,mdcc5=adiv.fancybox-opened div.fancybox-popup-content ^rb h3,mdcc7=adiv.step-line.active div.circle-disabled span,mdcc9=ah3,mdcc10=adiv.portlet-content h1,mdcc11=a#DigitalBoxContainer ul li.active,mdcc12=aa[data-o2-id^e'link.header.loggedUserNumber'],mdcc13=dutm_campaign,mdcc14=dutm_source,mdcc15=dutm_medium|lastModification=1789588096856|postfix=3t292jxz|tp=500,50,0|srbbv=2|agentUri=/ruxitagentjs_ICA15789NPRTUVXfhqrux_10345260810170330.js|reportUrl=/rb_bf04952mbx|rid=RID_1449663464|rpid=627310454|domain=o2.sk" data-config='{"revision":1789588096856,"beaconUri":"\/rb_bf04952mbx","agentUri":"\/ruxitagentjs_ICA15789NPRTUVXfhqrux_10345260810170330.js","environmentId":"3t292jxz","modules":"ICA15789NPRTUVXfhqrux"}' data-envconfig='{"tracestateKeyPrefix":"da2e48fc-567fd5f1"}' data-appconfig='{"app":"723b9922f27a7cdf","userInteractionCapture":["all"],"requestExclusions":"infinario.com|doubleclick.net|google-analytics.com|api.adalytics.o2.sk|mluvii.com|iperceptions.com|\/delegate\/rest\/loginidm\/session\/prolong|luigisbox.com|gemius.pl","disableUserTracking":true}'></script>
1<link rel="manifest" href="/delegate/manifest.json?playName=Moje%20O2%20SK&playShortName=Moje%20O2%20SK&playIconBaseUrl=%2Fo%2Feportal-liferaytheme/images%2Fmoje-o2-logo&playPlatform=play&playId=sk.o2.mojeo2&gcmSenderId=130945280786" crossorigin="use-credentials" /> <title>O2 pre váš biznis</title> <link rel="preconnect" href="https://www.o2static.sk" crossorigin> <!-- Google Tag Manager -->
1<script>var dataLayer=[{"pageType":"Article","pageDepartment":"Pre v\u00e1s","pageCategory":"ponuka","visitorLoginState":"Anonymous","visitorId":null,"visitorChannel":"Online","subscriber":null,"block":null}];</script>
1
1<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({"gtm.start":(new Date).getTime(),event:"gtm.js"});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!="dataLayer"?"\x26l\x3d"+l:"";j.async=true;j.src="https://www.googletagmanager.com/gtm.js?id\x3d"+i+dl;f.parentNode.insertBefore(j,f)})(window,document,"script","dataLayer","GTM-K96W");</script>
1 <!-- End Google Tag Manager -->
1<script defer src="https://www.o2static.sk/o/eportal-liferaytheme/vendor/js-cookie/js.cookie.3.0.8.min.js" type="text/javascript" crossorigin="anonymous"></script>
1
1<script type="module" crossorigin="anonymous"> import { O2CommonApi, AppType } from 'https://www.o2static.sk/o/eportal-liferaytheme/theme/js/common-api.0.0.22.min.js'; window.O2 = window.O2 || {}; window.O2.Common = window.O2.Common || {}; window.O2.Common.api = new O2CommonApi({"lrBlueLocation":"https://www.o2.sk","lrBlackLocation":"https://asistent.o2.sk","currentApp":"LR_BLUE"}); // for compatibility reasons, but methods should be used instead window.O2.Common.settings = window.O2.Common.api.settings; window.O2.Common.constants = AppType; </script>
1
1<script type="module" crossorigin="anonymous" src="https://www.o2static.sk/o/eportal-liferaytheme/theme-libs/gdpr/gdpr.0.0.22.min.js"></script>
1
1<script type="text/javascript">window.addEventListener("load",function(){O2.gdpr.init({cc:{cookie_name:"X-O2SK-GDPR-CC",cookie_domain:"o2.sk"},o2:{cookieNames:{source:"X-O2SK-GDPR-SOURCE",optIn:"X-O2SK-GDPR-OPTIN",gdprId:"X-O2SK-GDPR-ID"},portalURL:"https://www.o2.sk"}})});</script>
1
1<script type="text/javascript">var eportalGoogleApiKey="AIzaSyDtaY1yXWEqmWUIegBL8Lje1Z69Mb3hxKU";</script>
1
1<script type="text/javascript">const O2BOTAvailable=true;</script>
1
1<script type="text/javascript">const showChatWidget=true;</script>
1
1<script type="module" data-stencil-namespace="o2-components" src="https://www.o2static.sk/o/eportal-liferaytheme/theme-libs/o2-components/o2-components.0.0.22.esm.js" crossorigin="anonymous"></script>
1
1<script src="https://www.o2static.sk/o/eportal-liferaytheme/theme/js/jquery.2.2.4.min.js" type="text/javascript" crossorigin="anonymous"></script>
1
1<script defer src="https://www.o2static.sk/o/eportal-liferaytheme/theme/js/bootstrap.3.4.1.min.js" type="text/javascript" crossorigin="anonymous"></script>
1
1<script defer src="https://www.o2static.sk/o/eportal-liferaytheme/theme/js/select.1.0.1.min.js" type="text/javascript" crossorigin="anonymous"></script>
1
1<script defer src="https://www.o2static.sk/o/eportal-liferaytheme/theme/js/validations.1.20.0.min.js" type="text/javascript" crossorigin="anonymous"></script>
1
1<script defer src="https://www.o2static.sk/o/eportal-liferaytheme/theme/js/jq.ui.1.12.1.min.js" type="text/javascript" crossorigin="anonymous"></script>
1
1<script defer src="https://www.o2static.sk/o/eportal-liferaytheme/theme/js/datatables.1.13.6.min.js" type="text/javascript" crossorigin="anonymous"></script>
1
1<script defer src="https://www.o2static.sk/o/eportal-liferaytheme/theme/js/swiper.5.4.5.min.js" type="text/javascript" crossorigin="anonymous"></script>
1
1<script defer src="https://www.o2static.sk/o/eportal-liferaytheme/theme/js/fancybox.2.1.7-1.min.js" type="text/javascript" crossorigin="anonymous"></script>
1
1<script src="https://www.o2static.sk/o/eportal-liferaytheme/theme/js/eportal-components-def.1.0.1.min.js" type="text/javascript" crossorigin="anonymous"></script>
1
1<script defer src="https://www.o2static.sk/o/eportal-liferaytheme/theme/js/app.1.0.0.min.js" type="text/javascript" crossorigin="anonymous"></script>
1
1<script defer src="https://www.o2static.sk/o/eportal-liferaytheme/theme/js/documentupload.1.0.0.min.js" type="text/javascript" crossorigin="anonymous"></script>
1 <meta content="text/html; charset=UTF-8" http-equiv="content-type" /> <meta content="Spoznajte naÅ¡u ponuku telekomunikaÄných služieb pre podnikateľov, firmy a verejnú správu." lang="sk-SK" name="description" /><meta content="o2 pre biznis, ponuka pre firmy, o2 pre podnikatelov, o2 pre firmy, telekomunikacne sluzby pre verejnu spravu, o2, biznis sluzby, pausal pre firmu, telefon na firmu, pausaly do firmy," lang="sk-SK" name="keywords" />
1<script data-senna-track="permanent" src="https://www.o2static.sk/o/frontend-js-svg4everybody-web/index.js" type="text/javascript"></script>
1 <link data-senna-track="temporary" href="https://www.o2.sk/ponuka/biznis-riesenia/pre-vas-biznis" rel="canonical" /> <meta property="og:description" content="Spoznajte naÅ¡u ponuku telekomunikaÄných služieb pre podnikateľov, firmy a verejnú správu."> <meta property="og:locale" content="sk_SK"> <meta property="og:locale:alternate" content="sk_SK"> <meta property="og:site_name" content="O2"> <meta property="og:title" content="O2 pre váš biznis - O2"> <meta property="og:type" content="website"> <meta property="og:url" content="https://www.o2.sk/ponuka/biznis-riesenia/pre-vas-biznis"> <link href="https://www.o2static.sk/o/eportal-liferaytheme/images/favicon.ico" rel="icon" /> <link data-senna-track="temporary" href="https://www.o2static.sk/combo?browserId=chrome&minifierType=&themeId=o2Atomic_WAR_eportalliferaytheme&languageId=sk_SK&b=7307&com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_HTtvLYB1tPVV:%2Fcss%2Fmain.css&com_liferay_product_navigation_product_menu_web_portlet_ProductMenuPortlet:%2Fcss%2Fmain.css&t=1789592670000" id="a1dce9b8" rel="stylesheet" type="text/css" />
1<script data-senna-track="temporary" type="text/javascript">var Liferay=Liferay||{}; 2Liferay.Browser={acceptsGzip:function(){return true},getMajorVersion:function(){return 128},getRevision:function(){return"537.36"},getVersion:function(){return"128.0"},isAir:function(){return false},isChrome:function(){return true},isEdge:function(){return false},isFirefox:function(){return false},isGecko:function(){return true},isIe:function(){return false},isIphone:function(){return false},isLinux:function(){return false},isMac:function(){return false},isMobile:function(){return false},isMozilla:function(){return false}, 3isOpera:function(){return false},isRtf:function(){return true},isSafari:function(){return true},isSun:function(){return false},isWebKit:function(){return true},isWindows:function(){return false}};Liferay.Data=Liferay.Data||{};Liferay.Data.ICONS_INLINE_SVG=true;Liferay.Data.NAV_SELECTOR="#navigation";Liferay.Data.NAV_SELECTOR_MOBILE="#navigationCollapse";Liferay.Data.isCustomizationView=function(){return false};Liferay.Data.notices=[]; 4Liferay.PortletKeys={DOCUMENT_LIBRARY:"com_liferay_document_library_web_portlet_DLPortlet",DYNAMIC_DATA_MAPPING:"com_liferay_dynamic_data_mapping_web_portlet_DDMPortlet",ITEM_SELECTOR:"com_liferay_item_selector_web_portlet_ItemSelectorPortlet"};Liferay.PropsValues={JAVASCRIPT_SINGLE_PAGE_APPLICATION_TIMEOUT:0,NTLM_AUTH_ENABLED:false,UPLOAD_SERVLET_REQUEST_IMPL_MAX_SIZE:104857600}; 5Liferay.ThemeDisplay={getLayoutId:function(){return"2552"},getLayoutRelativeControlPanelURL:function(){return"/group/guest/~/control_panel/manage"},getLayoutRelativeURL:function(){return"/ponuka/biznis-riesenia/pre-vas-biznis"},getLayoutURL:function(){return"https://www.o2.sk/ponuka/biznis-riesenia/pre-vas-biznis"},getParentLayoutId:function(){return"2356"},isControlPanel:function(){return false},isPrivateLayout:function(){return"false"},isVirtualLayout:function(){return false},getBCP47LanguageId:function(){return"sk-SK"}, 6getCanonicalURL:function(){return"https://www.o2.sk/ponuka/biznis-riesenia/pre-vas-biznis"},getCDNBaseURL:function(){return"https://www.o2static.sk"},getCDNDynamicResourcesHost:function(){return"https://www.o2static.sk"},getCDNHost:function(){return"https://www.o2static.sk"},getCompanyGroupId:function(){return"1992827"},getCompanyId:function(){return"1"},getDefaultLanguageId:function(){return"sk_SK"},getDoAsUserIdEncoded:function(){return""},getLanguageId:function(){return"sk_SK"},getParentGroupId:function(){return"2355222"}, 7getPathContext:function(){return""},getPathImage:function(){return"https://www.o2static.sk/image"},getPathJavaScript:function(){return"/o/frontend-js-web"},getPathMain:function(){return"/c"},getPathThemeImages:function(){return"https://www.o2.sk/o/eportal-liferaytheme/images"},getPathThemeRoot:function(){return"/o/eportal-liferaytheme"},getPlid:function(){return"106195279"},getPortalURL:function(){return"https://www.o2.sk"},getScopeGroupId:function(){return"2355222"},getScopeGroupIdOrLiveGroupId:function(){return"2355222"}, 8getSessionId:function(){return""},getSiteAdminURL:function(){return"https://www.o2.sk/group/guest/~/control_panel/manage?p_p_lifecycle\x3d0\x26p_p_state\x3dmaximized\x26p_p_mode\x3dview"},getSiteGroupId:function(){return"2355222"},getURLControlPanel:function(){return"/group/control_panel?refererPlid\x3d106195279"},getURLHome:function(){return"https://www.o2.sk/web/guest"},getUserEmailAddress:function(){return""},getUserId:function(){return"5"},getUserName:function(){return""},isAddSessionIdToURL:function(){return false}, 9isImpersonated:function(){return false},isSignedIn:function(){return false},isStateExclusive:function(){return false},isStateMaximized:function(){return false},isStatePopUp:function(){return false}};var themeDisplay=Liferay.ThemeDisplay; 10Liferay.AUI={getAvailableLangPath:function(){return"available_languages.jsp?browserId\x3dchrome\x26themeId\x3do2Atomic_WAR_eportalliferaytheme\x26colorSchemeId\x3dscheme-legacy\x26minifierType\x3djs\x26languageId\x3dsk_SK\x26b\x3d7307\x26t\x3d1789599677306"},getCombine:function(){return true},getComboPath:function(){return"https://www.o2static.sk/combo/?browserId\x3dchrome\x26minifierType\x3d\x26languageId\x3dsk_SK\x26b\x3d7307\x26t\x3d1789599907620\x26"},getDateFormat:function(){return"%d.%m.%Y"}, 11getEditorCKEditorPath:function(){return"/o/frontend-editor-ckeditor-web"},getFilter:function(){var filter="raw";filter="min";return filter},getFilterConfig:function(){var instance=this;var filterConfig=null;if(!instance.getCombine())filterConfig={replaceStr:".js"+instance.getStaticResourceURLParams(),searchExp:"\\.js$"};return filterConfig},getJavaScriptRootPath:function(){return"/o/frontend-js-web"},getLangPath:function(){return"aui_lang.jsp?browserId\x3dchrome\x26themeId\x3do2Atomic_WAR_eportalliferaytheme\x26colorSchemeId\x3dscheme-legacy\x26minifierType\x3djs\x26languageId\x3dsk_SK\x26b\x3d7307\x26t\x3d1789599907620"}, 12getPortletRootPath:function(){return"/html/portlet"},getStaticResourceURLParams:function(){return"?browserId\x3dchrome\x26minifierType\x3d\x26languageId\x3dsk_SK\x26b\x3d7307\x26t\x3d1789599907620"}};Liferay.authToken="Npz72ORa";Liferay.currentURL="/ponuka/biznis-riesenia/pre-vas-biznis";Liferay.currentURLEncoded="%2Fponuka%2Fbiznis-riesenia%2Fpre-vas-biznis";</script>
12
12<script src="/o/js_loader_config?t=1789599822364" type="text/javascript"></script>
12
12<script data-senna-track="permanent" src="https://www.o2static.sk/combo?browserId=chrome&minifierType=js&languageId=sk_SK&b=7307&t=1789599907620&/o/frontend-js-aui-web/aui/aui/aui.js&/o/frontend-js-aui-web/liferay/modules.js&/o/frontend-js-aui-web/liferay/aui_sandbox.js&/o/frontend-js-aui-web/aui/attribute-base/attribute-base.js&/o/frontend-js-aui-web/aui/attribute-complex/attribute-complex.js&/o/frontend-js-aui-web/aui/attribute-core/attribute-core.js&/o/frontend-js-aui-web/aui/attribute-observable/attribute-observable.js&/o/frontend-js-aui-web/aui/attribute-extras/attribute-extras.js&/o/frontend-js-aui-web/aui/event-custom-base/event-custom-base.js&/o/frontend-js-aui-web/aui/event-custom-complex/event-custom-complex.js&/o/frontend-js-aui-web/aui/oop/oop.js&/o/frontend-js-aui-web/aui/aui-base-lang/aui-base-lang.js&/o/frontend-js-aui-web/liferay/dependency.js&/o/frontend-js-aui-web/liferay/util.js&/o/frontend-js-web/loader/config.js&/o/frontend-js-web/loader/loader.js&/o/frontend-js-web/liferay/dom_task_runner.js&/o/frontend-js-web/liferay/events.js&/o/frontend-js-web/liferay/lazy_load.js&/o/frontend-js-web/liferay/liferay.js&/o/frontend-js-web/liferay/global.bundle.js&/o/frontend-js-web/liferay/portlet.js&/o/frontend-js-web/liferay/workflow.js" type="text/javascript"></script>
12
12<script data-senna-track="temporary" src="https://www.o2static.sk/o/js_bundle_config?t=1789599829807" type="text/javascript"></script>
12
12<script data-senna-track="temporary" type="text/javascript"></script>
12 <link class="lfr-css-file" data-senna-track="temporary" href="https://www.o2static.sk/o/eportal-liferaytheme/css/main.css?browserId=chrome&themeId=o2Atomic_WAR_eportalliferaytheme&minifierType=css&languageId=sk_SK&b=7307&t=1789592670000" id="liferayThemeCSS" rel="stylesheet" type="text/css" /> <style data-senna-track="temporary" type="text/css">.guru-help .fifth_block{display:none}.folder{width:100%}.cke_source{white-space:pre-wrap !important}</style> <style data-senna-track="temporary" type="text/css"></style> <style data-senna-track="temporary" type="text/css"></style>
12<script data-senna-track="temporary" type="text/javascript">if(window.Analytics)window._com_liferay_document_library_analytics_isViewFileEntry=false;</script>
12
12<script type="text/javascript">Liferay.on("ddmFieldBlur",function(event){if(window.Analytics)Analytics.send("fieldBlurred","Form",{fieldName:event.fieldName,focusDuration:event.focusDuration,formId:event.formId,page:event.page})});Liferay.on("ddmFieldFocus",function(event){if(window.Analytics)Analytics.send("fieldFocused","Form",{fieldName:event.fieldName,formId:event.formId,page:event.page})}); 13Liferay.on("ddmFormPageShow",function(event){if(window.Analytics)Analytics.send("pageViewed","Form",{formId:event.formId,page:event.page,title:event.title})});Liferay.on("ddmFormSubmit",function(event){if(window.Analytics)Analytics.send("formSubmitted","Form",{formId:event.formId})});Liferay.on("ddmFormView",function(event){if(window.Analytics)Analytics.send("formViewed","Form",{formId:event.formId,title:event.title})});</script>
13 <style id="liferayPortalCSS"> @media (max-width: 767px) { .navbar-o2 .navbar-nav { display: none; } } </style> <style id="o2-components-style"> o2-accordion,o2-alert,o2-button,o2-icon,o2-badge,o2-box,o2-breadcrumbs,o2-breadcrumbs-item,o2-carousel,o2-checkbox,o2-checkbox-group,o2-chip,o2-content,o2-datetime,o2-form-field,o2-dropdown,o2-eek,o2-flex,o2-focus-trap,o2-form,o2-input,o2-gallery,o2-modal,o2-icon-button,o2-loader,o2-menu,o2-menu-item,o2-metro,o2-metro-item,o2-msisdn-selector,o2-notification-badge,o2-password,o2-password-indicator,o2-picture,o2-progress,o2-radio,o2-radio-group,o2-search,o2-select,o2-select-multiple,o2-select-single,o2-slider,o2-status,o2-swiper,o2-swiper-slide,o2-tab,o2-tab-content,o2-tabs,o2-tag,o2-textarea,o2-toast,o2-toast-container,o2-toggle,o2-tooltip,o2-tooltip-wrapper {visibility:hidden;} .hydrated{visibility:inherit} </style> <link href="https://www.o2static.sk/o/eportal-liferaytheme/theme-libs/foundation/foundation.0.0.22.min.css" rel="stylesheet" media="all" type="text/css" crossorigin="anonymous"> <link href="https://www.o2static.sk/o/eportal-liferaytheme/theme/css/grid-legacy.3.4.1.min.css" rel="stylesheet" media="all" type="text/css" crossorigin="anonymous"> <link href="https://www.o2static.sk/o/eportal-liferaytheme/theme/css/vendor.1.0.0.min.css" rel="stylesheet" media="all" type="text/css" crossorigin="anonymous"> <link href="https://www.o2static.sk/o/eportal-liferaytheme/theme/css/swiper.5.4.5.min.css" rel="stylesheet" media="all" type="text/css" crossorigin="anonymous"> <link href="https://www.o2static.sk/o/eportal-liferaytheme/theme/css/o2-font.1.3.3.min.css" rel="stylesheet" media="all" type="text/css" crossorigin="anonymous"> <link href="https://www.o2static.sk/o/eportal-liferaytheme/theme/css/core.1.0.2.min.css" rel="stylesheet" media="all" type="text/css" crossorigin="anonymous"> <link href="https://www.o2static.sk/o/eportal-liferaytheme/theme/css/components-legacy.1.0.2.min.css" rel="stylesheet" media="all" type="text/css" crossorigin="anonymous"> <link href="https://www.o2static.sk/o/eportal-liferaytheme/theme/css/captcha.1.4.2.min.css" rel="stylesheet" media="all" type="text/css" crossorigin="anonymous"> <link href="https://www.o2static.sk/o/eportal-liferaytheme/theme-libs/gdpr/gdpr.0.0.22.min.css" rel="stylesheet" media="all" type="text/css" crossorigin="anonymous"> <link href="https://www.o2static.sk/o/eportal-liferaytheme/theme-libs/navigation/navigation.0.0.22.min.css" rel="stylesheet" media="all" type="text/css" crossorigin="anonymous"> </head> <body class="chrome controls-visible scheme-legacy yui3-skin-sam guest-site signed-out public-page site animation-off" <!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, line 13
13 <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=
13GTM-K96W
vendor: 84 bytes, line 13
13" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript>
13<nav class="quick-access-nav"> <a class="o2-navigation__button o2-navigation__button--filled o2-navigation__button--primary" href="#main-content" aria-label="PreskoÄiÅ¥ navigáciu a prejsÅ¥ na hlavný obsah">PreskoÄiÅ¥ na obsah</a> </nav> <div class="d-flex flex-column"> <div class="d-flex flex-column" id="wrapper"> <div id="page"> <header class="header" data-controller="header" data-testid="header"> <div class="container"> <!-- TOP NAV only DESKTOP --> <nav class="top" data-controller="topmenu" aria-label="Výber medzi osobnými a firemnými ponukami"> <ul class="top__list"> <li class="top__item"> <a href="/" class="top__link" data-action="click->topmenu#activate" data-topmenu-target="link" data-testid="header.topMenu.link.1"> Osobné </a> </li> <li class="top__item"> <a href="/ponuka/biznis-riesenia/pre-vas-biznis" class="top__link top__link--active" data-action="click->topmenu#activate" data-topmenu-target="link" data-testid="header.topMenu.link.2"> Podnikatelia a firmy </a> </li> </ul> <hr class="top__separator" aria-hidden="true" /> </nav> <!-- MAIN MENU --> <div class="main"> <div class="logo"> <a href="/" data-testid="header.link.logo"> <svg viewBox="0 0 20 20" width="36" height="36" fill="white" aria-labelledby="title"> <title id="title">O2 Logo</title> <path d="M16.4807 18.0119C17.488 17.0056 18.8058 15.7843 18.8058 14.455C18.8058 13.2242 18.0443 12.6223 16.8694 12.6223C16.2422 12.6223 15.597 12.7841 15.0397 13.0719L15.1376 14.1141C15.544 13.8447 16.0393 13.6111 16.5603 13.6111C17.0636 13.6111 17.5676 13.8802 17.5676 14.4553C17.5676 15.6042 15.4734 17.3833 14.8988 17.9486V19H19V18.0119H16.4807ZM8.10308 1C3.84123 1 1 4.10951 1 8.41183C1 12.4658 3.89592 15.8251 8.10308 15.8251C12.2825 15.8251 15.1785 12.4658 15.1785 8.41218C15.1785 4.10951 12.3372 1.0007 8.10308 1.0007V1ZM8.10308 13.7142C5.07008 13.7142 3.73115 10.9388 3.73115 8.41183C3.73115 5.71949 5.34319 3.10983 8.10308 3.10983C10.8342 3.10983 12.4459 5.71914 12.4459 8.41183C12.4459 10.9388 11.107 13.7142 8.10308 13.7142Z" /> </svg> </a> </div> <div class="navigation"> <div class="overlay" data-header-target="overlay" data-action="click->header#overlayClicked"></div> <nav id="megamenu-main" class="menu" data-header-target="menu"> <!-- TOP NAV only MOBILE --> <div class="menu__head-mobile" data-header-target="mobileMenuHead"> <nav class="top-mobile" data-controller="topmenu" aria-label="Výber medzi osobnými a firemnými ponukami"> <ul class="top-mobile__list"> <li class="top-mobile__item"> <a href="/" class="top-mobile__link" data-action="click->topmenu#activate" data-topmenu-target="linkMobile" data-testid="header.topMenuMobile.link.1"> Osobné </a> </li> <li class="top-mobile__item"> <a href="/ponuka/biznis-riesenia/pre-vas-biznis" class="top-mobile__link top-mobile__link--active" data-action="click->topmenu#activate" data-topmenu-target="linkMobile" data-testid="header.topMenuMobile.link.2"> Podnikatelia a firmy </a> </li> </ul> </nav> <button type="button" class="close-button" data-header-target="closeMenu" data-action="click->header#closeMenuClicked" data-testid="header.topMenuMobileClose.button" aria-label="ZavrieÅ¥ menu"> <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true" focusable="false" width="18px" height="18px" > <path fill-rule="evenodd" clip-rule="evenodd" d="M4.49497 3.50532C4.22161 3.23195 3.77839 3.23195 3.50503 3.50532C3.23166 3.77869 3.23166 4.2219 3.50503 4.49527L9.01005 10.0003L3.50507 15.5053C3.23171 15.7786 3.23171 16.2219 3.50507 16.4952C3.77844 16.7686 4.22166 16.7686 4.49502 16.4952L10 10.9902L15.505 16.4952C15.7783 16.7686 16.2216 16.7686 16.4949 16.4952C16.7683 16.2219 16.7683 15.7786 16.4949 15.5053L10.9899 10.0003L16.495 4.49527C16.7683 4.2219 16.7683 3.77869 16.495 3.50532C16.2216 3.23195 15.7784 3.23195 15.505 3.50532L10 9.01034L4.49497 3.50532Z" ></path> </svg> </button> </div><nav class="menu__wrapper" aria-label="Navigácia prvej úrovne"> <div class="menu__title">Ponuka O2</div> <div class="separator px-3" aria-hidden="true"> <hr> </div> <ul class="menu__list" data-header-target="menuMain" data-action="click->
13header#menuMainTargetClicked"> <li class="menu__item"> <a href="https://www.o2.sk/connect" class="menu__link" data-testid="mainNavigation.menuItem.1"> O2 Connect </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="menu__item"> <a href="https://www.o2.sk/spolu" class="menu__link" data-testid="mainNavigation.menuItem.2"> O2 Spolu </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="menu__item menu-item-has-children" data-controller="megamenu"> <button type="button" class="menu__button" aria-expanded="false" aria-controls="megamenu-/link/ponuka/mobilne-sluzby" data-megamenu-target="button" data-action="click->megamenu#toggleMegamenu" data-testid="mainNavigation.menuItem.3" > Mobilné služby </button> <section id="megamenu-/link/ponuka/mobilne-sluzby" class="megamenu" data-megamenu-target="megamenu" aria-label="Navigácia druhej úrovne"> <!-- TOP SUBMENU only MOBILE --> <div class="menu__head-mobile" data-header-target="mobileMenuHead"> <button type="button" class="back-button" data-header-target="goBack" data-action="click->header#goBackClicked" data-testid="header.topMenuMobileBack.button" aria-label="Späť na úroveŠvyššie" > <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true" focusable="false" width="18px" height="18px" > <path fill-rule="evenodd" clip-rule="evenodd" d="M6.00971 10.4544C5.75866 10.2034 5.75866 9.79634 6.00971 9.54529L12.4383 3.11672C12.6893 2.86567 13.0964 2.86567 13.3474 3.11672C13.5985 3.36777 13.5985 3.77481 13.3474 4.02586L7.37342 9.99986L13.3474 15.9739C13.5985 16.2249 13.5985 16.6319 13.3474 16.883C13.0964 17.1341 12.6893 17.1341 12.4383 16.883L6.00971 10.4544Z" ></path> </svg> Späť </button> <button type="button" class="close-button" data-header-target="closeMenu" data-action="click->header#closeMenuClicked" data-testid="header.topMenuMobileClose.button" aria-label="Zavrieť menu" > <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true" focusable="false" width="18px" height="18px" > <path fill-rule="evenodd" clip-rule="evenodd" d="M4.49497 3.50532C4.22161 3.23195 3.77839 3.23195 3.50503 3.50532C3.23166 3.77869 3.23166 4.2219 3.50503 4.49527L9.01005 10.0003L3.50507 15.5053C3.23171 15.7786 3.23171 16.2219 3.50507 16.4952C3.77844 16.7686 4.22166 16.7686 4.49502 16.4952L10 10.9902L15.505 16.4952C15.7783 16.7686 16.2216 16.7686 16.4949 16.4952C16.7683 16.2219 16.7683 15.7786 16.4949 15.5053L10.9899 10.0003L16.495 4.49527C16.7683 4.2219 16.7683 3.77869 16.495 3.50532C16.2216 3.23195 15.7784 3.23195 15.505 3.50532L10 9.01034L4.49497 3.50532Z" ></path> </svg> </button> </div> <div class="header__container"> <ul class="megamenu__menu"> <li class="megamenu__item"> <div class="megamenu__title"> <a href="https://www.o2.sk/ponuka/mobilne-sluzby" class="megamenu__link" data-testid="mainNavigation.megaMenu.title.1"> Mobilné služby <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true" focusable="false" width="19px" height="19px" > <path fill-rule="evenodd" clip-rule="evenodd" d="M13.9903 9.54557C14.2413 9.79662 14.2413 10.2037 13.9903 10.4547L7.56171 16.8833C7.31066 17.1343 6.90363 17.1343 6.65258 16.8833C6.40152 16.6322 6.40152 16.2252 6.65258 15.9741L12.6266 10.0001L6.65258 4.02614C6.40152 3.77509 6.40153 3.36805 6.65258 3.117C6.90363 2.86595 7.31066 2.86595 7.56171 3.117L13.9903 9.54557Z" ></path> </svg> </a> </div> <div class="megamenu__title--mobile"> Mobilné služby </div> <ul class="submenu"> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/o2-pausal" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItem.1"> O2 Paušály </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/ponuka/mobilne-sluzby/o2-fer" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItem.2"> O2 Fér na faktúru </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/ponuka/mobilne-sluzby/o2-maxx" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItem.3"> O2 Maxx <div class="o2-navigation__badge o2-navigation__badge--small o2-navigation__badge--"> ISIC/ITIC/EURO26 </div> </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/ponuka/mobilne-sluzby/o2-junior" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItem.4"> O2 Junior <div class="o2-navigation__badge o2-navigation__badge--small o2-navigation__badge--"> K O2 Paušálu </div> </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/ponuka/mobilne-sluzby/o2-datovka" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItem.5">
13 O2 Dátovka </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/ponuka/mobilne-sluzby/o2-volnost" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItem.6"> O2 VoľnosÅ¥ </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/o2-simka" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItem.7"> O2 SIMka </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> </ul> </li> <li class="megamenu__item"> <div class="megamenu__title"> Doplnkové služby </div> <div class="megamenu__title--mobile"> Doplnkové služby </div> <ul class="submenu"> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/ponuka/mobilne-sluzby/doplnkove-sluzby/balicky" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItem.8"> BalÃÄky a služby </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/ponuka/mobilne-sluzby/zmena-volacieho-programu" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItem.9"> Zmena programu </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/podpora/roaming" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItem.10"> O2 Roaming </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/link/ponuka/mobilne-sluzby/prenos-cisla" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItem.11"> Prenos ÄÃsla </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/ponuka/mobilne-sluzby/doplnkove-sluzby/o2-cestovna-poistka" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItem.12"> O2 Cestovná poistka </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/security" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItem.13"> O2 Security </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> </ul> </li> <li class="megamenu__item"> <div class="megamenu__title"> Benefity </div> <div class="megamenu__title--mobile"> Benefity </div> <ul class="submenu"> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/prekvapenia" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItem.14"> O2 Prekvapenia <div class="o2-navigation__badge o2-navigation__badge--small o2-navigation__badge--"> Nové </div> </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/volania/o2-pausal/vykupenie-z-viazanosti" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItem.15"> Vykúpenie z viazanosti </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/ponuka/mobilne-sluzby/novy-o2-pausal/predplatne-k-pausalu" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItem.16"> O2 Predplatné </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> </ul> </li> </ul> </div> </section> </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="menu__item menu-item-has-children" data-controller="megamenu"> <button type="button" class="menu__button" aria-expanded="false" aria-controls="megamenu-/ponuka/pre-domacnost" data-megamenu-target="button" data-action="click->megamenu#toggleMegamenu" data-testid="mainNavigation.menuItem.4" > Internet a TV </button> <section id="megamenu-/ponuka/pre-domacnost" class="megamenu" data-megamenu-target="megamenu" aria-label="Navigácia druhej úrovne"> <!-- TOP SUBMENU only MOBILE --> <div class="menu__head-mobile" data-header-target="mobileMenuHead"> <button type="button" class="back-button" data-header-target="goBack" data-action="click->header#goBackClicked" data-testid="header.topMenuMobileBack.button" aria-label="Späť na úroveÅ vyššie" > <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true" focusable="false" width="18px" height="18px" > <path fill-rule="evenodd" clip-rule="evenodd" d="M6.00971 10.4544C5.75866 10.2034 5.75866 9.79634 6.00971 9.54529L12.4383 3.11672C12.6893 2.86567 13.0964 2.86567 13.3474 3.11672C13.5985 3.36777 13.5985 3.77481 13.3474 4.02586L7.37342 9.99986L13.3474 15.9739C13.5985 16.2249 13.5985 16.6319 13.3474 16.883C13.0964 17.1341 12.6893 17.1341 12.4383 16.883L6.00971 10.4544Z" ></path> </svg> Späť </button> <button type="button" class="close-button" data-header-target="closeMenu" data-action="click->
13header#closeMenuClicked" data-testid="header.topMenuMobileClose.button" aria-label="ZavrieÅ¥ menu" > <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true" focusable="false" width="18px" height="18px" > <path fill-rule="evenodd" clip-rule="evenodd" d="M4.49497 3.50532C4.22161 3.23195 3.77839 3.23195 3.50503 3.50532C3.23166 3.77869 3.23166 4.2219 3.50503 4.49527L9.01005 10.0003L3.50507 15.5053C3.23171 15.7786 3.23171 16.2219 3.50507 16.4952C3.77844 16.7686 4.22166 16.7686 4.49502 16.4952L10 10.9902L15.505 16.4952C15.7783 16.7686 16.2216 16.7686 16.4949 16.4952C16.7683 16.2219 16.7683 15.7786 16.4949 15.5053L10.9899 10.0003L16.495 4.49527C16.7683 4.2219 16.7683 3.77869 16.495 3.50532C16.2216 3.23195 15.7784 3.23195 15.505 3.50532L10 9.01034L4.49497 3.50532Z" ></path> </svg> </button> </div> <div class="header__container"> <ul class="megamenu__menu"> <li class="megamenu__item"> <div class="megamenu__title"> Internet </div> <div class="megamenu__title--mobile"> Internet </div> <ul class="submenu"> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/internet-na-doma" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItem.17"> Overenie dostupnosti </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/optika" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItem.18"> O2 Internet optikou </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/online-ziak" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItem.19"> Online žiak O2 Internet optikou </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/ponuka/pre-domacnost/internet-na-doma/vykupenie-z-viazanosti" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItem.20"> Vykúpenie z viazanosti </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> </ul> </li> <li class="megamenu__item"> <div class="megamenu__title"> TelevÃzia </div> <div class="megamenu__title--mobile"> TelevÃzia </div> <ul class="submenu"> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/ponuka/pre-domacnost/o2-tv" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItem.21"> O2 TV </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/ponuka/pre-domacnost/o2-tv#porovnanieo2tv" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItem.22"> Zoznam stanÃc </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/podpora/centrum-podpory/o2tv/navody-a-dokumenty" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItem.23"> Návody a dokumenty </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> </ul> </li> <li class="megamenu__item"> <div class="megamenu__title"> Podpora </div> <div class="megamenu__title--mobile"> Podpora </div> <ul class="submenu"> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/podpora/centrum-podpory/o2-internet-na-doma/navody" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItem.24"> O2 Internet vzduchom </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/podpora/centrum-podpory/o2-internet-optikou" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItem.25"> O2 Internet optikou </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/podpora/centrum-podpory/o2tv" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItem.26"> O2 TV </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> </ul> </li> </ul> </div> </section> </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="menu__item menu-item-has-children" data-controller="megamenu"> <button type="button" class="menu__button" aria-expanded="false" aria-controls="megamenu-/ponuka/telefony-a-zariadenia" data-megamenu-target="button" data-action="click->
13megamenu#toggleMegamenu" data-testid="mainNavigation.menuItem.6" > Telefóny a zariadenia </button> <section id="megamenu-/ponuka/telefony-a-zariadenia" class="megamenu" data-megamenu-target="megamenu" aria-label="Navigácia druhej úrovne"> <!-- TOP SUBMENU only MOBILE --> <div class="menu__head-mobile" data-header-target="mobileMenuHead"> <button type="button" class="back-button" data-header-target="goBack" data-action="click->header#goBackClicked" data-testid="header.topMenuMobileBack.button" aria-label="Späť na úroveŠvyššie" > <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true" focusable="false" width="18px" height="18px" > <path fill-rule="evenodd" clip-rule="evenodd" d="M6.00971 10.4544C5.75866 10.2034 5.75866 9.79634 6.00971 9.54529L12.4383 3.11672C12.6893 2.86567 13.0964 2.86567 13.3474 3.11672C13.5985 3.36777 13.5985 3.77481 13.3474 4.02586L7.37342 9.99986L13.3474 15.9739C13.5985 16.2249 13.5985 16.6319 13.3474 16.883C13.0964 17.1341 12.6893 17.1341 12.4383 16.883L6.00971 10.4544Z" ></path> </svg> Späť </button> <button type="button" class="close-button" data-header-target="closeMenu" data-action="click->header#closeMenuClicked" data-testid="header.topMenuMobileClose.button" aria-label="Zavrieť menu" > <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true" focusable="false" width="18px" height="18px" > <path fill-rule="evenodd" clip-rule="evenodd" d="M4.49497 3.50532C4.22161 3.23195 3.77839 3.23195 3.50503 3.50532C3.23166 3.77869 3.23166 4.2219 3.50503 4.49527L9.01005 10.0003L3.50507 15.5053C3.23171 15.7786 3.23171 16.2219 3.50507 16.4952C3.77844 16.7686 4.22166 16.7686 4.49502 16.4952L10 10.9902L15.505 16.4952C15.7783 16.7686 16.2216 16.7686 16.4949 16.4952C16.7683 16.2219 16.7683 15.7786 16.4949 15.5053L10.9899 10.0003L16.495 4.49527C16.7683 4.2219 16.7683 3.77869 16.495 3.50532C16.2216 3.23195 15.7784 3.23195 15.505 3.50532L10 9.01034L4.49497 3.50532Z" ></path> </svg> </button> </div> <div class="header__container"> <ul class="megamenu__menu megamenu__menu--no-gap megamenu__menu--no-pad"> <li class="menu__title"> <a href="https://www.o2.sk/ponuka/telefony-a-zariadenia"> Telefóny a zariadenia <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true" focusable="false" width="20px" height="20px" > <path fill-rule="evenodd" clip-rule="evenodd" d="M13.9903 9.54557C14.2413 9.79662 14.2413 10.2037 13.9903 10.4547L7.56171 16.8833C7.31066 17.1343 6.90363 17.1343 6.65258 16.8833C6.40152 16.6322 6.40152 16.2252 6.65258 15.9741L12.6266 10.0001L6.65258 4.02614C6.40152 3.77509 6.40153 3.36805 6.65258 3.117C6.90363 2.86595 7.31066 2.86595 7.56171 3.117L13.9903 9.54557Z" ></path> </svg> </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="megamenu__item megamenu__item-has-submenu"> <div class="megamenu__title"> <a href="https://www.o2.sk/e-shop/produkty/telefony" class="megamenu__link" data-testid="mainNavigation.megaMenu.title.7"> Telefóny <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true" focusable="false" width="20px" height="20px" > <path fill-rule="evenodd" clip-rule="evenodd" d="M13.9903 9.54557C14.2413 9.79662 14.2413 10.2037 13.9903 10.4547L7.56171 16.8833C7.31066 17.1343 6.90363 17.1343 6.65258 16.8833C6.40152 16.6322 6.40152 16.2252 6.65258 15.9741L12.6266 10.0001L6.65258 4.02614C6.40152 3.77509 6.40153 3.36805 6.65258 3.117C6.90363 2.86595 7.31066 2.86595 7.56171 3.117L13.9903 9.54557Z" ></path> </svg> </a> </div> <button type="button" class="mobile-button" data-action="click->header#submenuInnerTargetClicked" data-testid="mainNavigation.megaMenu.subMenuOpener.7"> Telefóny </button> <ul class="submenu--inner" data-header-target="submenuInner" aria-label="Navigácia tretej úrovne"> <li class="menu__title"> <a href="https://www.o2.sk/e-shop/produkty/telefony"> Telefóny <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true" focusable="false" width="20px" height="20px" > <path fill-rule="evenodd" clip-rule="evenodd" d="M13.9903 9.54557C14.2413 9.79662 14.2413 10.2037 13.9903 10.4547L7.56171 16.8833C7.31066 17.1343 6.90363 17.1343 6.65258 16.8833C6.40152 16.6322
136.40152 16.2252 6.65258 15.9741L12.6266 10.0001L6.65258 4.02614C6.40152 3.77509 6.40153 3.36805 6.65258 3.117C6.90363 2.86595 7.31066 2.86595 7.56171 3.117L13.9903 9.54557Z" ></path> </svg> </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/e-shop/produkty/druhe-zariadenie-so-zlavou-50-a-viac" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItem.27"> Náš TIP <div class="o2-navigation__badge o2-navigation__badge--small o2-navigation__badge--"> Zľavy </div> </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/e-shop/produkty/telefony-apple" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItem.28"> Apple </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/e-shop/produkty/telefony-samsung" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItem.29"> Samsung </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/e-shop/produkty/telefony-xiaomi" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItem.30"> Xiaomi </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/e-shop/produkty/telefony-motorola" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItem.31"> Motorola </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/e-shop/produkty/telefony-honor" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItem.32"> Honor </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/e-shop/produkty/telefony-google-pixel" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItem.33"> Google Pixel </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> </ul> </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="megamenu__item megamenu__item-has-submenu"> <div class="megamenu__title"> Smart zariadenia </div> <button type="button" class="mobile-button" data-action="click->header#submenuInnerTargetClicked" data-testid="mainNavigation.megaMenu.subMenuOpener.8"> Smart zariadenia </button> <ul class="submenu--inner" data-header-target="submenuInner" aria-label="Navigácia tretej úrovne"> <li class="menu__title"> Smart zariadenia </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/e-shop/produkty/connect" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItem.34"> O2 Connect <div class="o2-navigation__badge o2-navigation__badge--small o2-navigation__badge--"> Novinka </div> </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/e-shop/produkty/smart-hodinky" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItem.35"> Smart hodinky </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/e-shop/produkty/smart-hodinky-detske" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItem.36"> Detské hodinky </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/e-shop/produkty/tablety" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItem.37"> Tablety a iPady </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/e-shop/produkty/notebooky" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItem.38"> Notebooky </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/e-shop/produkty/kolobezky" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItem.39"> eKolobežky </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> </ul> </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="megamenu__item megamenu__item-has-submenu"> <div class="megamenu__title"> <a href="https://www.o2.sk/e-shop/produkty/domacnost-a-smart-home" class="megamenu__link" data-testid="mainNavigation.megaMenu.title.9"> Domácnosť <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true" focusable="false" width="20px" height="20px" > <path fill-rule="evenodd" clip-rule="evenodd" d="M13.9903 9.54557C14.2413 9.79662 14.2413 10.2037 13.9903 10.4547L7.56171 16.8833C7.31066 17.1343 6.90363 17.1343 6.65258 16.8833C6.40152 16.6322
136.40152 16.2252 6.65258 15.9741L12.6266 10.0001L6.65258 4.02614C6.40152 3.77509 6.40153 3.36805 6.65258 3.117C6.90363 2.86595 7.31066 2.86595 7.56171 3.117L13.9903 9.54557Z" ></path> </svg> </a> </div> <button type="button" class="mobile-button" data-action="click->header#submenuInnerTargetClicked" data-testid="mainNavigation.megaMenu.subMenuOpener.9"> DomácnosÅ¥ </button> <ul class="submenu--inner" data-header-target="submenuInner" aria-label="Navigácia tretej úrovne"> <li class="menu__title"> <a href="https://www.o2.sk/e-shop/produkty/domacnost-a-smart-home"> DomácnosÅ¥ <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true" focusable="false" width="20px" height="20px" > <path fill-rule="evenodd" clip-rule="evenodd" d="M13.9903 9.54557C14.2413 9.79662 14.2413 10.2037 13.9903 10.4547L7.56171 16.8833C7.31066 17.1343 6.90363 17.1343 6.65258 16.8833C6.40152 16.6322 6.40152 16.2252 6.65258 15.9741L12.6266 10.0001L6.65258 4.02614C6.40152 3.77509 6.40153 3.36805 6.65258 3.117C6.90363 2.86595 7.31066 2.86595 7.56171 3.117L13.9903 9.54557Z" ></path> </svg> </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/e-shop/produkty/smart-tv" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItem.40"> TelevÃzory </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/e-shop/produkty/smart-vysavace" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItem.41"> VysávaÄe </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/e-shop/produkty/zdravie" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItem.42"> Zdravie a osobná starostlivosÅ¥ </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/e-shop/produkty/kamery-a-doplnky" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItem.43"> Kamery </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/e-shop/produkty/soundbar" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItem.44"> Soundbary </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/e-shop/produkty/herne-konzoly" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItem.45"> Herné zariadenia </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/e-shop/produkty/internet-a-tv" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItem.46"> PrÃsluÅ¡enstvo TV a internet </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> </ul> </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="megamenu__item megamenu__item-has-submenu"> <div class="megamenu__title"> <a href="https://www.o2.sk/e-shop/produkty/prislusenstvo" class="megamenu__link" data-testid="mainNavigation.megaMenu.title.10"> PrÃsluÅ¡enstvo <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true" focusable="false" width="20px" height="20px" > <path fill-rule="evenodd" clip-rule="evenodd" d="M13.9903 9.54557C14.2413 9.79662 14.2413 10.2037 13.9903 10.4547L7.56171 16.8833C7.31066 17.1343 6.90363 17.1343 6.65258 16.8833C6.40152 16.6322 6.40152 16.2252 6.65258 15.9741L12.6266 10.0001L6.65258 4.02614C6.40152 3.77509 6.40153 3.36805 6.65258 3.117C6.90363 2.86595 7.31066 2.86595 7.56171 3.117L13.9903 9.54557Z" ></path> </svg> </a> </div> <button type="button" class="mobile-button" data-action="click->header#submenuInnerTargetClicked" data-testid="mainNavigation.megaMenu.subMenuOpener.10"> PrÃsluÅ¡enstvo </button> <ul class="submenu--inner" data-header-target="submenuInner" aria-label="Navigácia tretej úrovne"> <li class="menu__title"> <a href="https://www.o2.sk/e-shop/produkty/prislusenstvo"> PrÃsluÅ¡enstvo <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true" focusable="false" width="20px" height="20px" > <path fill-rule="evenodd" clip-rule="evenodd" d="M13.9903 9.54557C14.2413 9.79662 14.2413 10.2037 13.9903 10.4547L7.56171 16.8833C7.31066 17.1343 6.90363 17.1343 6.65258 16.8833C6.40152 16.6322
136.40152 16.2252 6.65258 15.9741L12.6266 10.0001L6.65258 4.02614C6.40152 3.77509 6.40153 3.36805 6.65258 3.117C6.90363 2.86595 7.31066 2.86595 7.56171 3.117L13.9903 9.54557Z" ></path> </svg> </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/e-shop/produkty/o2-kolekcia-prislusenstva" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItem.47"> O2 Kolekcia <div class="o2-navigation__badge o2-navigation__badge--small o2-navigation__badge--"> Zľavy </div> </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/e-shop/produkty/vypredaj-za-1-euro" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItem.48"> Výpredaj <div class="o2-navigation__badge o2-navigation__badge--small o2-navigation__badge--"> Za 1 ⬠</div> </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/e-shop/produkty/ochranne-skla-a-folie" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItem.49"> Ochranné sklá a fólie </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/e-shop/produkty/puzdra" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItem.50"> Puzdrá a obaly </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/e-shop/produkty/nabijanie" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItem.51"> NabÃjanie </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/e-shop/produkty/bezdrotove-sluchadla" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItem.52"> Slúchadlá </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/e-shop/produkty/reproduktory" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItem.53"> Reproduktory </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/e-shop/produkty/kable" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItem.54"> Káble a redukcie </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> </ul> </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="megamenu__item megamenu__item-has-submenu"> <div class="megamenu__title"> PreÄo O2? </div> <button type="button" class="mobile-button" data-action="click->header#submenuInnerTargetClicked" data-testid="mainNavigation.megaMenu.subMenuOpener.11"> PreÄo O2? </button> <ul class="submenu--inner" data-header-target="submenuInner" aria-label="Navigácia tretej úrovne"> <li class="menu__title"> PreÄo O2? </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/vykup" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItem.55"> Výkup telefónov </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/ponuka/telefony-a-zariadenia/esim" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItem.56"> eSIM podpora </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/ponuka/telefony-a-zariadenia/o2poistka" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItem.57"> O2 Poistka </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> </ul> </li> </ul> </div> </section> </li> <li class="separator" aria-hidden="true"> <hr /> </li> </ul> <!-- MOJE O2 (only mobile) --> <!-- MOJE O2 (show only mobile) --> <div class="menu__title">ZákaznÃcka zóna</div> <ul class="menu__list-mobile" data-header-target="menuMain" data-action="click->header#menuMainTargetClicked"> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="menu__item menu-item-has-children" data-controller="megamenu"> <button type="button" class="mobile-button" aria-expanded="false" aria-controls="megamenu-user-mmobile" data-megamenu-target="button" data-action="click->
13megamenu#toggleMegamenu" data-testid="header.userButtonMobile" aria-label="OtvoriÅ¥ menu"> Moje O2 </button> <section id="megamenu-user-mmobile" class="megamenu" data-megamenu-target="megamenu"> <!-- TOP SUBMENU only MOBILE --> <div class="menu__head-mobile" data-header-target="mobileMenuHead"> <nav class="top-mobile" data-controller="topmenu" aria-label="Výber medzi osobnými a firemnými ponukami"> <ul class="top-mobile__list"> <li class="top-mobile__item"> <a href="/" class="top-mobile__link" data-action="click->topmenu#activate" data-topmenu-target="linkMobile" data-testid="header.topMenuMobile.link.1"> Osobné </a> </li> <li class="top-mobile__item"> <a href="/ponuka/biznis-riesenia/pre-vas-biznis" class="top-mobile__link top-mobile__link--active" data-action="click->topmenu#activate" data-topmenu-target="linkMobile" data-testid="header.topMenuMobile.link.2"> Podnikatelia a firmy </a> </li> </ul> </nav> <button type="button" class="close-button" data-header-target="closeMenu" data-action="click->header#closeMenuClicked" data-testid="header.topMenuMobileClose.button" aria-label="ZavrieÅ¥ menu"> <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true" focusable="false" width="18px" height="18px" > <path fill-rule="evenodd" clip-rule="evenodd" d="M4.49497 3.50532C4.22161 3.23195 3.77839 3.23195 3.50503 3.50532C3.23166 3.77869 3.23166 4.2219 3.50503 4.49527L9.01005 10.0003L3.50507 15.5053C3.23171 15.7786 3.23171 16.2219 3.50507 16.4952C3.77844 16.7686 4.22166 16.7686 4.49502 16.4952L10 10.9902L15.505 16.4952C15.7783 16.7686 16.2216 16.7686 16.4949 16.4952C16.7683 16.2219 16.7683 15.7786 16.4949 15.5053L10.9899 10.0003L16.495 4.49527C16.7683 4.2219 16.7683 3.77869 16.495 3.50532C16.2216 3.23195 15.7784 3.23195 15.505 3.50532L10 9.01034L4.49497 3.50532Z" ></path> </svg> </button> </div> <div class="header__container"> <ul class="megamenu__menu"> <li class="megamenu__item megamenu__item--box"> <div class="box"> <div class="box__content"> <div class="box__title"> ZákaznÃcka zóna Moje O2 </div> <p class="box__text"> Majte prehľad o svojom ÄÃsle na jednom mieste. Stiahnite si <a href="/aplikacia" data-testid="header.myO2app.link">O2 aplikáciu</a> pre eÅ¡te jednoduchÅ¡iu správu. </p> </div> <button class="o2-navigation__button o2-navigation__button--filled o2-navigation__button--primary o2-navigation__button--full-width" data-testid="header.myO2.loginMobile" onclick="Authentication.authenticate();return false;" > PrihlásiÅ¥ sa </button> </div> </li> <li class="megamenu__item"> <div class="megamenu__title"> <a href="https://www.o2.sk/moje-o2/spotreba" class="megamenu__link" data-testid="mainNavigation.megaMenu.titleMobile.12"> Spotreba a kredit <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true" focusable="false" width="18px" height="18px" > <path fill-rule="evenodd" clip-rule="evenodd" d="M13.9903 9.54557C14.2413 9.79662 14.2413 10.2037 13.9903 10.4547L7.56171 16.8833C7.31066 17.1343 6.90363 17.1343 6.65258 16.8833C6.40152 16.6322 6.40152 16.2252 6.65258 15.9741L12.6266 10.0001L6.65258 4.02614C6.40152 3.77509 6.40153 3.36805 6.65258 3.117C6.90363 2.86595 7.31066 2.86595 7.56171 3.117L13.9903 9.54557Z" ></path> </svg> </a> </div> <div class="megamenu__title--mobile"> <a href="https://www.o2.sk/moje-o2/spotreba" class="megamenu__link" data-testid="mainNavigation.megaMenu.titleMobile.12"> Spotreba a kredit <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true" focusable="false" width="18px" height="18px" > <path fill-rule="evenodd" clip-rule="evenodd" d="M13.9903 9.54557C14.2413 9.79662 14.2413 10.2037 13.9903 10.4547L7.56171 16.8833C7.31066 17.1343 6.90363 17.1343 6.65258 16.8833C6.40152 16.6322 6.40152 16.2252 6.65258 15.9741L12.6266 10.0001L6.65258 4.02614C6.40152 3.77509 6.40153 3.36805 6.65258 3.117C6.90363 2.86595 7.31066 2.86595 7.56171 3.117L13.9903 9.54557Z" ></path> </svg> </a> </div> <ul class="submenu"> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/moje-o2/spotreba/aktualna-spotreba" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItemMobile.58"> Aktuálna spotreba </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/moje-o2/kredit" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItemMobile.59"> Dobitie kreditu </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/moje-o2/dokumenty-a-faktury/zoznam-faktur" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItemMobile.60"> Faktúry </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/moje-o2/moj-profil/zoznam-mandatov" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItemMobile.61"> SEPA inkaso </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/moje-o2/balicky-a-sluzby/zariadenia-na-splatky" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItemMobile.62"> Zariadenie na splátky </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> </ul> </li> <li class="megamenu__item"> <div class="megamenu__title"> Objednávky a e-shop </div> <div class="megamenu__title--mobile"> Objednávky a e-shop </div> <ul class="submenu"> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/moje-o2/ine-sluzby/stav-objednavky" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItemMobile.63"> Stav objednávky </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/moje-o2/ine-sluzby/uplatnenie-zlavoveho-kodu" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItemMobile.64"> Uplatnenie zľavového kódu </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/moje-o2/uplatnenie-preukazu" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItemMobile.65"> Uplatnenie preukazu ISIC/ITIC/EURO<26 </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/reklamacia-tovaru" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItemMobile.66"> Reklamácia tovaru </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/staznosti-a-vratenie-tovaru" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItemMobile.67"> Vrátenie tovaru </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> </ul> </li> <li class="megamenu__item"> <div class="megamenu__title"> Prvé spustenie </div> <div class="megamenu__title--mobile"> Prvé spustenie </div> <ul class="submenu"> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/moje-o2/ine-sluzby/aktivacia-sim-karty" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItemMobile.68"> Aktivácia SIM karty </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/ponuka/mobilne-sluzby/prenos-cisla" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItemMobile.69"> Prenos ÄÃsla </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/moje-o2/ine-sluzby/pomoc" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItemMobile.70"> Pomoc </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/prevod-cisla-na-zakaznika" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItemMobile.71">
13 Prevod ÄÃsla na zákaznÃka </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> </ul> </li> <li class="megamenu__item"> <div class="megamenu__title"> <a href="https://www.o2.sk/moje-o2/moj-profil" class="megamenu__link" data-testid="mainNavigation.megaMenu.titleMobile.15"> Môj profil <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true" focusable="false" width="18px" height="18px" > <path fill-rule="evenodd" clip-rule="evenodd" d="M13.9903 9.54557C14.2413 9.79662 14.2413 10.2037 13.9903 10.4547L7.56171 16.8833C7.31066 17.1343 6.90363 17.1343 6.65258 16.8833C6.40152 16.6322 6.40152 16.2252 6.65258 15.9741L12.6266 10.0001L6.65258 4.02614C6.40152 3.77509 6.40153 3.36805 6.65258 3.117C6.90363 2.86595 7.31066 2.86595 7.56171 3.117L13.9903 9.54557Z" ></path> </svg> </a> </div> <div class="megamenu__title--mobile"> <a href="https://www.o2.sk/moje-o2/moj-profil" class="megamenu__link" data-testid="mainNavigation.megaMenu.titleMobile.15"> Môj profil <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true" focusable="false" width="18px" height="18px" > <path fill-rule="evenodd" clip-rule="evenodd" d="M13.9903 9.54557C14.2413 9.79662 14.2413 10.2037 13.9903 10.4547L7.56171 16.8833C7.31066 17.1343 6.90363 17.1343 6.65258 16.8833C6.40152 16.6322 6.40152 16.2252 6.65258 15.9741L12.6266 10.0001L6.65258 4.02614C6.40152 3.77509 6.40153 3.36805 6.65258 3.117C6.90363 2.86595 7.31066 2.86595 7.56171 3.117L13.9903 9.54557Z" ></path> </svg> </a> </div> <ul class="submenu"> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/moje-o2/balicky-a-sluzby/o2-spolu" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItemMobile.72"> Skupina O2 Spolu </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/poistenie-zariadeni-redirect" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItemMobile.73"> Poistenie zariadenà </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/moje-o2/moj-profil/prehlad-cisel" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItemMobile.74"> Prehľad ÄÃsel </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/moje-o2/moj-profil/zmluvne-udaje" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItemMobile.75"> Osobné a zmluvné údaje </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/moje-o2/moj-profil/bezpecnost-a-overenie" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItemMobile.76"> BezpeÄnosÅ¥ a overenie </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/moje-o2/dokumenty-a-faktury/zoznam-faktur#dokumenty" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItemMobile.77"> Dokumenty </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/moje-o2/moj-profil/sprava-opravneni" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItemMobile.78"> Správa oprávnenà </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> </ul> </li> </ul> </div> </section> </li> <li class="separator" aria-hidden="true"> <hr /> </li> </ul></nav> </nav> </div> <div class="control"> <ul class="control__list"> <li class="control__item" data-controller="megamenu"> <button type="button" class="icon-button icon-button--search" aria-expanded="false" aria-controls="megamenu-search" data-megamenu-target="button" data-action="click->megamenu#toggleMegamenu" data-testid="header.toggleSearchMegamenu.button" aria-label="ZobraziÅ¥ sekciu vyhľadávania"> <svg xmlns="http://www.w3.org/2000/svg" fill="#ffffff" viewBox="0 0 20 20" aria-hidden="true" focusable="false" width="18px" height="18px"> <path fill-rule="evenodd" clip-rule="evenodd" d="M13.2143 8.23221C13.2143 10.9838 10.9837 13.2144 8.23215 13.2144C5.48059 13.2144 3.25001 10.9838 3.25001 8.23221C3.25001 5.48065 5.48059 3.25007 8.23215 3.25007C10.9837 3.25007 13.2143 5.48065 13.2143 8.23221ZM12.1864 13.0956C11.1077 13.9737 9.73142 14.5001 8.23215 14.5001C4.77051 14.5001 1.96429 11.6939 1.96429 8.23221C1.96429 4.77057 4.77051 1.96436 8.23215 1.96436C11.6938 1.96436 14.5 4.77057 14.5 8.23221C14.5 9.7315 13.9736 11.1078 13.0955 12.1865L17.8474 16.9384C18.0985 17.1895 18.0985 17.5965 17.8474 17.8475C17.5964 18.0986 17.1893 18.0986 16.9383 17.8475L12.1864 13.0956Z"></path> </svg> </button> <section id="megamenu-search" class="megamenu--search" data-megamenu-target="megamenu" data-header-target="closeSearch"> <div class="search-head-mobile" data-header-target="mobileSearchHead"> <button type="button" class="close-button" data-action="click->
13header#closeSearchClicked" data-testid="header.closeSearchMegamenu.button" aria-label="ZavrieÅ¥ sekciu vyhľadávania"> <svg xmlns="http://www.w3.org/2000/svg" fill="#00001e" viewBox="0 0 20 20" aria-hidden="true" focusable="false" width="18px" height="18px"> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.49497 3.50532C4.22161 3.23195 3.77839 3.23195 3.50503 3.50532C3.23166 3.77869 3.23166 4.2219 3.50503 4.49527L9.01005 10.0003L3.50507 15.5053C3.23171 15.7786 3.23171 16.2219 3.50507 16.4952C3.77844 16.7686 4.22166 16.7686 4.49502 16.4952L10 10.9902L15.505 16.4952C15.7783 16.7686 16.2216 16.7686 16.4949 16.4952C16.7683 16.2219 16.7683 15.7786 16.4949 15.5053L10.9899 10.0003L16.495 4.49527C16.7683 4.2219 16.7683 3.77869 16.495 3.50532C16.2216 3.23195 15.7784 3.23195 15.505 3.50532L10 9.01034L4.49497 3.50532Z"></path> </svg> </button> </div> <div class="header__container"> <div class="megamenu__menu--full"> <div class="search-layout" data-controller="navigation-search"> <div id="master-search-input" role="combobox"> <div class="o2-navigation__input-group"> <div class="o2-navigation__input-container"> <div class="prefix"> <svg xmlns="http://www.w3.org/2000/svg" fill="#5A6C87" viewBox="0 0 20 20" aria-hidden="true" focusable="false" width="20px" height="20px"> <path fill-rule="evenodd" clip-rule="evenodd" d="M13.2143 8.23221C13.2143 10.9838 10.9837 13.2144 8.23215 13.2144C5.48059 13.2144 3.25001 10.9838 3.25001 8.23221C3.25001 5.48065 5.48059 3.25007 8.23215 3.25007C10.9837 3.25007 13.2143 5.48065 13.2143 8.23221ZM12.1864 13.0956C11.1077 13.9737 9.73142 14.5001 8.23215 14.5001C4.77051 14.5001 1.96429 11.6939 1.96429 8.23221C1.96429 4.77057 4.77051 1.96436 8.23215 1.96436C11.6938 1.96436 14.5 4.77057 14.5 8.23221C14.5 9.7315 13.9736 11.1078 13.0955 12.1865L17.8474 16.9384C18.0985 17.1895 18.0985 17.5965 17.8474 17.8475C17.5964 18.0986 17.1893 18.0986 16.9383 17.8475L12.1864 13.0956Z"></path> </svg> </div> <input 14 class="o2-navigation__input o2-navigation__input--has-prefix o2-navigation__input--has-suffix" 15 name="search" 16 aria-label="NapÃÅ¡te, Äo hľadáte" 17 autocapitalize="off" 18 autocomplete="off" 19 autocorrect="off" 20 placeholder="NapÃÅ¡te, Äo hľadáte" 21 type="text" 22 data-navigation-search-target="input" 23 data-testid="header.search.input" /> <div class="suffix"> <div class="suffix__icon"> <button type="button" aria-label="VyprázdniÅ¥ pole" data-navigation-search-target="button" data-action="click->navigation-search#handleClearBtn" data-testid="master-search-input-clear-button"> <svg xmlns="http://www.w3.org/2000/svg" fill="#0050ff" viewBox="0 0 20 20" aria-hidden="true" focusable="false" width="20px" height="20px"> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.49497 3.50532C4.22161 3.23195 3.77839 3.23195 3.50503 3.50532C3.23166 3.77869 3.23166 4.2219 3.50503 4.49527L9.01005 10.0003L3.50507 15.5053C3.23171 15.7786 3.23171 16.2219 3.50507 16.4952C3.77844 16.7686 4.22166 16.7686 4.49502 16.4952L10 10.9902L15.505 16.4952C15.7783 16.7686 16.2216 16.7686 16.4949 16.4952C16.7683 16.2219 16.7683 15.7786 16.4949 15.5053L10.9899 10.0003L16.495 4.49527C16.7683 4.2219 16.7683 3.77869 16.495 3.50532C16.2216 3.23195 15.7784 3.23195 15.505 3.50532L10 9.01034L4.49497 3.50532Z"></path> </svg> </button> </div> </div> </div> </div> </div> <button class="o2-navigation__button o2-navigation__button--filled o2-navigation__button--primary lb-search-button" type="submit" data-testid="header.searchSubmit.button" aria-label="NapÃÅ¡te, Äo hľadáte" data-action=""> VyhľadaÅ¥ </button> </div> <div class="quick-access"> <div class="quick-access__title"> Rýchly prÃstup </div> <ul class="quick-access__list"> <li class="quick-access__item"> <a href="/podpora/centrum-podpory" class="quick-access__link" data-testid="header.search.quickAccessItem.1"> Centrum podpory <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true" focusable="false" width="18px" height="18px"> <path fill-rule="evenodd" clip-rule="evenodd" d="M13.9903 9.54557C14.2413 9.79662 14.2413 10.2037 13.9903 10.4547L7.56171 16.8833C7.31066 17.1343 6.90363 17.1343 6.65258 16.8833C6.40152 16.6322
236.40152 16.2252 6.65258 15.9741L12.6266 10.0001L6.65258 4.02614C6.40152 3.77509 6.40153 3.36805 6.65258 3.117C6.90363 2.86595 7.31066 2.86595 7.56171 3.117L13.9903 9.54557Z"></path> </svg> </a> </li> <li class="quick-access__item"> <a href="/podpora/centrum-podpory/kontakty/o2-predajne" class="quick-access__link" data-testid="header.search.quickAccessItem.2"> O2 Predajne <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true" focusable="false" width="16px" height="16px"> <path fill-rule="evenodd" clip-rule="evenodd" d="M13.9903 9.54557C14.2413 9.79662 14.2413 10.2037 13.9903 10.4547L7.56171 16.8833C7.31066 17.1343 6.90363 17.1343 6.65258 16.8833C6.40152 16.6322 6.40152 16.2252 6.65258 15.9741L12.6266 10.0001L6.65258 4.02614C6.40152 3.77509 6.40153 3.36805 6.65258 3.117C6.90363 2.86595 7.31066 2.86595 7.56171 3.117L13.9903 9.54557Z"></path> </svg> </a> </li> <li class="quick-access__item"> <a href="/podpora/siet-a-pokrytie/mapa-dostupnosti-sluzieb-o2" class="quick-access__link" data-testid="header.search.quickAccessItem.3"> Mapa dostupnosti služieb O2 <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true" focusable="false" width="16px" height="16px"> <path fill-rule="evenodd" clip-rule="evenodd" d="M13.9903 9.54557C14.2413 9.79662 14.2413 10.2037 13.9903 10.4547L7.56171 16.8833C7.31066 17.1343 6.90363 17.1343 6.65258 16.8833C6.40152 16.6322 6.40152 16.2252 6.65258 15.9741L12.6266 10.0001L6.65258 4.02614C6.40152 3.77509 6.40153 3.36805 6.65258 3.117C6.90363 2.86595 7.31066 2.86595 7.56171 3.117L13.9903 9.54557Z"></path> </svg> </a> </li> <li class="quick-access__item"> <a href="/podpora/centrum-podpory/kontakty" class="quick-access__link" data-testid="header.search.quickAccessItem.4"> Kontakty <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true" focusable="false" width="16px" height="16px"> <path fill-rule="evenodd" clip-rule="evenodd" d="M13.9903 9.54557C14.2413 9.79662 14.2413 10.2037 13.9903 10.4547L7.56171 16.8833C7.31066 17.1343 6.90363 17.1343 6.65258 16.8833C6.40152 16.6322 6.40152 16.2252 6.65258 15.9741L12.6266 10.0001L6.65258 4.02614C6.40152 3.77509 6.40153 3.36805 6.65258 3.117C6.90363 2.86595 7.31066 2.86595 7.56171 3.117L13.9903 9.54557Z"></path> </svg> </a> </li> </ul> </div> </div> </div> </section> </li> <li class="control__item"> <a href="/e-shop/kosik" class="icon-link" data-testid="header.checkout.link" aria-label="Nákupný koÅ¡Ãk" aria-describedby="header-cart-items-count"> <svg xmlns="http://www.w3.org/2000/svg" fill="#ffffff" viewBox="0 0 20 20" aria-hidden="true" focusable="false" width="18px" height="18px" > <path fill-rule="evenodd" clip-rule="evenodd" d="M1.64286 1C1.28782 1 1 1.28782 1 1.64286C1 1.9979 1.28782 2.28571 1.64286 2.28571H2.08256C2.37821 2.28571 2.63574 2.48736 2.70665 2.77438L5.66761 14.7592C4.82471 15.0283 4.21429 15.8178 4.21429 16.7499C4.21429 17.9038 5.1497 18.8392 6.30358 18.8392C7.45746 18.8392 8.39287 17.9038 8.39287 16.7499C8.39287 16.4652 8.33591 16.1938 8.23277 15.9464H13.6958C13.5927 16.1938 13.5357 16.4652 13.5357 16.7499C13.5357 17.9038 14.4711 18.8392 15.625 18.8392C16.7789 18.8392 17.7143 17.9038 17.7143 16.7499C17.7143 15.596 16.7789 14.6606 15.625 14.6606C15.6192 14.6606 15.6135 14.6607 15.6078 14.6607H6.96765L6.41182 12.4109L16.6104 12.4109L18.9946 2.76807L4.02946 2.76807L3.95484 2.46601C3.74211 1.60495 2.96951 1 2.08256 1H1.64286ZM4.34711 4.05378L6.09417 11.1252L15.6039 11.1252L17.3523 4.05378L4.34711 4.05378ZM15.6143 15.9464H15.625V15.9464C16.0688 15.9464 16.4286 16.3061 16.4286 16.7499C16.4286 17.1937 16.0688 17.5535 15.625 17.5535C15.1812 17.5535 14.8214 17.1937 14.8214 16.7499C14.8214 16.3097 15.1754 15.9521 15.6143 15.9464ZM6.29289 15.9464H6.31427C6.75314 15.9521 7.10715 16.3097 7.10715 16.7499C7.10715 17.1937 6.74738 17.5535 6.30358 17.5535C5.85978 17.5535 5.50001 17.1937 5.50001 16.7499C5.50001 16.3097 5.85402 15.9521 6.29289 15.9464Z" ></path> </svg> <span class="badge-count badge--cart-items d-none" id="header-cart-items-count" title="PoÄet položiek v nákupnom koÅ¡Ãku">0</span> </a> </li>
23 <li class="separator--vertical"> <hr /> </li> <li class="control__item" data-controller="megamenu"> <!-- MOJE O2 (only desktop) --> <button type="button" class="user-button" aria-expanded="false" aria-controls="megamenu-user" aria-label="ZobraziÅ¥ navigáciu pre sekciu Moje O2" data-megamenu-target="button" data-action="click->megamenu#toggleMegamenu" data-testid="header.userButton"> Moje O2 </button> <section id="megamenu-user" class="megamenu" data-megamenu-target="megamenu" aria-label="Navigácia druhej úrovne"> <div class="header__container"> <nav> <ul class="megamenu__menu"> <li class="megamenu__item"> <div class="megamenu__title"> <a href="https://www.o2.sk/moje-o2/spotreba" class="megamenu__link" data-testid="mainNavigation.megaMenu.title.16"> Spotreba a kredit <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true" focusable="false" width="19px" height="19px" > <path fill-rule="evenodd" clip-rule="evenodd" d="M13.9903 9.54557C14.2413 9.79662 14.2413 10.2037 13.9903 10.4547L7.56171 16.8833C7.31066 17.1343 6.90363 17.1343 6.65258 16.8833C6.40152 16.6322 6.40152 16.2252 6.65258 15.9741L12.6266 10.0001L6.65258 4.02614C6.40152 3.77509 6.40153 3.36805 6.65258 3.117C6.90363 2.86595 7.31066 2.86595 7.56171 3.117L13.9903 9.54557Z" ></path> </svg> </a> </div> <ul class="submenu"> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/moje-o2/spotreba/aktualna-spotreba" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItem.79"> Aktuálna spotreba </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/moje-o2/kredit" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItem.80"> Dobitie kreditu </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/moje-o2/dokumenty-a-faktury/zoznam-faktur" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItem.81"> Faktúry </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/moje-o2/moj-profil/zoznam-mandatov" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItem.82"> SEPA inkaso </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/moje-o2/balicky-a-sluzby/zariadenia-na-splatky" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItem.83"> Zariadenie na splátky </a> </li> </ul> </li> <li class="megamenu__item"> <div class="megamenu__title"> Objednávky a e-shop </div> <ul class="submenu"> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/moje-o2/ine-sluzby/stav-objednavky" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItem.84"> Stav objednávky </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/moje-o2/ine-sluzby/uplatnenie-zlavoveho-kodu" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItem.85"> Uplatnenie zľavového kódu </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/moje-o2/uplatnenie-preukazu" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItem.86"> Uplatnenie preukazu ISIC/ITIC/EURO<26 </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/reklamacia-tovaru" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItem.87"> Reklamácia tovaru </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/staznosti-a-vratenie-tovaru" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItem.88"> Vrátenie tovaru </a> </li> </ul> </li> <li class="megamenu__item"> <div class="megamenu__title"> Prvé spustenie </div> <ul class="submenu"> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/moje-o2/ine-sluzby/aktivacia-sim-karty" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItem.89"> Aktivácia SIM karty </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/ponuka/mobilne-sluzby/prenos-cisla" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItem.90"> Prenos ÄÃsla </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/moje-o2/ine-sluzby/pomoc" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItem.91"> Pomoc </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/prevod-cisla-na-zakaznika" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItem.92">
23 Prevod ÄÃsla na zákaznÃka </a> </li> </ul> </li> <li class="megamenu__item"> <div class="megamenu__title"> <a href="https://www.o2.sk/moje-o2/moj-profil" class="megamenu__link" data-testid="mainNavigation.megaMenu.title.19"> Môj profil <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true" focusable="false" width="19px" height="19px" > <path fill-rule="evenodd" clip-rule="evenodd" d="M13.9903 9.54557C14.2413 9.79662 14.2413 10.2037 13.9903 10.4547L7.56171 16.8833C7.31066 17.1343 6.90363 17.1343 6.65258 16.8833C6.40152 16.6322 6.40152 16.2252 6.65258 15.9741L12.6266 10.0001L6.65258 4.02614C6.40152 3.77509 6.40153 3.36805 6.65258 3.117C6.90363 2.86595 7.31066 2.86595 7.56171 3.117L13.9903 9.54557Z" ></path> </svg> </a> </div> <ul class="submenu"> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/moje-o2/balicky-a-sluzby/o2-spolu" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItem.93"> Skupina O2 Spolu </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/poistenie-zariadeni-redirect" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItem.94"> Poistenie zariadenà </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/moje-o2/moj-profil/prehlad-cisel" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItem.95"> Prehľad ÄÃsel </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/moje-o2/moj-profil/zmluvne-udaje" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItem.96"> Osobné a zmluvné údaje </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/moje-o2/moj-profil/bezpecnost-a-overenie" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItem.97"> BezpeÄnosÅ¥ a overenie </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/moje-o2/dokumenty-a-faktury/zoznam-faktur#dokumenty" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItem.98"> Dokumenty </a> </li> <li class="separator" aria-hidden="true"> <hr /> </li> <li class="submenu__item"> <a href="https://www.o2.sk/moje-o2/moj-profil/sprava-opravneni" class="submenu__link" data-testid="mainNavigation.megaMenu.submenuItem.99"> Správa oprávnenà </a> </li> </ul> </li> <li class="megamenu__item megamenu__item--box"> <div class="box"> <div class="box__content"> <div class="box__title"> ZákaznÃcka zóna Moje O2 </div> <p class="box__text"> Majte prehľad o svojom ÄÃsle na jednom mieste. Stiahnite si <a href="/aplikacia" data-testid="header.myO2app.link">O2 aplikáciu</a> pre eÅ¡te jednoduchÅ¡iu správu. </p> </div> <button class='o2-navigation__button o2-navigation__button--filled o2-navigation__button--primary o2-navigation__button--full-width' data-testid="header.myO2.login" onclick="Authentication.authenticate();return false;" aria-label="PrihlásiÅ¥ sa do zákaznÃckej zóny Moje O2" > PrihlásiÅ¥ sa </button> </div> </li> </ul> </nav> </div> </section> <button type="button" class="burger-button" data-header-target="menuTrigger" data-action="click->header#menuTriggerClicked" aria-label="OtvoriÅ¥ menu" data-testid="header.menuTrigger.button"> <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true" focusable="false" width="18px" height="18px" > <path fill-rule="evenodd" clip-rule="evenodd" d="M3.89286 4.85693C3.53782 4.85693 3.25 5.14475 3.25 5.49979C3.25 5.85483 3.53782 6.14265 3.89286 6.14265H16.1071C16.4622 6.14265 16.75 5.85483 16.75 5.49979C16.75 5.14475 16.4622 4.85693 16.1071 4.85693H3.89286ZM3.25 9.99979C3.25 9.64475 3.53782 9.35693 3.89286 9.35693H10C10.355 9.35693 10.6429 9.64475 10.6429 9.99979C10.6429 10.3548 10.355 10.6426 10 10.6426H3.89286C3.53782 10.6426 3.25 10.3548 3.25 9.99979ZM3.25 14.4998C3.25 14.1448 3.53782 13.8569 3.89286 13.8569H16.1071C16.4622 13.8569 16.75 14.1448 16.75 14.4998C16.75 14.8548 16.4622 15.1426 16.1071 15.1426H3.8928
236C3.53782 15.1426 3.25 14.8548 3.25 14.4998Z" ></path> </svg> Menu </button> </li> </ul> </div> </div> </div> </header> <!-- HEADER - END --> <main class=" flex-fill" id="content"> <div class="container-fluid"> <div class="12-o2grid-fluid" id="main-content" role="main"> <div class="portlet-layout row" id="layout-grid"> <div class="portlet-column portlet-column-only col-md-12 lfr-column" id="column-1"> <div class="portlet-dropzone portlet-column-content portlet-column-content-only" id="layout-column_column-1"> <div class="portlet-boundary portlet-boundary_com_liferay_journal_content_web_portlet_JournalContentPortlet_ portlet-static portlet-static-end decorate portlet-journal-content " id="p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_HTtvLYB1tPVV_"> <span id="p_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_HTtvLYB1tPVV"></span> <section class="portlet" id="portlet_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_HTtvLYB1tPVV"> <div class="portlet-content"> <div class="autofit-float autofit-row portlet-header"> <div class="autofit-col autofit-col-expand"> <span class="portlet-title-text">Global Assets - Pre váš biznis</span> </div> <div class="autofit-col autofit-col-end"> <div class="autofit-section"> <div class="visible-interaction"> </div> </div> </div> </div> <div class=" portlet-content-container"> <div class="portlet-body"> <div class="" data-fragments-editor-item-id="10060-105458311" data-fragments-editor-item-type="fragments-editor-mapped-item" > <div class="journal-content-article " data-analytics-asset-id="105458309" data-analytics-asset-title="Global Assets - Pre váš biznis" data-analytics-asset-type="web-content"> <style> /* Hacking the styles */ /** * Fixing overflow */ #layout-grid { margin: 0 !important; } #layout-grid > .col-md-12 { padding: 0 !important; } /** * Global breadcrumbs */ .breadcrumbs { margin-top: 12px; } section#content > .container-fluid:first-child, section#content > .container:first-child { padding: 0; } section#content { padding-top: 0 !important; margin-top: 0 !important; background-color: transparent; } section#content { background-color: transparent; } section#content > .container > .container-fluid { padding: 0 !important; overflow-x: hidden; } </style> </div> </div> <div class="asset-links content-metadata-asset-addon-entries mb-4"> <div class="content-metadata-asset-addon-entry content-metadata-asset-addon-entry-links"> </div> </div> </div> </div> </div> </section> </div> <div class="portlet-boundary portlet-boundary_com_liferay_journal_content_web_portlet_JournalContentPortlet_ portlet-static portlet-static-end decorate portlet-journal-content " id="p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_dgXVCDaZni2q_"> <span id="p_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_dgXVCDaZni2q"></span> <section class="portlet" id="portlet_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_dgXVCDaZni2q"> <div class="portlet-content"> <div class="autofit-float autofit-row portlet-header"> <div class="autofit-col autofit-col-expand"> <span class="portlet-title-text">O2 pre váš biznis</span> </div> <div class="autofit-col autofit-col-end"> <div class="autofit-section"> <div class="visible-interaction"> </div> </div> </div> </div> <div class=" portlet-content-container"> <div class="portlet-body"> <div class="" data-fragments-editor-item-id="10060-67331723" data-fragments-editor-item-type="fragments-editor-mapped-item" > <div class="journal-content-article " data-analytics-asset-id="67331721" data-analytics-asset-title="O2 pre váš biznis" data-analytics-asset-type="web-content"> <style> /** * Header transparent menu fix */ header.header { --o2-header-background: transparent; } body:not(.dialog-iframe-root-node):not(.dialog-iframe-popup) { background: url('https://www.o2.sk/documents/2355222/67112276/gradient-bg.png') repeat-x top center !important; } section#content, main#content { background: transparent !important; } section#content { padding-bottom: 0 !important; } section#content .container-fluid { overflow: hidden; } .breadcrumbs { position: relative; max-width: 972px; margin: 0 auto; z-index: 1; } #hrefFm { margin: 0 auto; } .section { position: relative; } .section-header .container { position: relative; } .section-header .header-box-image .header-image { position: absolute; max-width: 539px; max-height: 273px; width: 100%; height: 100%; top: 4%; left: -7%; background: url("https://www.o2.sk/documents/2355222/67112276/header-img.png") no-repeat center center; background-size: contain; } .section-header .header-box { padding-top: 60px; padding-bottom: 38%; } .section-header .header-box .header-title { font-size: 48px; font-weight: 600; color: #ffffff; line-height: 1.2; margin: 0 0 20px 0; } .section-header .header-box .header-title .last-word { position: relative; } .section-header .header-box .header-title .last-word:before { content: ''; position: absolute; width: 78px; height: 69px; right: -52px; bottom: 26px; background: url("https://www.o2.sk/documents/2355222/67112276/header-bubbles.png") no-repeat center center; } .section-header .header-box .header-subtitle { font-size: 18px; font-weight: 300; color: #ffffff; line-height: 1.5; } .section-content { padding-bottom: 120px; background-color: #eff2f6; } .section-content .content-column { margin: -100px 4px 0; } .section-content .content-box { display: block; min-height: 420px; padding: 75px; background-color: transparent; border-radius: 5px;
23 box-shadow: -45.962px 45.962px 100px 0px rgba(25, 33, 79, 0.08); transition: box-shadow .2s ease-in-out; } .section-content .content-box:hover, .section-content .content-box:focus, .section-content .content-box:active { text-decoration: none; box-shadow: -45.962px 45.962px 100px 0px rgba(25, 33, 79, 0.12); } .section-content .content-box .box-title { position: relative; font-size: 32px; font-weight: 300; line-height: 1.2; margin-bottom: 20px; } /*.section-content .content-box .box-title:before { content: ''; position: relative; display: inline-block; width: 19px; height: 19px; margin-left: -19px; background-repeat: no-repeat; background-position: left center; transition: all .2s ease-in-out; opacity: 0; } .section-content .content-box:hover .box-title:before { margin-left: 0; opacity: 1; }*/ .section-content .content-box .box-desc { font-size: 18px; font-weight: 300; line-height: 1.5; } .section-content .content-box .box-ul { text-align: left; margin-top: 30px; padding-bottom: 30px; } .section-content .content-box .box-ul .box-li { position: relative; font-weight: 600; padding: 5px 0 20px 50px; } .section-content .content-box .box-ul .box-li:before { content: ''; width: auto; height: auto; top: 3px; background-repeat: no-repeat; background-position: center center; } .section-content .content-box .box-ul .box-li.box-li--company:before { width: 28px; height: 22px; background-image: url('https://www.o2.sk/documents/2355222/67112276/icon-persons.svg'); } .section-content .content-box .box-ul .box-li.box-li--apps:before { width: 26px; height: 26px; background-image: url('https://www.o2.sk/documents/2355222/67112276/icon-apps.svg'); } .section-content .content-box .box-ul .box-li.box-li--business-expert:before { width: 30px; height: 30px; background-image: url('https://www.o2.sk/documents/2355222/67112276/icon-business-person.svg'); } .section-content .content-box .box-ul .box-li.box-li--other-services:before { width: 28px; height: 28px; background-image: url('https://www.o2.sk/documents/2355222/67112276/icon-other-services.svg'); } .section-content .content-box .box-ul .box-li.box-li--sms-bridge:before { width: 28px; height: 28px; background-image: url('https://www.o2.sk/documents/2355222/67112276/icon-envelope.svg'); } .section-content .content-box .box-ul .box-li.box-li--phone:before { width: 28px; height: 28px; background-image: url('https://www.o2.sk/documents/2355222/67112276/icon-phone.svg'); } .section-content .content-box .box-ul .box-li.box-li--earth-mobile:before { width: 28px; height: 28px; background-image: url('https://www.o2.sk/documents/2355222/67112276/icon-earth-mobile.svg'); } .section-content .content-box .box-ul .box-li.box-li--security:before { width: 28px; height: 28px; background-image: url('https://www.o2.sk/documents/2355222/67112276/icon-security.svg'); } .section-content .content-box .box-ul .box-li.box-li--telecommunication:before { width: 28px; height: 28px; background-image: url('https://www.o2.sk/documents/2355222/67112276/icon-telecommunication.svg'); } .section-content .content-box .box-ul .box-li.box-li--cloud:before { width: 28px; height: 28px; background-image: url('https://www.o2.sk/documents/2355222/67112276/icon-cloud.svg'); } .section-content .content-box .box-ul .box-li.box-li--iot:before { width: 28px; height: 28px; background-image: url('https://www.o2.sk/documents/2355222/67112276/icon-iot.svg'); } .section-content .content-box .box-ul .box-li.box-li--sms-marketing:before { width: 28px; height: 28px; background-image: url('https://www.o2.sk/documents/2355222/67112276/icon-sms.svg'); } .section-content .content-box .box-ul .box-li.box-li--big-data:before { width: 24px; height: 24px; left: 3px; background-image: url('https://www.o2.sk/documents/2355222/67112276/icon-bigdata.svg'); } .section-content .content-box .box-ul .box-li a { color: inherit; text-decoration: none; } .section-content .content-box .box-ul .box-li a:hover, .section-content .content-box .box-ul .box-li a:focus, .section-content .content-box .box-ul .box-li a:active { text-decoration: underline; } .section-content .content-box .box-ul .box-li a:after { content: ''; display: inline-block; width: 10px; height: 10px; margin-left: 10px; background-repeat: no-repeat; background-position: center center; } .section-content .content-box .box-ul .box-li .with-icon-white:after { background-image: url('https://www.o2.sk/documents/2355222/67112276/icon-arrow-right--white.svg'); } .section-content .content-box .box-ul .box-li a.with-icon-indigo:after { background-image: url('https://www.o2.sk/documents/2355222/67112276/icon-arrow-right--indigo.svg'); } .section-content .content-box .btn-box { font-size: 14px; padding-left: 30px; padding-right: 30px; } .section-content .content-box-firmy { color: #ffffff; background-color: #22225e; } .section-content .content-box-firmy .box-title, .section-content .content-box-firmy .box-desc { color: #ffffff; } /*.section-content .content-box-firmy .box-title:before { background-image: url("https://www.o2.sk/documents/2355222/67112276/icon-arrow-white.png"); }*/ .section-content .content-box-verejnost { background-color: #ffffff; } /*.section-content .content-box-verejnost .box-title:before { background-image: url("https://www.o2.sk/documents/2355222/67112276/icon-arrow-blue.png"); }*/ .section-content .content-box-verejnost .box-desc { color: #58585a; } @media screen and (max-width: 1399px) { .section-content .content-box { padding: 60px; } } @media screen and (max-width: 993px) { .breadcrumbs { padding-left: 12px; padding-right: 12px; } .section-header .header-box-image { position: absolute; width: 52%; height: 100%; } .section-header .header-box-image .header-image { top: 0; } .section-header .header-box .header-title { font-size: 42px; } .section-header .header-box .header-title .last-word:before { right: -53px; bottom: 21px; } .section-content .content-box { min-height: 475px; } .section-content .content-box .box-title { font-size: 28px; } .section-content .content-box .box-desc { font-size: 17px; } } @media screen and (max-width: 767px) { .section-header .header-box { text-align: center; padding: 30px 0; } .section-header .header-box .header-title .last-word:before { display: none; } .section-header .header-box .header-image { margin: 0 auto 25px; } .section-content { padding-top: 30px; padding-bottom: 60px; } .section-content .content-column { margin: 0 0 20px 0; } .section-content .content-box { min-height: inherit; text-align: center; padding: 40px 20px; } } </style>
23<script type="text/javascript">var setHeight=function setHeight(el,val){el.style.height=val+"px"}; 24var equalHeights=function equalHeights(container){var inRow=arguments.length>1&&arguments[1]!==undefined?arguments[1]:true;var breakpoint=arguments.length>2&&arguments[2]!==undefined?arguments[2]:0;var currentTallest=0,currentRowStart=0,rowDivs=new Array;Array.from(document.querySelectorAll(container)).forEach(function(el,i){el.style.height="auto";var topPosition=el.getBoundingClientRect().top;if(window.innerWidth<=breakpoint)return;if(inRow&¤tRowStart!=topPosition){for(var currentDiv=0;currentDiv< 25rowDivs.length;currentDiv++)setHeight(rowDivs[currentDiv],currentTallest);rowDivs.length=0;currentRowStart=topPosition;currentTallest=parseFloat(getComputedStyle(el,null).height.replace("px",""));rowDivs.push(el)}else{rowDivs.push(el);currentTallest=currentTallest<parseFloat(getComputedStyle(el,null).height.replace("px",""))?parseFloat(getComputedStyle(el,null).height.replace("px","")):currentTallest}for(var _currentDiv=0;_currentDiv<rowDivs.length;_currentDiv++)setHeight(rowDivs[_currentDiv],currentTallest)})}; 26var setEqualHeights=function setEqualHeights(){equalHeights(".section-content .content-column .equal-height",true,767)};var initDom=function initDom(){setEqualHeights()};document.addEventListener("DOMContentLoaded",function(){initDom()});window.addEventListener("load",function(){setTimeout(function(){setEqualHeights()},100)});window.addEventListener("resize",function(){setTimeout(function(){setEqualHeights()})});</script>
26 <div class="section section-header"> <div class="container"> <div class="row"> <div class="header-box-image hidden-xs"> <div class="header-image"> </div> </div> <div class="col-sm-6 col-sm-offset-6"> <div class="header-box"> <h1 class="header-title">O<sub>2</sub> pre váš <span class="last-word">biznis</span></h1> <img src="https://www.o2.sk/documents/2355222/67112276/header-img.png" class="header-image visible-xs" alt> <p class="header-subtitle">Spoznajte naÅ¡u ponuku<br class="hidden-xs"> telekomunikaÄných služieb<br class="hidden-xs"> pre podnikateľov, firmy a verejnú správu.</p> </div> </div> </div> </div> </div> <div class="section section-content"> <div class="container"> <div class="row"> <div class="col-md-6 col-xl-5 offset-xl-1"> <div class="content-column"> <div class="content-box content-box-firmy"> <div class="equal-height"> <h2 class="box-title" id="podnikatelia-a-firmy">Podnikatelia<br class="hidden-xs"> a firmy</h2> <p class="box-desc">Jednoduché a férové rieÅ¡enie pre telekomunikaÄné služby vo vaÅ¡om podnikanÃ.</p> <ul class="ul box-ul"> <li class="box-li box-li--company o2-color--white"> <a href="/ponuka/biznis-riesenia?o2-pre-vas-biznis#pausaly-pre-vase-podnikanie" target="_blank" class="link--on-color with-icon-white" aria-describedby="podnikatelia-a-firmy" > Firemné paušály </a> </li> <li class="box-li box-li--apps o2-color--white">Obľúbené služby v cene paušálu</li> <li class="box-li box-li--business-expert o2-color--white">Osobný O2 Biznis Expert</li> <li class="box-li box-li--other-services o2-color--white"> <a href="/ponuka/biznis-riesenia?o2-pre-vas-biznis#services" target="_blank" class="link--on-color with-icon-white" aria-describedby="podnikatelia-a-firmy" > ÄalÅ¡ie služby pre váš biznis </a> </li> <li class="box-li box-li--sms-bridge o2-color--white"> <a href="/ponuka/biznis-riesenia/sms-marketing/sms-brana" target="_blank" class="link--on-color with-icon-white" aria-describedby="podnikatelia-a-firmy" > O2 SMS Brána </a> </li> </ul> </div> <o2-button href="/prefirmy?o2-pre-vas-biznis" data-o2-id="link.zistitViacFirmy" variant="inverted" aria-describedby="podnikatelia-a-firmy" data-testid="link.companiesMore" >ZistiÅ¥ viac</o2-button> </div> </div> </div> <div class="col-md-6 col-xl-5"> <div class="content-column"> <div class="content-box content-box-verejnost"> <div class="equal-height"> <h2 class="box-title o2-color--indigo" id="velke-firmy-a-verejna-sprava">Veľké firmy<br class="hidden-xs"> a verejná správa</h2> <p class="box-desc">Komplexné telekomunikaÄné rieÅ¡enia v oblasti fixných, mobilných a ICT služieb Å¡ité na mieru vaÅ¡ej spoloÄnosti.</p> <ul class="ul box-ul"> <li class="box-li box-li--phone o2-color--indigo">Fixné dátové a hlasové služby</li> <li class="box-li box-li--earth-mobile o2-color--indigo">Mobilné hlasové a dátové služby</li> <li class="box-li box-li--security o2-color--indigo">Manažovaná bezpeÄnosÅ¥</li> <li class="box-li box-li--telecommunication o2-color--indigo">KomunikaÄné rieÅ¡enia</li> <li class="box-li box-li--cloud o2-color--indigo">Cloudové služby a
26dátové centrum</li> <li class="box-li box-li--iot o2-color--indigo">IoT / M2M</li> <li class="box-li box-li--sms-marketing o2-color--indigo"> <a href="/ponuka/biznis-riesenia/sms-marketing" target="_blank" class="with-icon-indigo" aria-describedby="velke-firmy-a-verejna-sprava" > SMS marketing </a> </li> <li class="box-li box-li--big-data o2-color--indigo"> <a href="/ponuka/biznis-riesenia/big-data" target="_blank" class="with-icon-indigo" aria-describedby="velke-firmy-a-verejna-sprava" > Big Data analýzy </a> </li> </ul> </div> <o2-button href="http://www.o2bs.sk/?utm_source=o2.sk&utm_medium=referral" data-o2-id="link.zistitViacVerejnost" variant="danger" aria-describedby="velke-firmy-a-verejna-sprava" data-testid="link.companiesAndPublicMore" >Zistiť viac</o2-button> </div> </div> </div> </div> </div> </div> </div> </div> <div class="asset-links content-metadata-asset-addon-entries mb-4"> <div class="content-metadata-asset-addon-entry content-metadata-asset-addon-entry-links"> </div> </div> </div> </div> </div> </section> </div> </div> </div> </div> </div> </div> <form action="#" aria-hidden="true" class="hide" id="hrefFm" method="post" name="hrefFm"><span></span><input hidden type="submit"/></form> </main> <footer id="footer"> <style> .o2-footer { padding: 50px 0 39px; background: var(--o2-blue-brand, #0050ff); } .o2-footer *:focus-visible { outline-color: #ffffff; } @media (min-width: 768px) { .o2-footer { padding: 76px 0 34px; } } @media (min-width: 1230px) { .o2-footer { padding: 130px 0 67px; } } .o2-footer .o2-app-download { list-style: none; margin: 0; padding: 0; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; } @media (max-width: 991px) { .o2-footer .o2-app-download { justify-content: left; } } .o2-footer .o2-app-download li { margin: 5px 10px 5px 0px; } .o2-footer .o2-footer-nav__list { list-style: none; padding-left: 0; } .o2-footer .container { background-color: transparent; } .o2-footer .o2-footer__claim { color: #fff; font-size: 12px; line-height: 19px; letter-spacing: normal; } .o2-footer .o2-footer__stores { color: #fff; } .o2-footer .o2-footer__socials { display: -ms-flexbox; display: flex; margin-left: -19px; } .o2-footer .o2-footer__socials path { fill: #ffffff; } .o2-footer .o2-footer__socials .o2-footer-social { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; margin: 0 8px; padding: 8px 10px; will-change: transform; transition: transform 0.25s; } .o2-footer .o2-footer__socials .o2-footer-social:hover { transform: scale(1.3); outline: none; text-decoration: none; } .o2-footer .o2-footer__socials .o2-footer-social:active, .o2-footer .o2-footer__socials .o2-footer-social:focus { text-decoration: none; } .o2-footer .o2-footer__socials .o2-footer-social [class^='o2f-'], .o2-footer .o2-footer__socials .o2-footer-social [class*=' o2f-'], .o2-footer .o2-footer__socials .o2-footer-social [class^='o2f-'] *, .o2-footer .o2-footer__socials .o2-footer-social [class*=' o2f-'] * { color: #fff; font-size: 21px; } @media (min-width: 768px) { .o2-footer .o2-footer__socials .o2-footer-social { margin: 0 3px; } } .o2-footer .o2-footer-social__img { display: block; } @media (max-width: 767px) { .o2-footer .o2-footer__container { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .o2-footer .o2-footer__meta { -ms-flex-order: 2; order: 2; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .o2-footer .o2-footer__nav { -ms-flex-order: 1; order: 1; } .o2-footer .o2-footer__logo { -ms-flex-order: 4; order: 4; margin-bottom: 14px; } .o2-footer .o2-footer__claim { -ms-flex-order: 5; order: 5; } .o2-footer .o2-footer__stores { -ms-flex-order: 2; order: 2; margin-bottom: 5rem; } .o2-footer .o2-footer__socials { -ms-flex-order: 3; order: 3; margin-bottom: 5rem; margin-left: -2.4rem; } } @media (min-width: 768px) and (max-width: 1229px) { .o2-footer .o2-footer__container { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .o2-footer .o2-footer__meta { -ms-flex-order: 1; order: 1; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center; margin-bottom: 81px; } .o2-footer .o2-footer__nav { -ms-flex-order: 2; order: 2; } .o2-footer .o2-footer__logo { -ms-flex-order: 1; order: 1; margin-right: 30px; } .o2-footer .o2-footer__claim { -ms-flex-order: 2; order: 2; } .o2-footer .o2-footer__socials { -ms-flex-order: 3; order: 3; margin-left: auto; margin-right: 3rem; } .o2-footer .o2-footer__stores { -ms-flex-order: 4; order: 4; } }
26 @media (min-width: 1230px) { .o2-footer .o2-footer__container { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; } .o2-footer .o2-footer__meta { -ms-flex-order: 1; order: 1; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .o2-footer .o2-footer__nav { -ms-flex-order: 2; order: 2; margin-left: auto; } .o2-footer .o2-footer__logo { -ms-flex-order: 1; order: 1; margin: 2px 0 30px; } .o2-footer .o2-footer__claim { -ms-flex-order: 2; order: 2; margin-bottom: 33px; } .o2-footer .o2-footer__socials { -ms-flex-order: 3; order: 3; margin-bottom: 3.3rem; } .o2-footer .o2-footer__stores { -ms-flex-order: 4; order: 4; } } .o2-footer .o2-footer__nav { display: flex; flex-wrap: wrap; } .o2-footer .o2-footer__nav .o2-footer-nav__col { margin-bottom: 30px; flex: 1 1 auto; padding-right: 6px; } @media (max-width: 414px) { .o2-footer .o2-footer-nav__col:nth-child(2) { -ms-flex: 0 1 auto; flex: 0 1 auto; } .o2-footer .o2-footer-nav__col:nth-child(2) .o2-footer-nav__link { padding-right: 0; } } @media (min-width: 768px) { .o2-footer .o2-footer-nav__col:last-child { -ms-flex: 0 1 auto; flex: 0 1 auto; } .o2-footer .o2-footer-nav__col:last-child .o2-footer-nav__link { padding-right: 0; } } .o2-footer .o2-footer-nav__title { margin-bottom: 14px; font-size: 18px; font-weight: 600; line-height: 24px; letter-spacing: normal; } .o2-footer .o2-footer-nav__title-link, .o2-footer .o2-footer-nav__link { transition: color 0.2s; } .o2-footer .o2-footer-nav__title-link:hover, .o2-footer .o2-footer-nav__link:hover { color: #fff; text-decoration: underline; } .o2-footer-nav__item { margin-bottom: 0; } .o2-footer .o2-footer-nav__title-link { display: block; margin-bottom: 2px; color: #fff; font-family: var(--font-family-primary); font-weight: 600; text-decoration: none; font-size: 18px; } .o2-footer .o2-footer-nav__title-link:hover { text-decoration: underline; } .o2-footer .o2-footer-nav__link { display: block; padding-right: 30px; color: rgba(255, 255, 255, 1); font-family: var(--font-family-primary); font-size: 15px; font-weight: 400; line-height: 36px; text-decoration: none; } @media (min-width: 768px) { .o2-footer .o2-footer-nav__link { padding-right: 35px; } } @media (min-width: 1230px) { .o2-footer .o2-footer-nav__link { padding-right: 50px; } } .o2-footer .o2-footer__logo-img { display: block; width: 45px; height: 43px; } /* Main footer - end*/ </style> <!-- O2 FOOTER --> <div class="o2-footer"> <div class="container o2-footer__container"> <h2 class="visually-hidden u-sr-only">PätiÄka stránky</h2> <div class="o2-footer__meta"> <div class="o2-footer__logo"> <a href="/" aria-label="Domovská stránka O2"> <svg xmlns="http://www.w3.org/2000/svg" fill="#ffffff" width="45" viewBox="0 0 73.53 72.36"> <title>Logo O2</title> <path d="M63.24,68.39c4.12-4,9.5-9,9.5-14.3,0-5-3.11-7.37-7.91-7.37a16.77,16.77,0,0,0-7.48,1.81l.4,4.19a11,11,0,0,1,5.82-2c2.05,0,4.11,1.08,4.11,3.39,0,4.62-8.55,11.77-10.9,14v4.22H73.53v-4ZM29,0C11.61,0,0,12.5,0,29.8,0,46.09,11.83,59.6,29,59.6s28.9-13.51,28.9-29.8C57.92,12.5,46.31,0,29,0Zm0,51.11C16.63,51.11,11.16,40,11.16,29.8,11.16,19,17.74,8.48,29,8.48S46.76,19,46.76,29.8C46.76,40,41.29,51.11,29,51.11Z" /> </svg> </a> </div> <div class="o2-footer__claim"> © <span id="current-year">2026</span> O2 Slovakia, s.r.o.<br /> VÅ¡etky práva vyhradené </div> <div class="o2-footer__socials"> <a class="o2-footer-social o2-footer-social--facebook" href="https://www.facebook.com/O2Slovakia" aria-label="Facebook O2"> <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true" focusable="false" width="100%" height="24px" style="padding: 0px"> <path d="M13.9135 11.2645L14.3797 8.06665H11.4586V5.98843C11.4586 5.11236 11.8647 4.25986 13.1729 4.25986H14.5V1.53736C14.5 1.53736 13.297 1.32129 12.1429 1.32129C9.74436 1.32129 8.17293 2.85343 8.17293 5.627V8.06665H5.5V11.2645H8.17293V18.9999H11.4624V11.2645H13.9135Z"></path> </svg> </a> <a class="o2-footer-social o2-footer-social--youtube" href="https://www.youtube.com/user/o2skofficial" aria-label="YouTube O2"> <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true" focusable="false" width="100%" height="24px" style="padding: 0px"> <path d="M10.0001 3.89307C10.0001 3.89307 4.37099 3.89307 2.96783 4.26756C2.58643 4.36958 2.23867 4.56951 1.95937 4.84731C1.68008 5.12511 1.47906 5.47104 1.37644 5.85045C1 7.24683 1 10.
261606 1 10.1606C1 10.1606 1 13.075 1.37619 14.4707C1.47876 14.8501 1.67977 15.196 1.95907 15.4738C2.23837 15.7517 2.58615 15.9516 2.96758 16.0535C4.37099 16.4285 10.0001 16.4285 10.0001 16.4285C10.0001 16.4285 15.629 16.4285 17.0322 16.054C17.4136 15.9521 17.7613 15.7522 18.0406 15.4745C18.3199 15.1967 18.5209 14.8508 18.6236 14.4714C19 13.0748 19 10.1606 19 10.1606C19 10.1606 18.999 7.24683 18.6238 5.85045C18.5212 5.47108 18.3201 5.12521 18.0408 4.84745C17.7615 4.5697 17.4138 4.36981 17.0324 4.2678C15.629 3.89282 10.0001 3.89307 10.0001 3.89307ZM8.1983 7.47505L12.8749 10.1606L8.1983 12.8461V7.47505Z"></path> </svg> </a> <a class="o2-footer-social o2-footer-social--twitter" href="https://twitter.com/o2_slovakia" aria-label="Twitter O2"> <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true" focusable="false" width="100%" height="24px" style="padding: 0px"> <path d="M1 1.15754H6.32364L11.2444 8.03282L17.3696 1L18.8249 1.02626L11.97 9.02187L19 18.8424H13.6785L9.03398 12.4354L3.36021 19H1.92805L8.32951 11.4989L1 1.15754ZM5.82166 2.17286H3.01008L14.2585 17.8009H17.0195L5.82166 2.17286Z"></path> </svg> </a> <a class="o2-footer-social o2-footer-social--instagram" href="https://www.instagram.com/o2slovakia/" aria-label="Instagram O2"> <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true" focusable="false" width="100%" height="24px" style="padding: 0px"> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.28917 1.05426C7.24923 1.01038 7.55584 1 10.0001 1C12.4442 1 12.7508 1.01038 13.7108 1.05426C14.6686 1.09787 15.3228 1.25001 15.8955 1.4725C16.4874 1.70251 16.989 2.01015 17.4896 2.51069C17.9898 3.01096 18.2975 3.51279 18.5275 4.10471C18.75 4.67716 18.9021 5.33138 18.946 6.28935C18.9896 7.24914 19 7.55574 19 10C19 12.4443 18.9896 12.7506 18.946 13.7106C18.9021 14.6686 18.75 15.3228 18.5275 15.8953C18.2975 16.4872 17.9898 16.989 17.4896 17.4893C16.989 17.9896 16.4874 18.2975 15.8955 18.5275C15.3231 18.7497 14.6688 18.9021 13.7108 18.9455C12.7508 18.9896 12.4442 19 10.0001 19C7.55584 19 7.24923 18.9896 6.28917 18.9455C5.33144 18.9019 4.67721 18.7497 4.1045 18.5275C3.51257 18.2975 3.01099 17.9896 2.51045 17.4893C2.01017 16.989 1.70252 16.4872 1.4725 15.8953C1.25001 15.3228 1.09788 14.6686 1.054 13.7106C1.01038 12.7506 1 12.4443 1 10C1 7.55574 1.01038 7.24914 1.054 6.28935C1.09788 5.33138 1.25001 4.67716 1.4725 4.10471C1.70252 3.51279 2.01017 3.01096 2.51045 2.51069C3.01099 2.01015 3.51257 1.70251 4.1045 1.4725C4.67695 1.25001 5.33118 1.09787 6.28917 1.05426ZM13.6368 2.67424C12.6877 2.63089 12.4031 2.62154 10.0001 2.62154C7.59686 2.62154 7.31232 2.63089 6.36316 2.67424C5.48566 2.71396 5.00926 2.86065 4.69201 2.98396C4.27195 3.14726 3.97209 3.34223 3.65718 3.65714C3.34226 3.97205 3.14729 4.2719 2.98399 4.69195C2.86093 5.0092 2.71399 5.48585 2.67401 6.36334C2.63065 7.31223 2.62157 7.59676 2.62157 10C2.62157 12.403 2.63065 12.6878 2.67401 13.6367C2.71399 14.5141 2.86067 14.9908 2.98399 15.3078C3.14729 15.7278 3.34226 16.0277 3.65718 16.3426C3.97209 16.6578 4.27195 16.8525 4.69201 17.016C5.00926 17.1391 5.48566 17.2858 6.36316 17.3258C7.31206 17.3691 7.5966 17.3782 10.0001 17.3782C12.4034 17.3782 12.6879 17.3691 13.6368 17.3258C14.5143 17.2858 14.9907 17.1391 15.308 17.016C15.7281 16.8527 16.0279 16.6575 16.3428 16.3426C16.6577 16.0277 16.8527 15.7278 17.016 15.3078C17.1393 14.9908 17.286 14.5141 17.326 13.6367C17.3693 12.6878 17.3784 12.403 17.3784 10C17.3784 7.59676 17.3693 7.31223 17.326 6.36334C17.286 5.48585 17.1393 5.0092 17.016 4.69195C16.8527 4.2719 16.6577 3.97205 16.3428 3.65714C16.0279 3.34223 15.7281 3.14752 15.308 2.98396C14.9907 2.8606
265 14.5143 2.71422 13.6368 2.67424ZM6.86537 10.0138C6.86537 11.7373 8.26267 13.1344 9.9862 13.1344C11.7097 13.1344 13.1068 11.7373 13.1068 10.0138C13.1068 8.29027 11.7097 6.89297 9.9862 6.89297C8.26267 6.89297 6.86537 8.29027 6.86537 10.0138ZM5.17857 10.0138C5.17857 7.35855 7.33096 5.20617 9.9862 5.20617C12.6412 5.20617 14.7936 7.35855 14.7936 10.0138C14.7936 12.669 12.6412 14.8214 9.9862 14.8214C7.33096 14.8214 5.17857 12.669 5.17857 10.0138ZM15.7781 5.81071C15.9888 5.60003 16.1071 5.31427 16.1071 5.01631C16.1071 4.71835 15.9888 4.4326 15.7781 4.22191C15.5674 4.01122 15.2816 3.89286 14.9837 3.89286C14.6857 3.89286 14.4 4.01122 14.1893 4.22191C13.9786 4.4326 13.8602 4.71835 13.8602 5.01631C13.8602 5.31427 13.9786 5.60003 14.1893 5.81071C14.4 6.0214 14.6857 6.13977 14.9837 6.13977C15.2816 6.13977 15.5674 6.0214 15.7781 5.81071Z"></path> </svg> </a> </div> <div class="o2-footer__stores"> <h3 class="o2-footer-nav__title">Mobilná aplikácia</h3> <div> <ul class="o2-app-download"> <li> <a href="https://play.google.com/store/apps/details?id=sk.o2.mojeo2" data-gtm="interest" data-gtmname="appka-playstore" target="_blank" data-lb-action="download" aria-label="Stiahnúť aplikáciu z Google Play"> <img style="max-height: 40px" src="https://www.o2.sk/documents/2355222/95594859/google.png" aria-hidden="true" /> </a> </li> <li> <a href="https://apps.apple.com/us/app/moje-o2-sk/id778586659?ls=1mt%3D8ign-mscache%3D1ign-msr%3Dhttps%3A%2F%2Fitunesconnect.apple.com%2FWebObjects%2FiTunesConnect.woa%2Fwo%2F4.0.7.3.0.9.3.11.11.3.0.4.0.1" data-gtm="interest" data-gtmname="appka-appstore" target="_blank" data-lb-action="download" aria-label="Stiahnúť aplikáciu z App Store"> <img style="max-height: 40px" src="https://www.o2.sk/documents/2355222/95594859/appstore.png" aria-hidden="true" /> </a> </li> </ul> </div> </div> </div> <nav class="o2-footer__nav" aria-label="Navigácia v pätiÄke" id="o2-footer-navigation"> <div class="o2-footer-nav__col"> <h3 class="o2-footer-nav__title" id="o2-footer-services-links"> <a class="o2-footer-nav__title-link" href="/sluzby-a-podpora">Služby</a> </h3> <ul class="o2-footer-nav__list"> <li class="o2-footer-nav__item"> <a class="o2-footer-nav__link" href="/moje-o2/spotreba/aplikacia" aria-describedby="o2-footer-services-links o2-footer-navigation" >Mobilná aplikácia</a > </li> <li class="o2-footer-nav__item"> <a class="o2-footer-nav__link" href="/moje-o2/kredit/dobijanie-online" aria-describedby="o2-footer-services-links o2-footer-navigation" >Dobitie kreditu</a > </li> <li class="o2-footer-nav__item"> <a class="o2-footer-nav__link" href="/volania/prenos-cisla" aria-describedby="o2-footer-services-links o2-footer-navigation" >Prenos ÄÃsla</a > </li> <li class="o2-footer-nav__item"> <a class="o2-footer-nav__link" href="/volania/zmena-volacieho-programu" aria-describedby="o2-footer-services-links o2-footer-navigation" >Zmena programu</a > </li> <li class="o2-footer-nav__item"> <a class="o2-footer-nav__link" href="/sluzby-a-podpora/doplnkove-sluzby/mms" aria-describedby="o2-footer-services-links o2-footer-navigation" >MMS</a > </li> <li class="o2-footer-nav__item"> <a class="o2-footer-nav__link" href="/volania/roaming" aria-describedby="o2-footer-services-links o2-footer-navigation" >Roaming</a > </li> <li class="o2-footer-nav__item"> <a class="o2-footer-nav__link" href="/sluzby-a-podpora/kontrola-spotreby" aria-describedby="o2-footer-services-links o2-footer-navigation" >Kontrola spotreby</a > </li> <li class="o2-footer-nav__item"> <a class="o2-footer-nav__link" href="/ponuka/telefony-a-zariadenia/watch-esim" aria-describedby="o2-footer-services-links o2-footer-navigation" >eSIM do smart hodiniek</a > </li> <li class="o2-footer-nav__item"> <a class="o2-footer-nav__link" href="/ponuka/telefony-a-zariadenia/o2poistka" aria-describedby="o2-footer-services-links o2-footer-navigation" >O2 Poistka zariadenia</a > </li> <li class="o2-footer-nav__item"> <a class="o2-footer-nav__link" href="/ponuka/mobilne-sluzby/doplnkove-sluzby/o2-cestovna-poistka" aria-describedby="o2-footer-services-links o2-footer-navigation" >O2 Cestovná poistka</a > </li> </ul> </div> <div class="o2-footer-nav__col"> <h3 class="o2-footer-nav__title" id="o2-footer-shop-links"> <a class="o2-footer-nav__title-link" href="/e-shop">E-shop</a> </h3> <ul class="o2-footer-nav__list"> <li class="o2-footer-nav__item"> <a class="o2-footer-nav__link" href="/ponuka/mobilne-sluzby/novy-o2-pausal" aria-describedby="o2-footer-shop-links o2-footer-navigation" >O2 Paušál</a > </li> <li class="o2-footer-nav__item"> <a class="o2-footer-nav__link" href="/ponuka/mobilne-sluzby/o2-fer" aria-describedby="o2-footer-shop-links o2-footer-navigation" >O2 Fér na faktúru</a > </li> <li class="o2-footer-nav__item"> <a class="o2-footer-nav__link" href="/volania/o2-volnost" aria-describedby="o2-footer-shop-links o2-footer-navigation" >O2 VoľnosÅ¥</a > </li> <li class="o2-footer-nav__item"> <a class="o2-footer-nav__link" href="/ponuka/mobilne-sluzby/o2-datovka" aria-describedby="o2-footer-shop-links o2-footer-navigation" >O2 Dátovka</a > </li> <li class="o2-footer-nav__item"> <a class="o2-footer-nav__link" href="/ponuka/mobilne-sluzby/o2-junior" aria-describedby="o2-footer-shop-links o2-footer-navigation" >O2 Junior</a > </li> <li class="o2-footer-nav__item"> <a class="o2-footer-nav__link" href="/ponuka/pre-domacnost/o2-internet" aria-describedby="o2-footer-shop-links o2-footer-navigation" >O2 Internet</a > </li> <li class="o2-footer-nav__item"> <a class="o2-footer-nav__link" href="/ponuka/pre-domacnost/o2-tv" aria-describedby="o2-footer-shop-links o2-footer-navigation" >O2 TV</a > </li> <li class="o2-footer-nav__item"> <a class="o2-footer-nav__link" href="/e-shop/-/zariadenia" aria-describedby="o2-footer-shop-links o2-footer-navigation" >Telefóny</a > </li> <li class="o2-footer-nav__item"> <a class="o2-footer-nav__link" href="/volania/cennik" aria-describedby="o2-footer-shop-links o2-footer-navigation" >CennÃky</a > </li> <li class="o2-footer-nav__item"> <a class="o2-footer-nav__link" href="/o-nas/dokumenty" aria-describedby="o2-footer-shop-links o2-footer-navigation" >Dokumenty</a > </li> </ul> </div> <div class="o2-footer-nav__col"> <h3 class="o2-footer-nav__title" id="o2-footer-support-links"> <a class="o2-footer-nav__title-link" href="/podpora/centrum-podpory">Pomoc a podpora</a> </h3> <ul class="o2-footer-nav__list"> <li class="o2-footer-nav__item"> <a class="o2-footer-nav__link" href="/podpora/centrum-podpory" aria-describedby="o2-footer-support-links o2-footer-navigation" >Centrum podpory</a > </li> <li class="o2-footer-nav__item"> <a class="o2-footer-nav__link" href="/kontakty/o2-predajne" aria-describedby="o2-footer-support-links o2-footer-navigation" >O2 Predajne</a > </li> <li class="o2-footer-nav__item"> <a class="o2-footer-nav__link" href="/volania/roaming/mapa" aria-describedby="o2-footer-support-links o2-footer-navigation" >Roamingová mapa</a > </li> <li class="o2-footer-nav__item"> <a class="o2-footer-nav__link" href="/podpora/siet-a-pokrytie/" aria-describedby="o2-footer-support-links o2-footer-navigation" >Mapa dostupnosti služieb O2</a > </li> <li class="o2-footer-nav__item"> <a class="o2-footer-nav__link" href="/podpora/ostatne-sluzby/zber-dat" aria-describedby="o2-footer-support-links o2-footer-navigation" >Záujem o O2 služby</a > </li> <li class="o2-footer-nav__item"> <a class="o2-footer-nav__link" href="/ako-nakupovat/vratenie-tovaru" aria-describedby="o2-footer-support-links o2-footer-navigation" >SÅ¥ažnosti a vrátenie tovaru</a > </li> <li class="o2-footer-nav__item"> <a class="o2-footer-nav__link" href="https://spolocnost.o2.sk/spolocnost/informacie-pre-pouzivatelov" aria-describedby="o2-footer-support-links o2-footer-navigation" >Informácie pre použÃvateľov</a > </li> <li class="o2-footer-nav__item"> <a class="o2-footer-nav__link" href="/podpora/ostatne-sluzby/sms-sluzby" aria-describedby="o2-footer-support-links o2-footer-navigation" >Platba za služby cez SMS</a > </li> <li class="o2-footer-nav__item"> <a class="o2-footer-nav__link" href="/vyhlasenie-o-pristupnosti" aria-describedby="o2-footer-support-links o2-footer-navigation" >Vyhlásenie o prÃstupnosti</a > </li> <li class="o2-footer-nav__item"> <a class="o2-footer-nav__link" href="/kvalitativne-ukazovatele-sluzieb" aria-describedby="o2-footer-support-links o2-footer-navigation" >KvalitatÃvne ukazovatele služieb</a > </li> </ul> </div> <div class="o2-footer-nav__col"> <h3 class="o2-footer-nav__title" id="o2-footer-company-links"> <a class="o2-footer-nav__title-link" href="http://www.spolocnost.o2.sk" target="_blank">O spoloÄnosti</a> </h3> <ul class="o2-footer-nav__list"> <li class="o2-footer-nav__item"> <a class="o2-footer-nav__link" href="http://www.spolocnost.o2.sk" target="_blank" aria-describedby="o2-footer-company-links o2-footer-navigation" >SpoloÄnosÅ¥ O2</a > </li> <li class="o2-footer-nav__item"> <a class="o2-footer-nav__link" href="/kontakty" aria-describedby="o2-footer-company-links o2-footer-navigation" >Kontakty</a > </li> <li class="o2-footer-nav__item"> <a class="o2-footer-nav__link" href="/kontakty/napiste-nam" aria-describedby="o2-footer-company-links o2-footer-navigation" >NapÃÅ¡te nám</a > </li> <li class="o2-footer-nav__item"> <a class="o2-footer-nav__link" href="https://soda.o2.sk/" target="_blank" aria-describedby="o2-footer-company-links o2-footer-navigation" >MagazÃn Sóda</a > </li> <li class="o2-footer-nav__item"> <a class="o2-footer-nav__link" href="http://www.spolocnost.o2.sk/kariera" target="_blank" aria-describedby="o2-footer-company-links o2-footer-navigation" >Kariéra</a > </li> <li class="o2-footer-nav__item"> <a class="o2-footer-nav__link" href="/podpora/centrum-podpory/sutaze" aria-describedby="o2-footer-company-links o2-footer-navigation" >Súťaže</a > </li> <li class="o2-footer-nav__item"> <a class="o2-footer-nav__link" href="/ako-nakupovat/ochrana-sukromia" aria-describedby="o2-footer-company-links o2-footer-navigation" >Ochrana súkromia</a > </li> </ul> </div> </nav> </div> </div> <style> .call-center-icon { position: fixed; bottom: -100px; right: 50px; z-index: 4999; opacity: 0; transition: center 0.45s ease-out, opacity 0.45s ease-out; } .call-center-icon.show { bottom: 50px; opacity: 1; } .button-cc { cursor: pointer; display: flex; align-items: center; justify-content: center; width: 100px; height: 100px; border-radius: 50%; border: 0px !important; background-color: transparent !important; } @media (max-width: 600px) { .call-center-icon { right: 10px; } .call-center-icon.show { bottom: 20px; } } .vc-toggle-controller { visibility: hidden; } .vc-window-overlay--deep { background-color: rgba(0, 0, 0, 0.7) !important; z-index: 10000 !important; } .vc-window-overlay { background-color: rgba(0, 0, 0, 0.7) !important; pointer-events: auto; z-index: 5002; } #vc-chatbot-container .vc-toolbar { background: #0050ff; border-radius: 0; border-top-left-radius: 8px; border-top-right-radius: 8px; } #vc-chatbot-container .vc-toolbar .vc-icon--resize-arrows, #vc-chatbot-container .vc-toolbar .vc-icon--minus, #vc-chatbot-container .vc-toolbar .vc-icon--vertical-dots, #vc-chatbot-container .vc-toolbar .vc-icon--cross, #vc-chatbot-container .vc-toolbar .vc-icon--arrow-bottom-right { display: none; } #vc-chatbot-container .vc-chat-window { box-shadow: none !important; } #vc-chatbot-container .vc-dialog-window { border-radius: 0.4rem; box-shadow: none !important; position: fixed !important; } #vc-chatbot-container { font-family: On Air Var, sans-serif !important; } #vc-chatbot-container .vc-message-bubble { font-size: 12px; } #vc-chatbot-container .vc-message-bubble ul { padding-left: 2rem; list-style: initial !important; } #vc-chatbot-container .vc-toolbar > .align-items-center svg { display: none !important; } #vc-chatbot-container .vc-toolbar > .align-items-center span { color: white; font-size: 20px; text-transform: none; } .vc-hide-element { display: none !important; } .vc-icon-button { padding: 9px !important; } .vc-icon--minus { display: none !important; } .vc-message-input { width: 75% !important; margin-left: 5% !important; height: 69% !important; top: 15% !important; border: 1px solid var(--o2-input-border-color, #cbd5e1) !important; border-radius: var(--o2-input-border-radius, 0.4rem) !important; outline: 0 !important; box-shadow: none !important; }
26 .vc-icon--send-message { display: none !important; } #vc-chatbot-container .vc-message-input__container { position: relative; box-shadow: 0 0 6px 1px hsla(0, 0%, 81.2%, 0.5); background-color: #fff; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; height: 70px; } #vc-chatbot-container .vc-message-input { position: relative; font-size: 14px; } .form-close-icon, .close-replacement-button, .minimize-replacement-button, .resize-replacement-button, .options-replacement-button { border-radius: 50%; margin-left: 0.5rem; background-color: #3575ff; cursor: pointer; } .o2-chatbot-send-button { position: relative; bottom: 5%; right: 0%; padding-left: 1.2rem; } .o2-chatbot-send-button-bb { position: absolute; right: 0.75rem; top: 50%; transform: translateY(-50%); } .o2-chatbot-send-button-bb button { border-radius: 0.4rem !important; } .o2-chatbot-send-button button { padding: 0 var(--o2-spacing-lg, 1.2rem) !important; } </style>
26<script src="https://chatvo.o2.sk/chatbot/latest/chatbot.js" id="vocalls-chat" data-key="3f546ebe-6be0-455e-afe5-c60edb8c3cb1" data-title="Milo" data-apiendpoint="https://chatvo.o2.sk/api/v1/session" data-language="sk" data-oninit="Vocalls_chatbot_onInit" data-onend="vocallsChatbotGenerateRating" data-closeconfirmation="true" data-themecolor="#0050ff" data-useguid="true" data-uselocalstorage="false" data-clearAfterClose="true" data-nocache="false"></script>
26
26<script src="https://o2static.sk/genesys-chat/libs/fp2.min.js?v=1.8.2"></script>
26
26<script> 27 async function getMessageHealthStatus() { 28 const sessionRegex = /^VocallsSessionId_[\w-]+$/; 29 let sessionId = null; 30 31 for (let i = 0; i < localStorage.length; i++) { 32 const key = localStorage.key(i); 33 if (sessionRegex.test(key)) { 34 sessionId = localStorage.getItem(key); 35 break; 36 } 37 } 38 39 if (!sessionId) { 40 return false; 41 } 42 43 try { 44 const fullUrl = vocallsChatbot.apiEndpoint + '/' + vocallsChatbot.key + '/rpc'; 45 46 const options = { 47 method: 'POST', 48 headers: { 49 'Content-Type': 'application/json', 50 'Vocalls-SessionId': sessionId 51 }, 52 body: JSON.stringify({ 53 name: 'getStaffinoConfig', 54 args: [] 55 }) 56 }; 57 58 const response = await fetch(fullUrl, options); 59 return response.status === 200; 60 } catch (e) { 61 console.error('Error fetching message health status:', e); 62 } 63 64 return false; 65 } 66 67 async function continueChat() { 68 const healthStatus = await getMessageHealthStatus(); 69 if (!healthStatus) { 70 return false; 71 } 72 73 const chatRegex = /^vcChatbotData_[\w-]+$/; 74 75 let chatData = null; 76 for (let i = 0; i < sessionStorage.length; i++) { 77 const key = sessionStorage.key(i); 78 if (chatRegex.test(key)) { 79 chatData = sessionStorage.getItem(key); 80 break; 81 } 82 } 83 84 if (!chatData) { 85 return false; 86 } 87 88 const parsedData = JSON.parse(chatData); 89 const lastItem = parsedData[parsedData.length - 1]; 90 91 if (lastItem.type === 'END') { 92 return false; 93 } 94 95 return true; 96 } 97 98 async function resetChatID() { 99 const vocallsSessionRegex = /^VocallsSessionId_[\w-]+$/; 100 const localKeysToRemove = []; 101 for (let i = 0; i < localStorage.length; i++) { 102 const key = localStorage.key(i); 103 if (vocallsSessionRegex.test(key)) { 104 localKeysToRemove.push(key); 105 } 106 } 107 localKeysToRemove.forEach((key) => { 108 localStorage.removeItem(key); 109 }); 110 111 const vcChatbotDataRegex = /^vcChatbotData_[\w-]+$/; 112 const sessionKeysToRemove = []; 113 for (let i = 0; i < sessionStorage.length; i++) { 114 const key = sessionStorage.key(i); 115 if (vcChatbotDataRegex.test(key)) { 116 sessionKeysToRemove.push(key); 117 } 118 } 119 sessionKeysToRemove.forEach((key) => { 120 sessionStorage.removeItem(key); 121 }); 122 sessionStorage.setItem(vocallsUserInputStaffino, falseValue); 123 124 return Promise.resolve(); 125 } 126 127 // edge-case where luigi's box deletes DOM elements along with styles 128 function preserveChatButtonRemoval() { 129 function applyChatInvisibility() { 130 const chatWindowContainer = document.getElementById('vc-chatbot-container'); 131 if (chatWindowContainer) { 132 chatWindowContainer.setAttribute('style', 'visibility: hidden;'); 133 return true; 134 } 135 return false; 136 } 137 138 function isLuigisBoxActive() { 139 return document.querySelector('#lb-search-element') !== null; 140 } 141 142 const observer = new MutationObserver(() => { 143 if (isLuigisBoxActive()) { 144 applyChatInvisibility(); 145 } 146 }); 147 148 observer.observe(document, { 149 childList: true, 150 subtree: true 151 }); 152 153 if (isLuigisBoxActive()) { 154 applyChatInvisibility(); 155 } 156 } 157 // edge-case where luigi's box deletes DOM elements along with styles 158 159 window.openChat = function () { 160 const formFilled = sessionStorage.getItem('Vocalls_ChatbotFormSubmitted'); 161 const isChatbotMinimized = sessionStorage.getItem('o2ChatbotMinimized') === 'true'; 162 163 if (isChatbotMinimized) { 164 sessionStorage.setItem('o2ChatbotMinimized', 'false'); 165 } else if (formFilled === 'false') { 166 sessionStorage.setItem('Vocalls_UserFormData', JSON.stringify({ name: '', msisdn: '' })); 167 } 168 169 window.openChatInside(); 170 }; 171 172 window.openChatInside = async function (options) { 173 const skipForm = (options && options.skipForm === true) || resolveChatbotDeeplinkParams().chatBOTAutoStart; 174 const userContext = resolveVocallsUserContext(); 175 if ( 176 !skipForm && 177 userContext && 178 userContext.msisdn === '' && 179 userContext.msisdnDigest === '' && 180 userContext.nameForm === '' 181 ) { 182 const isBubbleScheme = window.Liferay?.AUI?.getAvailableLangPath?.()?.includes('scheme-bubble'); 183 const chatbotForm = document.getElementById(isBubbleScheme ? 'bb-form-chatbot-box' : 'form-chatbot-box'); 184 if (chatbotForm) chatbotForm.style.display = 'block'; 185 return; 186 } 187 188 var chatButton = document.getElementsByClassName('vc-toggle-controller')[0]; 189 var chatWindow = document.getElementsByClassName('vc-message-area--flex')[0]; 190 var callCenterButton = document.querySelector('.call-center-icon'); 191 var chatWindowElement = document.getElementsByClassName('vc-chat-window')[0]; 192 193 // ----------------------------------------------------------------------------------------------------------- 194 // user input flag true - when? inside open chat function 195 var chatMessageElement = document.getElementsByClassName('vc-message-input')[0]; 196 chatMessageElement.addEventListener('keydown', function (e) { 197 if (e.key === 'Enter') { 198 sessionStorage.setItem(vocallsUserInputStaffino, trueValue); 199 } 200 }); 201
202 const sendButton = document.querySelector('.vc-icon--send-message'); 203 sendButton.addEventListener('click', function () { 204 sessionStorage.setItem(vocallsUserInputStaffino, trueValue); 205 }); 206 207 const chatRegex = /^vcChatbotData_[\w-]+$/; 208 209 let chatData = null; 210 for (let i = 0; i < sessionStorage.length; i++) { 211 const key = sessionStorage.key(i); 212 if (chatRegex.test(key)) { 213 chatData = JSON.parse(sessionStorage.getItem(key)); 214 break; 215 } 216 } 217 const userInputFlag = chatData?.some((item, idx, arr) => { 218 return item.isRobot === false || (item.isRobot == null && arr[idx + 1]?.isRobot === true); 219 }); 220 sessionStorage.setItem(vocallsUserInputStaffino, userInputFlag ? trueValue : falseValue); 221 // ----------------------------------------------------------------------------------------------------------- 222 223 // START END WATCHER 224 (function startChatEndWatcher() { 225 let watcherHandle = null; 226 let triggered = false; 227 228 function scanForEndAndRate() { 229 if (triggered) return; 230 231 const chatRegex = /^vcChatbotData_[\w-]+$/; 232 let chatDataRaw = null; 233 234 for (let i = 0; i < sessionStorage.length; i++) { 235 const key = sessionStorage.key(i); 236 if (chatRegex.test(key)) { 237 chatDataRaw = sessionStorage.getItem(key); 238 break; 239 } 240 } 241 242 if (!chatDataRaw) return; 243 244 let chatData; 245 try { 246 chatData = JSON.parse(chatDataRaw); 247 } catch (e) { 248 return; 249 } 250 if (!Array.isArray(chatData) || !chatData.length) return; 251 252 const lastItem = chatData[chatData.length - 1]; 253 const isEnd = lastItem && typeof lastItem.type === 'string' && lastItem.type.trim().toUpperCase() === 'END'; 254 if (!isEnd) return; 255 256 const sessionRegex = /^VocallsSessionId_[\w-]+$/; 257 let sessionId = null; 258 for (let i = 0; i < localStorage.length; i++) { 259 const key = localStorage.key(i); 260 if (sessionRegex.test(key)) { 261 sessionId = localStorage.getItem(key); 262 break; 263 } 264 } 265 if (!sessionId) return; 266 267 triggered = true; 268 clearInterval(watcherHandle); 269 watcherHandle = null; 270 vocallsChatbotGenerateRating(sessionId, true); 271 } 272 273 watcherHandle = setInterval(scanForEndAndRate, 5000); 274 })(); 275 // END WATCHER 276 277 if (chatButton) { 278 if (!(await continueChat())) { 279 await resetChatID(); 280 } 281 if (chatWindowElement && chatWindowElement.classList.contains('vc-hide-element')) { 282 await window.unhideChat(); 283 return; 284 } 285 chatButton.click(); 286 } 287 }; 288 289 document.addEventListener('DOMContentLoaded', async function () { 290 preserveChatButtonRemoval(); 291 292 var callCenterButton = document.querySelector('.call-center-icon'); 293 294 async function performCheck() { 295 const continuationOfPrevious = await continueChat(); 296 297 const deeplinkParams = resolveChatbotDeeplinkParams(); 298 if (deeplinkParams.chatBOTAutoStart && !continuationOfPrevious) { 299 const triggerAutostart = () => { 300 const ccIcon = document.querySelector('.call-center-icon'); 301 if (ccIcon) { 302 ccIcon.classList.remove('vc-hide-element'); 303 ccIcon.classList.add('show'); 304 } 305 window.openChatInside({ skipForm: true }); 306 }; 307 308 const controller = document.getElementsByClassName('vc-toggle-controller')[0]; 309 if (controller) { 310 triggerAutostart(); 311 return; 312 } 313 314 const autostartObserver = new MutationObserver(() => { 315 const controller = document.getElementsByClassName('vc-toggle-controller')[0]; 316 if (controller) { 317 autostartObserver.disconnect(); 318 triggerAutostart(); 319 } 320 }); 321 autostartObserver.observe(document.body, { childList: true, subtree: true }); 322 return; 323 } 324 325 const chatWidgetDisabledByShowFlag = typeof showChatWidget !== 'undefined' && showChatWidget === false; 326 const chatWidgetLiferayConfiguration = typeof O2BOTAvailable !== 'undefined' && O2BOTAvailable === true; 327 328 async function hasQueueCapacityAvailable() { 329 const configUrl = 'https://chat.o2.sk/genesys/1/service/Capacity_Chat_DEFAULT_web'; 330 try { 331 const response = await fetch(configUrl, { 332 method: 'GET' 333 }); 334 335 if (!response.ok) { 336 return false;
337 } 338 339 const data = await response.json(); 340 const slots = Array.isArray(data?.slots) ? data.slots : []; 341 return slots.some((queue) => Number(queue?.capacity) > 0); 342 } catch (error) { 343 console.error('Error fetching queue capacity:', error); 344 return false; 345 } 346 } 347 348 let queueCapacityAvailable = true; 349 if (!continuationOfPrevious && chatWidgetLiferayConfiguration) { 350 queueCapacityAvailable = await hasQueueCapacityAvailable(); 351 } 352 353 const shouldHideChatWidget = 354 (chatWidgetDisabledByShowFlag || (chatWidgetLiferayConfiguration && !queueCapacityAvailable)) && 355 !continuationOfPrevious; 356 357 if (shouldHideChatWidget) { 358 if (callCenterButton) { 359 callCenterButton.style.display = 'none'; 360 } 361 return; 362 } 363 364 if (callCenterButton) { 365 var ccIcon = document.querySelector('.call-center-icon'); 366 if (ccIcon) { 367 ccIcon.classList.add('show'); 368 } 369 } 370 371 if (continuationOfPrevious) { 372 const controller = document.getElementsByClassName('vc-toggle-controller')[0]; 373 if (controller) { 374 callCenterButton.classList.remove('vc-hide-element'); 375 window.openChatInside({ skipForm: true }); 376 return; 377 } 378 379 const oneTimeObserver = new MutationObserver(() => { 380 const controller = document.getElementsByClassName('vc-toggle-controller')[0]; 381 if (controller) { 382 callCenterButton.classList.remove('vc-hide-element'); 383 window.openChatInside({ skipForm: true }); 384 oneTimeObserver.disconnect(); 385 } 386 }); 387 oneTimeObserver.observe(document.body, { childList: true, subtree: true }); 388 return; 389 } 390 391 return; 392 } 393 394 // necessary initial timeout for Vocalls script to add vocallsChatbot.apiEndpoint to the window object 395 setTimeout(performCheck, 1000); 396 397 var observer = new MutationObserver(async function (mutations) { 398 for (const mutation of mutations) { 399 if (mutation.addedNodes.length) { 400 const isBubble = window.Liferay?.AUI?.getAvailableLangPath?.()?.includes('scheme-bubble'); 401 var targetSendButton = document.querySelector('.vc-icon--send-message'); 402 var sendButton = document.getElementById('o2-chatbot-send'); 403 if (targetSendButton && !sendButton) { 404 var newSendButton = document.createElement(!isBubble ? 'o2-icon-button' : 'bb-button-icon'); 405 newSendButton.setAttribute('aria-label', 'Add button'); 406 newSendButton.setAttribute('id', 'o2-chatbot-send'); 407 newSendButton.setAttribute('icon', 'chevron-right'); 408 newSendButton.setAttribute('class', !isBubble ? 'o2-chatbot-send-button' : 'o2-chatbot-send-button-bb'); 409 newSendButton.addEventListener('click', function () { 410 targetSendButton.click(); 411 }); 412 413 targetSendButton.parentNode.insertBefore(newSendButton, targetSendButton); 414 } 415 416 var targetCloseButton = document.querySelector('.vc-icon--cross'); 417 var existingCloseButton = document.getElementById('o2-chatbot-close'); 418 if (targetCloseButton && !existingCloseButton) { 419 var newCloseButton = document.createElement(!isBubble ? 'o2-icon' : 'bb-icon'); 420 newCloseButton.setAttribute('color', !isBubble ? 'white' : 'on-brand-xhigh-stable'); 421 newCloseButton.setAttribute('name', !isBubble ? 'close' : 'cancel'); 422 newCloseButton.setAttribute('id', 'o2-chatbot-close'); 423 newCloseButton.setAttribute('size', !isBubble ? '20' : 'l'); 424 newCloseButton.setAttribute( 425 'style', 426 `position: relative; bottom: 0; cursor: pointer; ${!isBubble ? '' : 'border: 4px solid #3575ff;'}` 427 ); 428 newCloseButton.setAttribute('class', 'close-replacement-button'); 429 newCloseButton.addEventListener('click', function () { 430 targetCloseButton.click(); 431 }); 432 433 targetCloseButton.parentNode.insertBefore(newCloseButton, targetCloseButton); 434 } 435 436 var targetOptionsElement = document.querySelector('.vc-icon--vertical-dots'); 437 var optionsIcon = document.getElementById('o2-chatbot-options'); 438 if (targetOptionsElement && !optionsIcon) { 439 var newOptionsElement = document.createElement(!isBubble ? 'o2-icon' : 'bb-icon'); 440 newOptionsElement.setAttribute('color', !isBubble ? 'white' : 'on-brand-xhigh-stable'); 441 newOptionsElement.setAttribute('name', !isBubble ? 'more' : 'ellipsis'); 442 newOptionsElement.setAttribute('id', 'o2-chatbot-options'); 443 newOptionsElement.setAttribute('size', !isBubble ? '20' : 'l'); 444 newOptionsElement.setAttribute( 445 'style', 446 `position: relative; bottom: 0; cursor: pointer; ${!isBubble ? '' : 'border: 4px solid #3575ff;'}` 447 ); 448 newOptionsElement.setAttribute('class', 'options-replacement-button'); 449 newOptionsElement.addEventListener('click', function () { 450 targetOptionsElement.click(); 451 }); 452 targetOptionsElement.parentNode.insertBefore(newOptionsElement, targetOptionsElement); 453 } 454 455 var targetMinimizeElement = document.querySelector('.vc-icon--resize-arrows'); 456 var minimizeButton = document.getElementById('o2-chatbot-minimize'); 457 if (targetMinimizeElement && !minimizeButton) { 458 var newMinimizeElement = document.createElement(!isBubble ? 'o2-icon' : 'bb-icon'); 459 newMinimizeElement.setAttribute('color', !isBubble ? 'white' : 'on-brand-xhigh-stable'); 460 newMinimizeElement.setAttribute('name', !isBubble ? 'minus' : 'remove'); 461 newMinimizeElement.setAttribute('id', 'o2-chatbot-minimize'); 462 newMinimizeElement.setAttribute('size', !isBubble ? '20' : 'l'); 463 newMinimizeElement.setAttribute( 464 'style', 465 `position: relative; bottom: 0; cursor: pointer; ${!isBubble ? '' : 'border: 4px solid #3575ff;'}` 466 ); 467 newMinimizeElement.setAttribute('class', 'minimize-replacement-button'); 468 newMinimizeElement.addEventListener('click', function () { 469 sessionStorage.setItem('o2ChatbotMinimized', 'true'); 470 hideChat(); 471 }); 472 473 targetMinimizeElement.parentNode.insertBefore(newMinimizeElement, targetMinimizeElement); 474 } 475 476 var targetResizeElement = document.querySelector('.vc-icon--resize-arrows'); 477 var resizeIcon = document.getElementById('o2-chatbot-resize'); 478 if (targetResizeElement && !resizeIcon) { 479 var newResizeElement = document.createElement(!isBubble ? 'o2-icon' : 'bb-icon'); 480 newResizeElement.setAttribute('color', !isBubble ? 'white' : 'on-brand-xhigh-stable'); 481 newResizeElement.setAttribute('name', !isBubble ? 'unfold' : 'arrow-double2'); 482 newResizeElement.setAttribute('id', 'o2-chatbot-resize'); 483 newResizeElement.setAttribute('size', !isBubble ? '20' : 'l'); 484 newResizeElement.setAttribute( 485 'style', 486 `position: relative; bottom: 0; cursor: pointer; ${!isBubble ? '' : 'border: 4px solid #3575ff;'}` 487 ); 488 newResizeElement.setAttribute('class', 'resize-replacement-button'); 489 newResizeElement.addEventListener('click', function () { 490 var targetResizeElement = document.querySelector('.vc-icon--resize-arrows'); 491 var targetResizeDownElement = document.querySelector('.vc-icon--arrow-bottom-right'); 492 if (targetResizeElement) { 493 targetResizeElement.click(); 494 } 495 if (targetResizeDownElement) { 496 targetResizeDownElement.click(); 497 } 498 }); 499 targetResizeElement.parentNode.insertBefore(newResizeElement, targetResizeElement); 500 } 501 502 if (minimizeButton && sendButton && resizeIcon && optionsIcon) { 503 observer.disconnect(); 504 } 505 } 506 } 507 }); 508 509 observer.observe(document.body, { childList: true, subtree: true }); 510 }); 511 512 window.hideChat = async function () { 513 var chatWindow = document.getElementsByClassName('vc-chat-window')[0]; 514 var shrinkButton = document.getElementsByClassName('vc-icon--arrow-bottom-right')[0]; 515 var chatButton = document.getElementsByClassName('button-cc')[0]; 516 517 if (shrinkButton) { 518 await new Promise((resolve) => { 519 shrinkButton.addEventListener('click', resolve, { once: true }); 520 shrinkButton.click(); 521 }); 522 } 523 524 if (chatWindow) { 525 chatWindow.classList.add('vc-hide-element'); 526 } 527 528 if (chatButton) { 529 chatButton.style.setProperty('display', 'flex', 'important'); 530 } 531 }; 532 533 window.unhideChat = async function () { 534 var chatWindow = document.getElementsByClassName('vc-chat-window')[0]; 535 if (chatWindow) { 536 chatWindow.classList.remove('vc-hide-element'); 537 } 538 }; 539 540 const resolveVocallsUserContext = () => {
541 const urlParams = new URLSearchParams(window.location.search); 542 const urlObj = new URL(window.location.href); 543 544 let msisdn = document.head.querySelector('[name=eportal-context-msisdn]')?.content || ''; 545 let msisdnDigest = document.head.querySelector('[name=eportal-context-msisdn-digest]')?.content || ''; 546 547 msisdn = msisdn || urlParams.get('msisdn') || urlObj.searchParams.get('msisdn') || ''; 548 msisdnDigest = msisdnDigest || urlParams.get('MDInfo') || urlObj.searchParams.get('MDInfo') || ''; 549 550 const form = JSON.parse(sessionStorage.getItem('Vocalls_UserFormData') || '{}'); 551 const nameForm = form?.name || ''; 552 const MSISDNForm = form?.msisdn || ''; 553 554 return { msisdn, msisdnDigest, nameForm, MSISDNForm }; 555 }; 556 557 const resolveChatbotDeeplinkParams = () => { 558 const urlParams = new URLSearchParams(window.location.search); 559 const urlObj = new URL(window.location.href); 560 561 const autoStartRaw = urlParams.get('chatBOTAutoStart') || urlObj.searchParams.get('chatBOTAutoStart') || ''; 562 const chatBOTAutoStart = String(autoStartRaw).toLowerCase() === 'true'; 563 const chatBOTSource = urlParams.get('chatBOTSource') || urlObj.searchParams.get('chatBOTSource') || ''; 564 const eventId = urlParams.get('eventId') || urlObj.searchParams.get('eventId') || ''; 565 566 return { chatBOTAutoStart, chatBOTSource, eventId }; 567 }; 568 569 Vocalls_chatbot_onInit = async function () { 570 const oldInlineStaffino = document.getElementById('vc-inline-staffino-rating'); 571 if (oldInlineStaffino) { 572 oldInlineStaffino.remove(); 573 } 574 575 const getUserContext = resolveVocallsUserContext(); 576 577 /* call Fingerprint async function */ 578 const fingerprint = await new Promise((resolve) => { 579 new Fingerprint2().get((result, components) => resolve(result)); 580 }); 581 582 /* get user data from navigator */ 583 const userData = userDataOnInit(); 584 585 const appVersion = userData.appVersion ? userData.appVersion : ''; 586 const platform = userData.platform ? userData.platform : ''; 587 const appCodeName = userData.appCodeName ? userData.appCodeName : ''; 588 589 const userAgentData = userData.userAgentData ? userData.userAgentData : null; 590 const userAgentPlatform = userAgentData ? userAgentData.platform : ''; 591 const brands = userAgentData ? userAgentData.brands : null; 592 const brand = brands ? brands[0].brand : ''; 593 594 const deeplinkParams = resolveChatbotDeeplinkParams(); 595 596 const initParams = { 597 nameForm: getUserContext.nameForm, 598 MSISDNForm: getUserContext.MSISDNForm, 599 msisdn: getUserContext.msisdn, 600 msisdnDigest: getUserContext.msisdnDigest, 601 fingerprint: fingerprint, 602 appVersion: appVersion, 603 appCodeName: appCodeName, 604 userAgentPlatform: userAgentPlatform, 605 platform: platform, 606 brand: brand 607 }; 608 609 const formData = JSON.parse(sessionStorage.getItem('Vocalls_UserFormData') || '{}'); 610 if (formData && (formData.name || formData.msisdn)) { 611 initParams.isFormEnabled = 'true'; 612 } 613 614 if (deeplinkParams.chatBOTAutoStart) { 615 if (deeplinkParams.chatBOTSource) { 616 initParams.chatBOTSource = deeplinkParams.chatBOTSource; 617 } 618 if (deeplinkParams.eventId) { 619 initParams.eventId = deeplinkParams.eventId; 620 } 621 } 622 623 return initParams; 624 }; 625 626 userDataOnInit = function () { 627 return { 628 userAgentData: window.navigator.userAgentData, 629 platform: window.navigator.platform, 630 appCodeName: window.navigator.appCodeName, 631 appVersion: window.navigator.appVersion 632 }; 633 }; 634 635 /* STAFFINO */ 636 const vocallsUserInputStaffino = 'Vocalls_UserInputStaffino'; 637 const trueValue = 'true'; 638 const falseValue = 'false'; 639 640 async function vocallsChatbotGenerateRating(sessionId, insideChat) { 641 sessionStorage.setItem('Vocalls_ChatbotFormSubmitted', 'false'); 642 643 //var staffinoConfigStr = await getStaffinoConfig(); 644 var BASE_URL = 'https://bravo.staffino.com/o2-slovakia/id=WWFa92R2'; 645 var stars_question = 'Ako Vám uľahÄil Chatbot O2 vyrieÅ¡enie VaÅ¡ej požiadavky?'; 646 var stars_rating_low = 'Vôbec neuľahÄil'; 647 var stars_rating_high = 'Výrazne uľahÄil'; 648 var l_iid = sessionId; 649 650 function getLastSpanValueInChatWindow(spanId) { 651 // Select the div with class "vc-chat-window" 652 const chatWindow = document.querySelector('div.vc-chat-window'); 653 654 // If the chat window exists, find spans within it 655 if (chatWindow) { 656 const spans = chatWindow.querySelectorAll(`span#${spanId}`); 657 658 // Check if any spans were found 659 if (spans.length > 0) { 660 // Return the text content of the last span element 661 return spans[spans.length - 1].textContent; 662 } 663 } 664 665 // Return '' if no spans were found or if the chat window doesn't exist 666 return ''; 667 } 668 669 var eid = (lastSpanValue = getLastSpanValueInChatWindow('vc_staffino_genesys_eid')); 670 var msisdn = (lastSpanValue = getLastSpanValueInChatWindow('vc_staffino_genesys_ms')); 671 var failedTransferToAgent = (lastSpanValue = getLastSpanValueInChatWindow('vc_staffino_genesys_ftta')); 672 var userInputStaffino = sessionStorage.getItem(vocallsUserInputStaffino); 673 674 if (document.getElementById('vc_staffino_genesys_em')) 675 var email = document.getElementById('vc_staffino_genesys_em').innerHTML; 676 else var email = ''; 677 if (document.getElementById('vc_staffino_genesys_qs')) 678 var source = document.getElementById('vc_staffino_genesys_qs').innerHTML; 679 else var source = ''; 680 if (document.getElementById('vc_staffino_genesys_gi')) 681 var guid = document.getElementById('vc_staffino_genesys_gi').innerHTML; 682 else var guid = ''; 683 684 if (guid != '') l_iid = guid; 685 686 var staffinoConfigLoadOk = false;
687 688 if (eid == 'undefined' || eid == '' || source == 'undefined' || source == '') { 689 staffinoConfigLoadOk = false; 690 } else { 691 staffinoConfigLoadOk = true; 692 BASE_URL = 'https://bravo.staffino.com/o2-slovakia/id=WWPWYGt9'; 693 stars_question = 'Ako ste boli spokojný/á s prÃstupom kolegu?'; 694 stars_rating_low = 'Veľmi nespokojný/á'; 695 stars_rating_high = 'Veľmi spokojný/á'; 696 } 697 698 /* if (staffinoConfigStr) { 699 var staffinoConfig = staffinoConfigStr.split('|'); 700 if (staffinoConfig.length >= 4) { 701 eid = staffinoConfig[0]; 702 source = staffinoConfig[1]; 703 email = staffinoConfig[2]; 704 msisdn = staffinoConfig[3]; 705 706 if (eid == 'undefined' || eid == '' || source == 'undefined' || source == '') { 707 staffinoConfigLoadOk = false; 708 } else { 709 staffinoConfigLoadOk = true; 710 } 711 } 712 } 713 */ 714 715 if (staffinoConfigLoadOk == false) { 716 /* set fallback */ 717 eid = '600100'; // o2.sk OR all other domains (like test, etc...) 718 source = 'web-o2'; 719 720 var currentUrl = window.location.host; 721 if (currentUrl) { 722 if (currentUrl.indexOf('radost.digital') >= 0 || currentUrl.indexOf('radost.sk') >= 0) { 723 eid = '600200'; 724 source = 'web-ra'; 725 stars_question = 'Ako Vám uľahÄil Chatbot RadosÅ¥ vyrieÅ¡enie VaÅ¡ej požiadavky?'; 726 } else if (currentUrl.indexOf('tescomobile.sk') >= 0) { 727 eid = '600300'; 728 source = 'web-tm'; 729 stars_question = 'Ako Vám uľahÄil Chatbot Tescomobile vyrieÅ¡enie VaÅ¡ej požiadavky?'; 730 } 731 } 732 } 733 734 const chatRegex = /^vcChatbotData_[\w-]+$/; 735 let chatData = null; 736 for (let i = 0; i < sessionStorage.length; i++) { 737 const key = sessionStorage.key(i); 738 if (chatRegex.test(key)) { 739 chatData = JSON.parse(sessionStorage.getItem(key)); 740 break; 741 } 742 } 743 const userInputFlag = chatData?.some((item, idx, arr) => { 744 return item.isRobot === false || (item.isRobot == null && arr[idx + 1]?.isRobot === true); 745 }); 746 747 if (userInputStaffino == undefined || (userInputStaffino === trueValue && userInputFlag)) { 748 if (insideChat === true) { 749 appendStarsIntoMessageArea(); 750 } else { 751 composeDialog(); 752 } 753 } 754 755 async function sha256(message) { 756 const msgBuffer = new TextEncoder().encode(message); 757 const hashBuffer = await crypto.subtle.digest('SHA-256', msgBuffer); 758 const hashArray = Array.from(new Uint8Array(hashBuffer)); 759 const hashHex = hashArray.map((b) => b.toString(16).padStart(2, '0')).join(''); 760 return hashHex; 761 } 762 763 async function getStaffinoConfig() { 764 try { 765 fullUrl = vocallsChatbot.apiEndpoint + '/' + vocallsChatbot.key + '/rpc'; 766 767 const options = { 768 method: 'POST', 769 headers: { 770 'Content-Type': 'application/json', 771 'Vocalls-SessionId': sessionId 772 }, 773 body: JSON.stringify({ 774 name: 'getStaffinoConfig', 775 args: [] 776 }) 777 }; 778 779 const response = await fetch(fullUrl, options); 780 if (response) { 781 var responseJson = await response.json(); 782 if (responseJson && responseJson.value && responseJson.value.result) { 783 return responseJson.value.result; 784 } 785 } 786 } catch (e) { 787 return ''; 788 } 789 790 return ''; 791 } 792 793 async function composeRaitingUrl(raiting) { 794 var parameters = { 795 eid: eid, 796 email: email, 797 iid: l_iid, 798 msisdn: msisdn, 799 reference: '', 800 source: source, 801 stars: raiting 802 }; 803 804 if (failedTransferToAgent != null && failedTransferToAgent !== '') { 805 parameters.failedTransferToAgent = failedTransferToAgent === 'true' ? 'TRUE' : 'FALSE'; 806 } 807 var checksumChain = Object.entries(parameters) 808 .sort(([keyA], [keyB]) => keyA.localeCompare(keyB)) 809 .map(([key, val]) => `${key}${val || ''}`) 810 .join(''); 811 var encryptedChecksum = await sha256(`${checksumChain}dfUriNX@2C89`); 812 parameters.checksum = encryptedChecksum.substring(0, 5); 813 814 var parametersChain = Object.entries(parameters) 815 .map(([key, val]) => `${key}=${val}`) 816 .join('&'); 817 return `${BASE_URL}?${parametersChain}`; 818 } 819 820 function generateStar(color, raiting, baseColor, clickCallback) { 821 var svg = `<svg stroke="currentColor" fill="currentColor" viewBox="0 0 576 512" width="50px" xmlns="http://www.w3.org/2000/svg"><path d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19
821-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"></path></svg>`; 822 var container = document.createElement('div'); 823 var link = document.createElement('a'); 824 825 link.setAttribute('target', '_blank'); 826 link.style.color = 'inherit'; 827 828 container.addEventListener('click', async function () { 829 if (!insideChat) { 830 clickCallback(); 831 } 832 }); 833 834 container.style.marginRight = '10px'; 835 container.style.cursor = 'pointer'; 836 container.style.color = baseColor; 837 838 link.innerHTML = svg; 839 container.appendChild(link); 840 841 return { container, link, raiting, color }; 842 } 843 844 function composeStarsRaiting(clickCallback) { 845 var colors = ['#ff5a00', '#e67e23', '#ffd112', '#97d700', '#00b92e']; 846 var baseColor = 'rgb(182, 199, 218)'; 847 var container = document.createElement('div'); 848 849 var starsContainer = document.createElement('div'); 850 starsContainer.style.display = 'flex'; 851 starsContainer.style.justifyContent = 'center'; 852 starsContainer.style.marginTop = '20px'; 853 854 var starElements = colors.map((color, index) => generateStar(color, index + 1, baseColor, clickCallback)); 855 var isClickFrozen = false; 856 var frozenIndex = -1; 857 858 function setHoverState(activeIndex) { 859 if (isClickFrozen) return; 860 starElements.forEach((star, idx) => { 861 star.container.style.color = idx <= activeIndex ? colors[idx] : baseColor; 862 if (idx === activeIndex) { 863 star.container.style.position = 'relative'; 864 star.container.style.bottom = '10px'; 865 } else { 866 star.container.style.position = ''; 867 star.container.style.bottom = ''; 868 } 869 }); 870 } 871 872 starElements.forEach(async (star, index) => { 873 const { container, link, raiting } = star; 874 container.addEventListener('mouseenter', () => setHoverState(index)); 875 container.addEventListener('click', () => { 876 if (!isClickFrozen) { 877 isClickFrozen = true; 878 frozenIndex = index; 879 setHoverState(index); 880 starElements.forEach((s) => { 881 s.container.style.pointerEvents = 'none'; 882 }); 883 } 884 }); 885 starsContainer.appendChild(container); 886 887 var raitingUrl = await composeRaitingUrl(raiting); 888 link.setAttribute('href', raitingUrl); 889 }); 890 891 starsContainer.addEventListener('mouseleave', () => { 892 if (!isClickFrozen) { 893 setHoverState(-1); 894 } 895 }); 896 setHoverState(-1); 897 898 if (insideChat === true && starElements.length) { 899 const lastStar = starElements[starElements.length - 1].container; 900 lastStar.style.marginRight = '0'; 901 } 902 903 var perexContainer = document.createElement('div'); 904 perexContainer.style.display = 'flex'; 905 perexContainer.style.justifyContent = 'space-between'; 906 907 if (insideChat === true) { 908 perexContainer.style.margin = '5px 0px 0'; 909 } else { 910 perexContainer.style.margin = '5px 50px 0'; 911 } 912 913 var perexLow = document.createElement('div'); 914 perexLow.innerHTML = stars_rating_low; 915 perexLow.style.color = '#ff5a00'; 916 perexLow.style.fontWeight = '600'; 917 918 var perexHigh = document.createElement('div'); 919 perexHigh.innerHTML = stars_rating_high; 920 perexHigh.style.color = '#00b92e'; 921 perexHigh.style.fontWeight = '600'; 922 923 perexContainer.appendChild(perexLow); 924 perexContainer.appendChild(perexHigh); 925 926 container.appendChild(starsContainer); 927 container.appendChild(perexContainer); 928 929 return container; 930 } 931 932 function appendStarsIntoMessageArea() { 933 const messageArea = document.getElementsByClassName('vc-message-area--flex')[0]; 934 if (!messageArea) return; 935 if (document.getElementById('vc-inline-staffino-rating')) return; 936 937 const wrapper = document.createElement('div'); 938 wrapper.id = 'vc-inline-staffino-rating'; 939 wrapper.style.padding = '12px 16px'; 940 wrapper.style.margin = '12px 0'; 941 wrapper.style.background = '#ffffff'; 942 wrapper.style.borderRadius = '16px'; 943 wrapper.style.textAlign = 'center'; 944 945 const title = document.createElement('div'); 946 title.style.fontWeight = '700'; 947 title.style.marginBottom = '8px'; 948 title.textContent = stars_question; 949 950 const stars = composeStarsRaiting(() => { 951 wrapper.remove(); 952 }); 953 954 wrapper.appendChild(title); 955 wrapper.appendChild(stars); 956 messageArea.appendChild(wrapper); 957 messageArea.scrollTop = messageArea.scrollHeight; 958 } 959 960 function composeDialog() { 961 if (document.getElementById('vc-inline-staffino-rating')) return; 962 963 var chatbotContainer = document.getElementById('vc-chatbot-container'); 964 965 var modalOverlay = document.createElement('div'); 966 modalOverlay.classList.add('vc-window-overlay', 'vc-window-overlay--deep'); 967 968 var modalContainer = document.createElement('div'); 969 modalContainer.classList.add('vc-dialog-window'); 970 modalContainer.style.width = '475px'; 971 modalContainer.style.maxWidth = '90%'; 972 973 var modalHeader = document.createElement('div'); 974 modalHeader.classList.add('vc-dialog-window__heading'); 975 modalHeader.style.justifyContent = 'end'; 976 modalHeader.style.padding = '5px 0 0'; 977 978 var modalCloseBtn = document.createElement('span'); 979 modalCloseBtn.classList.add('vc-icon', 'vc-icon--cross', 'text--small', 'vc-icon-button'); 980 modalCloseBtn.style.color = 'rgb(0, 80, 255)'; 981 modalCloseBtn.addEventListener('click', function () { 982 modalContainer.remove(); 983 modalOverlay.remove(); 984 }); 985 986 modalHeader.appendChild(modalCloseBtn); 987 988 var modalTitle = document.createElement('div'); 989 modalTitle.classList.add('vc-dialog-window__title'); 990 modalTitle.style.textAlign = 'center'; 991 modalTitle.innerHTML = stars_question; 992 993 var modalContent = document.createElement('div'); 994 modalContent.style.paddingBottom = '20px'; 995 var starsRaiting = composeStarsRaiting(function () { 996 modalContainer.remove(); 997 modalOverlay.remove(); 998 }); 999 modalContent.appendChild(modalTitle); 1000 modalContent.appendChild(starsRaiting); 1001 1002 modalContainer.appendChild(modalHeader); 1003 modalContainer.appendChild(modalContent); 1004 1005 chatbotContainer.appendChild(modalContainer); 1006 chatbotContainer.appendChild(modalOverlay); 1007 } 1008 } 1009</script>
1009 <button class="button-cc call-center-icon" onclick="openChat();" aria-label="Otvoriť chat"> <svg width="88" height="89" viewBox="0 0 88 89" fill="none" xmlns="http://www.w3.org/2000/svg"> <g filter="url(#filter0_d_23208_1416)"> <circle cx="44" cy="41" r="32" fill="white" /> </g> <g filter="url(#filter1_d_23208_1416)"> <rect x="12" y="65" width="64" height="19" rx="4" fill="#0050FF" /> <path d="M16.29 71.57C16.29 71.4233 16.3267 71.3133 16.4 71.24C16.48 71.16 16.5933 71.12 16.74 71.12H17.54L21.07 75.94V71.12H22.33V78H21.49C21.37 78 21.27 77.99 21.19 77.97C21.1167 77.9433 21.0467 77.9033 20.98 77.85C20.92 77.79 20.8467 77.7033 20.76 77.59L17.56 73.22V78H16.29V71.57ZM24.7302 78.09C24.4102 78.09 24.1236 78.0233 23.8702 77.89C23.6169 77.75 23.4202 77.5633 23.2802 77.33C23.1469 77.09 23.0802 76.8267 23.0802 76.54C23.0802 76.0333 23.3002 75.65 23.7402 75.39C24.1869 75.13 24.8436 75 25.7102 75L26.2202 75.01C26.2136 74.79 26.1736 74.6167 26.1002 74.49C26.0336 74.3567 25.9169 74.26 25.7502 74.2C25.5836 74.1333 25.3569 74.1 25.0702 74.1C24.8302 74.1 24.5636 74.12 24.2702 74.16C23.9836 74.1933 23.7236 74.24 23.4902 74.3V73.64C23.4902 73.5267 23.5102 73.4433 23.5502 73.39C23.5902 73.33 23.6669 73.2833 23.7802 73.25C23.9536 73.1967 24.1736 73.1533 24.4402 73.12C24.7136 73.08 24.9869 73.06 25.2602 73.06C26.0936 73.06 26.6869 73.2233 27.0402 73.55C27.3936 73.87 27.5702 74.31 27.5702 74.87V76.58C27.5702 76.76 27.5969 76.89 27.6502 76.97C27.7036 77.0433 27.8069 77.08 27.9602 77.08C28.0136 77.08 28.0669 77.0767 28.1202 77.07C28.1736 77.0633 28.2202 77.0533 28.2602 77.04V77.67C28.2602 77.75 28.2469 77.82 28.2202 77.88C28.1936 77.9333 28.1269 77.9767 28.0202 78.01C27.8669 78.0567 27.6936 78.08 27.5002 78.08C26.8936 78.08 26.5036 77.8167 26.3302 77.29C26.1569 77.5433 25.9302 77.74 25.6502 77.88C25.3702 78.02 25.0636 78.09 24.7302 78.09ZM24.3902 76.5C24.3902 76.6933 24.4569 76.8533 24.5902 76.98C24.7236 77.1067 24.9102 77.17 25.1502 77.17C25.3502 77.17 25.5302 77.1267 25.6902 77.04C25.8569 76.9533 25.9869 76.8333 26.0802 76.68C26.1736 76.52 26.2202 76.34 26.2202 76.14V75.79H25.9702C25.4302 75.79 25.0302 75.8433 24.7702 75.95C24.5169 76.0567 24.3902 76.24 24.3902 76.5ZM28.8066 73.49C28.8066 73.3767 28.8366 73.2933 28.8966 73.24C28.9566 73.18 29.04 73.15 29.1466 73.15H29.9866L30.0466 74.05C30.2 73.75 30.41 73.51 30.6766 73.33C30.95 73.15 31.2633 73.06 31.6166 73.06C32.0166 73.06 32.3833 73.1633 32.7166 73.37C33.05 73.5767 33.3133 73.8733 33.5066 74.26C33.7066 74.64 33.8066 75.08 33.8066 75.58C33.8066 76.08 33.7066 76.5233 33.5066 76.91C33.3133 77.29 33.05 77.5833 32.7166 77.79C32.3833 77.9967 32.0166 78.1 31.6166 78.1C31.3033 78.1 31.02 78.03 30.7666 77.89C30.52 77.7433 30.3166 77.5467 30.1566 77.3V80.25H28.8066V73.49ZM30.1566 75.58C30.1566 76.04 30.2533 76.4 30.4466 76.66C30.6466 76.92 30.9233 77.05 31.2766 77.05C31.6433 77.05 31.9233 76.92 32.1166 76.66C32.3166 76.4 32.4166 76.04 32.4166 75.58C32.4166 75.12 32.3166 74.76 32.1166 74.5C31.9233 74.2333 31.6433 74.1 31.2766 74.1C30.9233 74.1 30.6466 74.2333 30.4466 74.5C30.2533 74.76 30.1566 75.12 30.1566 75.58ZM34.613 73.49C34.613 73.3767 34.643 73.2933 34.703 73.24C34.763 73.18 34.8463 73.15 34.953 73.15H35.963V78H34.613V73.49ZM34.063 71.87L35.703 70.55C35.8563 70.4167 35.9963 70.35 36.123 70.35C36.2563 70.35 36.3596 70.4167 36.433 70.55L36.873 71.28L34.463 72.52L34.063 71.87ZM38.8017 78.1C38.5617 78.1 38.3151 78.0833 38.0617 78.05C37.8151 78.0233 37.6117 77.9833 37.4517 77.93C37.3184 77.89 37.2317 77.8433 37.1917 77.79C37.1517 77.73 37.1317 77.65 37.1317 77.55V76.87C37.3851 76.9433 37.6551 77.0033 37.9417 77.05C38.2284 77.09 38.5017 77.11 38.7617 77.11C39.0817 77.11 39.3184 77.0633 39.4717 76.97C39.6251 76.87 39.7017 76.7433 39.7017 76.59C39.7017 76.49 39.6717 76.41 39.6117 76.35C39.5584 76.29 39.4817 76.2433 39.3817 76.21C39.2817 76.17 39.1417 76.1267 38.9617 76.08L38.4817 75.95C38.0084 75.83 37.6451 75.6567 37.3917 75.43C37.1384 75.1967 37.0117 74.8833 37.0117 74.49C37.0117 74.0167 37.1951 73.66 37.5617 73.42C37.9351 73.18 38.4617 73.06 39.1417 73.06C39.3751 73.06 39.6051 73.0767 39.8317 73.11C40.0584 73.1367 40.2417 73.1733 40.3817 73.22C40.5151 73.2533 40.5984 73.2967 40.6317 73.35C40.6717 73.4033 40.6917 73.4867 40.6917 73.6V74.23C40.4584 74.17 40.2017 74.1233 39.9217 74.09C39.6417 74.0567 39.3851 74.04 39.1517 74.04C38.8584 74.04 38.6417 74.0733 38.5017 74.14C38.3684 74.2067 38.3017 74.3067 38.3017 74.44C38.3017 74.5667 38.3651 74.6667 38.4917 74.74C38.6251 74.8133 38.8
1009184 74.8833 39.0717 74.95L39.6117 75.09C39.8917 75.1633 40.1284 75.2467 40.3217 75.34C40.5151 75.4267 40.6751 75.5667 40.8017 75.76C40.9284 75.9467 40.9917 76.2 40.9917 76.52C40.9917 77.0333 40.8017 77.4267 40.4217 77.7C40.0484 77.9667 39.5084 78.1 38.8017 78.1ZM39.0217 72.56C38.9017 72.56 38.7984 72.5433 38.7117 72.51C38.6251 72.4767 38.5451 72.4167 38.4717 72.33L37.1017 70.81L37.9517 70.35L39.0217 71.63L40.0917 70.35L40.9417 70.82L39.5817 72.33C39.5151 72.41 39.4417 72.47 39.3617 72.51C39.2817 72.5433 39.1684 72.56 39.0217 72.56ZM43.733 78.1C43.3796 78.1 43.073 78.04 42.813 77.92C42.553 77.8 42.353 77.6233 42.213 77.39C42.073 77.1567 42.003 76.8767 42.003 76.55V74.13H41.013V73.49C41.013 73.3833 41.043 73.3 41.103 73.24C41.163 73.18 41.2463 73.15 41.353 73.15H42.003V71.75C42.003 71.6433 42.033 71.5633 42.093 71.51C42.153 71.45 42.2363 71.42 42.343 71.42H43.353V73.15H44.643V74.13H43.353V76.31C43.353 76.5767 43.4096 76.77 43.523 76.89C43.6363 77.01 43.8296 77.07 44.103 77.07C44.323 77.07 44.5863 77.0367 44.893 76.97V77.62C44.893 77.7 44.873 77.7667 44.833 77.82C44.7996 77.8733 44.7263 77.9233 44.613 77.97C44.5063 78.01 44.373 78.04 44.213 78.06C44.0596 78.0867 43.8996 78.1 43.733 78.1ZM47.7878 78.09C47.2878 78.09 46.8378 77.9933 46.4378 77.8C46.0378 77.6 45.7211 77.31 45.4878 76.93C45.2611 76.55 45.1478 76.1033 45.1478 75.59C45.1478 75.09 45.2511 74.65 45.4578 74.27C45.6645 73.8833 45.9478 73.5867 46.3078 73.38C46.6745 73.1667 47.0878 73.06 47.5478 73.06C48.0011 73.06 48.4078 73.1667 48.7678 73.38C49.1278 73.5867 49.4078 73.8767 49.6078 74.25C49.8145 74.6167 49.9178 75.04 49.9178 75.52C49.9178 75.66 49.9045 75.7967 49.8778 75.93H46.4578C46.4978 76.33 46.6511 76.63 46.9178 76.83C47.1845 77.0233 47.5345 77.12 47.9678 77.12C48.4145 77.12 48.9311 77.02 49.5178 76.82V77.48C49.5178 77.5667 49.4978 77.64 49.4578 77.7C49.4178 77.76 49.3311 77.8167 49.1978 77.87C49.0245 77.93 48.8078 77.98 48.5478 78.02C48.2945 78.0667 48.0411 78.09 47.7878 78.09ZM48.6378 75.05C48.6045 74.71 48.4845 74.45 48.2778 74.27C48.0778 74.09 47.8345 74 47.5478 74C47.2611 74 47.0178 74.09 46.8178 74.27C46.6245 74.4433 46.5078 74.7033 46.4678 75.05H48.6378ZM52.7922 73.49C52.7922 73.3767 52.8222 73.2933 52.8822 73.24C52.9422 73.18 53.0255 73.15 53.1322 73.15H53.9722L54.0222 73.98C54.2022 73.6867 54.4355 73.46 54.7222 73.3C55.0089 73.1333 55.3189 73.05 55.6522 73.05C55.9789 73.05 56.2655 73.13 56.5122 73.29C56.7589 73.4433 56.9455 73.6567 57.0722 73.93C57.2055 74.1967 57.2722 74.5033 57.2722 74.85V78H56.2522C56.1455 78 56.0622 77.97 56.0022 77.91C55.9489 77.85 55.9222 77.7667 55.9222 77.66V75.02C55.9222 74.74 55.8522 74.5167 55.7122 74.35C55.5789 74.1767 55.3722 74.09 55.0922 74.09C54.7922 74.09 54.5589 74.19 54.3922 74.39C54.2255 74.59 54.1422 74.8667 54.1422 75.22V78H52.7922V73.49ZM59.6244 78.09C59.3044 78.09 59.0177 78.0233 58.7644 77.89C58.511 77.75 58.3144 77.5633 58.1744 77.33C58.041 77.09 57.9744 76.8267 57.9744 76.54C57.9744 76.0333 58.1944 75.65 58.6344 75.39C59.081 75.13 59.7377 75 60.6044 75L61.1144 75.01C61.1077 74.79 61.0677 74.6167 60.9944 74.49C60.9277 74.3567 60.811 74.26 60.6444 74.2C60.4777 74.1333 60.251 74.1 59.9644 74.1C59.7244 74.1 59.4577 74.12 59.1644 74.16C58.8777 74.1933 58.6177 74.24 58.3844 74.3V73.64C58.3844 73.5267 58.4044 73.4433 58.4444 73.39C58.4844 73.33 58.561 73.2833 58.6744 73.25C58.8477 73.1967 59.0677 73.1533 59.3344 73.12C59.6077 73.08 59.881 73.06 60.1544 73.06C60.9877 73.06 61.581 73.2233 61.9344 73.55C62.2877 73.87 62.4644 74.31 62.4644 74.87V76.58C62.4644 76.76 62.491 76.89 62.5444 76.97C62.5977 77.0433 62.701 77.08 62.8544 77.08C62.9077 77.08 62.961 77.0767 63.0144 77.07C63.0677 77.0633 63.1144 77.0533 63.1544 77.04V77.67C63.1544 77.75 63.141 77.82 63.1144 77.88C63.0877 77.9333 63.021 77.9767 62.9144 78.01C62.761 78.0567 62.5877 78.08 62.3944 78.08C61.7877 78.08 61.3977 77.8167 61.2244 77.29C61.051 77.5433 60.8244 77.74 60.5444 77.88C60.2644 78.02 59.9577 78.09 59.6244 78.09ZM59.2844 76.5C59.2844 76.6933 59.351 76.8533 59.4844 76.98C59.6177 77.1067 59.8044 77.17 60.0444 77.17C60.2444 77.17 60.4244 77.1267 60.5844 77.04C60.751 76.9533 60.881 76.8333 60.9744 76.68C61.0677 76.52 61.1144 76.34 61.1144 76.14V75.79H60.8644C60.3244 75.79 59.9244 75.8433 59.6644 75.95C59.411 76.0567 59.2844 76.24 59.2844 76.5ZM59.0544 71.87L60.6944 70.55C60.8477 70.4167 60.9877 70.35 61.1144 70.35C61.2477 70.35 61.351 70.4167 61.4244 70.55L61.8644 71.28L59.4544 72.52L59.0544 71.87ZM63.7008 73.49C63.7008 73.3767 63.7308 73.2933 63.7908 73.24C63.8508 73.18 63.9341 73.15 64.0408 73.15H64.8808L64.9308 73.97C65.1041 73.6833 65.3274 73.46 65.6008 73.3C65.8808 73.14 66.1841 73.06 66.5108 73.06C66.8574 73.06 67.1508 73.1467 67.3908 73.32C67.6374 73.4867 67.8208 73.72 67.9408 74.02C68.1141 73.72 68.3408 73.4867 68.6208 73.32C68.9008 73.1467 69.2074 73.06 69.5408 73.06C69.8674 73.06 70.1474 73.1367 70.3808 73.29C70.6208 73.4433 70.8041 73.6567 70.9308 73.93C71.0574 74.1967 71.1208 74.5033 71.1208 74.85V78H70.1108C70.0041 78 69.9208 77.97 69.8608 77.91C69.8008 77.85 69.7708 77.7667 69.7708 77.66V75.01C69.7708 74.73 69.7074 74.5067 69.5808 74.34C69.4608 74.1733 69.2674 74.09 69.0008 74.09C68.7074 74.09 68.4808 74.1933 68.3208 74.4C68.1674 74.6 68.0908 74.8833 68.0908 75.25V78H66.7408V75.01C66.7408 74.7367 66.6774 74.5167 66.5508 74.35C66.4308 74.1767 66.2374 74.09 65.9708 74.09C65.6708 74.09 65.4408 74.1933 65.2808 74.4C65.1274 74.6 65.0508 74.8833 65.0508 75.25V78H63.7008V73.49Z" fill="white" /> </g> <path d="M33.2711 56.5312C33.1273 56.5312 32.9836 56.5062 32.8523 56.45C32.4461 56.2812 32.1773 55.8813 32.1773 55.4375V50.8875C29.0023 50.6562 26.4961 48.0187 26.4961 44.8125V33.5625C26.4961 30.2 29.2523 27.4688 32.6398 27.4688H55.3586C58.7461 27.4688 61.5023 30.2 61.5023 33.5625V44.8125C61.5023 48.175 58.7461 50.9062 55.3586 50.9062H39.3961L34.0398 56.2125C33.8273 56.4188 33.5523 56.5312 33.2711 56.5312ZM32.6398 29.6562C30.4586 29.6562 28.6836 3
10091.4062 28.6836 33.5625V44.8125C28.6836 46.9688 30.4586 48.7188 32.6398 48.7188H33.2711C33.8773 48.7188 34.3648 49.2062 34.3648 49.8125V52.8125L38.1773 49.0312C38.3836 48.825 38.6586 48.7125 38.9461 48.7125H55.3523C57.5336 48.7125 59.3086 46.9625 59.3086 44.8063V33.5625C59.3086 31.4062 57.5336 29.6562 55.3523 29.6562H32.6398Z" fill="#0050FF" /> <circle cx="36.5" cy="39.5" r="1.5" fill="#0050FF" /> <path d="M45.5 39.5C45.5 40.3284 44.8284 41 44 41C43.1716 41 42.5 40.3284 42.5 39.5C42.5 38.6716 43.1716 38 44 38C44.8284 38 45.5 38.6716 45.5 39.5Z" fill="#0050FF" /> <circle cx="51.5" cy="39.5" r="1.5" fill="#0050FF" /> <circle cx="68.5" cy="16.5" r="7.5" fill="#01B7B4" /> <defs> <filter id="filter0_d_23208_1416" x="0" y="0" width="88" height="88" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" /> <feOffset dy="3" /> <feGaussianBlur stdDeviation="6" /> <feComposite in2="hardAlpha" operator="out" /> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0" /> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_23208_1416" /> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_23208_1416" result="shape" /> </filter> <filter id="filter1_d_23208_1416" x="8" y="62" width="72" height="27" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" /> <feOffset dy="1" /> <feGaussianBlur stdDeviation="2" /> <feComposite in2="hardAlpha" operator="out" /> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0" /> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_23208_1416" /> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_23208_1416" result="shape" /> </filter> </defs> </svg> </button> <!-- CHATBOT FORM --> <style> .form-chatbot-box { position: fixed; width: 100%; height: 100%; bottom: 0%; border-radius: 8px; background: #f4f2f7; z-index: 5000; display: none; margin-bottom: 0%; } @media (min-width: 768px) { .form-chatbot-box { width: 370px; height: 605px; max-width: calc(95% - 30px); right: 30px; bottom: 30px; } } .form-chatbot-box::part(box) { padding: 0 !important; border-radius: 12px; } .form-chatbot-box-head { display: flex; height: 60px; background-color: #0050ff; border-top-left-radius: 8px; border-top-right-radius: 8px; padding-left: 25px; padding-right: 15px; color: white; } .form-chatbot-box-head-heading { color: white; font-size: 20px; margin-bottom: 0; letter-spacing: 1px; font-weight: 600; letter-spacing: 1px; line-height: 20px; text-transform: none; font-variation-settings: normal; } .form-chatbot-body { height: 546px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; padding: 0 32px; } .form-chatbot-bubble { padding: 10px 50px 10px 17px !important; border-radius: 16px; background-color: #fff; max-width: 92%; text-align: left; font-size: 14px; color: #4e4652; letter-spacing: 1px; line-height: 20px; font-size: 12px; } .form-chatbot-first-bubble { margin-top: 16px; } .form-chatbot-second-bubble { margin-top: 8px; border-bottom-left-radius: 0; } .bb-chatbot-form-head { align-items: center !important; justify-content: space-between !important; width: 100% !important; display: flex !important; } .bb-chatbot-form-input-text-name { margin-top: 2.4rem !important; } .bb-chatbot-form-input-text-msisdn { margin-top: 0.8rem !important; } .bb-chatbot-form-button { margin-top: 1rem !important; } #chatbot-form { padding-top: 50%; } @media (min-width: 768px) { #chatbot-form { padding-top: inherit; } } #chatbot-form form { margin: 0 !important; } </style> <div class="form-chatbot-box" id="bb-form-chatbot-box" style="display: none"> <div class="form-chatbot-box-head"> <div class="bb-chatbot-form-head d-flex align-items-center w-100 justify-content-between"> <h4 class="form-chatbot-box-head-heading">Milo</h4> <bb-icon size="l" name="cancel" color="on-brand-xhigh-stable" class="form-close-icon" onclick="closeFormButton()"></bb-icon> </div> </div> <div class="form-chatbot-body"> <div class="form-chatbot-bubble form-chatbot-first-bubble"> <span class="form-chatbot-bubble-text"> Ahoj, som Milo, tvoj nový pomocnÃk. Som k dispozÃcii 24/7 a odpovede pre teba pripravujem rýchlo s pomocou AI. KeÄ si nebudem istý, rád Å¥a prepojÃm na mojich kolegov. </span> </div> <div class="form-chatbot-bubble form-chatbot-second-bubble"> <span class="form-chatbot-bubble-text"> Pred tým než zaÄneme, napÃÅ¡ mi ako Å¥a mam osloviÅ¥ a nechaj mi tvoje telefónne ÄÃslo, aby sme rýchlo vedeli nadviazaÅ¥ na tvoje otázky ak sa rozhodneÅ¡ prepojiÅ¥ s mojÃmi kolegami. </span> </div> <form id="chatbot-form" name="chatbot-form" class="mt-2"> <bb-input-text id="chatbotMenoInput" name="chatbotMenoInput" placeholder="Meno" aria-label="ChatBot input meno" class="bb-chatbot-form-input-text-name" required="true"></bb-input-text> <span slot="help-text" class="help-text help-text--required">Toto pole je povinné</span> <bb-input-text id="chatbotMsisdnInput" name="chatbotMsisdnInput" placeholder="Telefónne ÄÃslo" class="bb-chatbot-form-input-text-msisdn" show-requirement-text=""></bb-input-text>
1009 <bb-button id="chatbotSubmitButton" name="chatbotSubmitButton" aria-label="ZaÄaÅ¥ chat" class="bb-chatbot-form-button" full-width="true" disabled="" onclick="submitChatbotForm()" >ZaÄaÅ¥ chat</bb-button > </form> </div> </div> <o2-box class="form-chatbot-box" id="form-chatbot-box" style="display: none"> <div class="form-chatbot-box-head"> <div class="d-flex align-items-center w-100 justify-content-between"> <h4 class="form-chatbot-box-head-heading">Milo</h4> <o2-icon name="close" color="white" class="form-close-icon" onclick="closeFormButton()"></o2-icon> </div> </div> <div class="form-chatbot-body"> <div class="form-chatbot-bubble form-chatbot-first-bubble"> <span class="form-chatbot-bubble-text"> Ahoj, som Milo, tvoj nový pomocnÃk. Som k dispozÃcii 24/7 a odpovede pre teba pripravujem rýchlo s pomocou AI. KeÄ si nebudem istý, rád Å¥a prepojÃm na mojich kolegov. </span> </div> <div class="form-chatbot-bubble form-chatbot-second-bubble"> <span class="form-chatbot-bubble-text"> Pred tým než zaÄneme, napÃÅ¡ mi ako Å¥a mam osloviÅ¥ a nechaj mi tvoje telefónne ÄÃslo, aby sme rýchlo vedeli nadviazaÅ¥ na tvoje otázky ak sa rozhodneÅ¡ prepojiÅ¥ s mojÃmi kolegami. </span> </div> <o2-form id="chatbot-form" name="chatbot-form" autocomplete="on" class="mt-2" native="false"> <o2-form-field class="mb-0 mt-0"> <o2-input id="chatbotMenoInput" name="chatbotMenoInput" label="Meno" aria-label="ChatBot input meno" class="mt-0" required="true"></o2-input> <span slot="help-text" class="help-text help-text--required">Toto pole je povinné</span> </o2-form-field> <o2-form-field class="mb-0"> <o2-input id="chatbotMsisdnInput" name="chatbotMsisdnInput" label="Telefónne ÄÃslo" class="mt-1" show-requirement-text=""></o2-input> </o2-form-field> <o2-button id="chatbotSubmitButton" name="chatbotSubmitButton" aria-label="ZaÄaÅ¥ chat" class="mt-2" full-width="" disabled="" onclick="submitChatbotForm()" >ZaÄaÅ¥ chat</o2-button > </o2-form> </div> </o2-box>
1009<script> 1010 const getActiveFormBox = () => { 1011 const isBubbleScheme = window.Liferay?.AUI?.getAvailableLangPath?.()?.includes('scheme-bubble'); 1012 return document.getElementById(isBubbleScheme ? 'bb-form-chatbot-box' : 'form-chatbot-box'); 1013 }; 1014 1015 const closeFormButton = () => { 1016 const chatbotForm = getActiveFormBox(); 1017 if (chatbotForm) { 1018 chatbotForm.style.display = 'none'; 1019 } 1020 }; 1021 1022 const submitChatbotForm = () => { 1023 const activeBox = getActiveFormBox(); 1024 const nameInput = activeBox.querySelector('[id="chatbotMenoInput"]'); 1025 const msisdnInput = activeBox.querySelector('[id="chatbotMsisdnInput"]'); 1026 const chatbotSubmitButton = activeBox.querySelector('[id="chatbotSubmitButton"]'); 1027 1028 const name = nameInput.value; 1029 const msisdn = msisdnInput.value; 1030 1031 if (name) { 1032 sessionStorage.setItem('Vocalls_UserFormData', JSON.stringify({ name: name, msisdn: msisdn })); 1033 sessionStorage.setItem('Vocalls_ChatbotFormSubmitted', 'true'); 1034 1035 const chatButton = document.querySelector('.button-cc'); 1036 if (chatButton) { 1037 chatButton.click(); 1038 } 1039 1040 activeBox.style.display = 'none'; 1041 } 1042 nameInput.value = ''; 1043 msisdnInput.value = ''; 1044 chatbotSubmitButton.disabled = true; 1045 }; 1046 1047 const validatePhoneNumber = (value) => { 1048 return value !== '' && !value.match(/^((\+|00)?421\s?|0?)9\d{2}\s?(\d{3}\s?\d{3}|\d{2}\s?\d{2}\s?\d{2})$/g); 1049 }; 1050 1051 (async () => { 1052 const isBubbleScheme = window.Liferay?.AUI?.getAvailableLangPath?.()?.includes('scheme-bubble'); 1053 1054 if (isBubbleScheme) { 1055 document.getElementById('bb-form-chatbot-box').style.display = ''; 1056 } else { 1057 document.getElementById('form-chatbot-box').style.display = ''; 1058 } 1059 1060 const activeBox = document.getElementById(isBubbleScheme ? 'bb-form-chatbot-box' : 'form-chatbot-box'); 1061 const chatbotMenoInput = activeBox.querySelector('[id="chatbotMenoInput"]'); 1062 const chatbotMsisdnInput = activeBox.querySelector('[id="chatbotMsisdnInput"]'); 1063 const chatbotSubmitButton = activeBox.querySelector('[id="chatbotSubmitButton"]'); 1064 1065 const updateSubmitState = () => { 1066 const nameFilled = chatbotMenoInput.value && chatbotMenoInput.value.trim() !== ''; 1067 const msisdnValue = chatbotMsisdnInput.value ? chatbotMsisdnInput.value.trim() : ''; 1068 const msisdnHasError = validatePhoneNumber(msisdnValue); 1069 1070 chatbotSubmitButton.disabled = msisdnValue === '' || msisdnHasError; 1071 1072 if (msisdnHasError) { 1073 chatbotMsisdnInput.setAttribute( 1074 isBubbleScheme ? 'error-message' : 'error', 1075 isBubbleScheme ? 'Zadajte platné telefónne ÄÃslo' : 'true' 1076 ); 1077 } else { 1078 chatbotMsisdnInput.removeAttribute(isBubbleScheme ? 'error-message' : 'error'); 1079 } 1080 1081 if (nameFilled && !msisdnHasError) { 1082 chatbotSubmitButton.disabled = false; 1083 chatbotSubmitButton.classList.remove('disabled'); 1084 } else { 1085 chatbotSubmitButton.disabled = true; 1086 chatbotSubmitButton.classList.add('disabled'); 1087 } 1088 }; 1089 1090 const scheduleUpdate = () => queueMicrotask(updateSubmitState); 1091 chatbotMenoInput.addEventListener(isBubbleScheme ? 'input' : 'o2Input', updateSubmitState); 1092 chatbotMsisdnInput.addEventListener(isBubbleScheme ? 'input' : 'o2Input', updateSubmitState); 1093 1094 updateSubmitState(); 1095 })(); 1096</script>
1096 <!-- CHATBOT FORM --> </footer>
1096<script type="module" crossorigin="anonymous"> import { initNavigation } from 'https://www.o2static.sk/o/eportal-liferaytheme/theme-libs/navigation/navigation.0.0.22.min.js'; initNavigation(); </script>
1096
1096<script type="module" crossorigin="anonymous"> import { Authentication } from 'https://www.o2static.sk/o/eportal-liferaytheme/theme/js/authentication.0.0.22.min.js'; window.O2 = window.O2 || {}; window.Authentication = new Authentication(); window.O2.Authentication = window.Authentication; window.O2.Authentication.immediateLogout = window.Authentication.immediateLogout.bind(window.Authentication); window.O2.Authentication.authenticate = window.Authentication.authenticate.bind(window.Authentication); </script>
1096
1096<script type="module" crossorigin="anonymous"> import { Dynatrace } from 'https://www.o2static.sk/o/eportal-liferaytheme/theme/js/dynatrace.0.0.22.min.js'; new Dynatrace(); </script>
1096
1096<script defer src="https://www.o2static.sk/o/eportal-liferaytheme/theme/js/captcha.1.4.2.min.js" type="text/javascript" crossorigin="anonymous"></script>
1096
1096<script src="https://www.o2static.sk/o/eportal-liferaytheme/theme/js/eportal-components-impl.1.0.1.min.js" type="text/javascript" crossorigin="anonymous"></script>
1096
1096<script defer src="https://www.o2static.sk/o/eportal-liferaytheme/theme/js/typeahead.1.3.3.min.js" type="text/javascript" crossorigin="anonymous"></script>
1096
1096<script defer src="https://www.o2static.sk/o/eportal-liferaytheme/theme/js/footer.1.0.0.min.js" type="text/javascript" crossorigin="anonymous"></script>
1096
1096<script type="text/javascript">window.EPortal=window.EPortal||{};window.EPortal.getMSISDNFromPage=function(){return""};</script>
1096
1096<script type="text/javascript">window.addEventListener("load",function(){O2.CampaignCount.init({campaignCountUrl:"/delegate/cmm/campaignCountMSISDN"})});</script>
1096
1096<script id="union-apps-loader" data-union-url="https://www.o2static.sk/assetManifest.json"> (function() { function handleResponse(response) { if (response.status !== 200) { throw new Error('Could not get Union Apps assetManifest.json content'); } return response.json(); } function handleAssets(assets) { var mainUrl = assets['main.js']; if (!mainUrl) { throw new Error(`Invalid assets configuration for Union Apps`); } var mainScript = document.createElement('script'); mainScript.setAttribute('type', 'text/javascript'); mainScript.setAttribute('src', mainUrl); mainScript.setAttribute('type', 'module'); document.body.appendChild(mainScript); } function handleError(error) { throw new Error(error); } function initializeUnionApps() { if (!window.IS_UNION_INITIALIZED) { fetch('https://www.o2static.sk/assetManifest.json?random=' + Date.now()) .then(handleResponse) .then(handleAssets) .catch(handleError); window.IS_UNION_INITIALIZED = true; } } initializeUnionApps(); })(); </script>
1096 </div> </div> </div>
1096<script type="text/javascript"></script>
1096
1096<script type="text/javascript">Liferay.currentURL="/ponuka/biznis-riesenia/pre-vas-biznis";Liferay.currentURLEncoded="%2Fponuka%2Fbiznis-riesenia%2Fpre-vas-biznis";</script>
1096
1096<script type="text/javascript">var _lbload=document.createElement("script");_lbload.defer=true;_lbload.src="https://scripts.luigisbox.tech/LBX-816.js";document.head.appendChild(_lbload); 1097let hideNavbarTooltipFix=()=>{let getElementsByXPath=(xpath,parent)=>{let results=[];let query=document.evaluate(xpath,parent||document,null,XPathResult.ORDERED_NODE_SNAPSHOT_TYPE,null);for(let i=0,length=query.snapshotLength;i<length;++i)results.push(query.snapshotItem(i));return results};let el=getElementsByXPath("//div[@class\x3d'navbar-user-info']/o2-tooltip");el.forEach((el)=>{el.style.display="none"})};hideNavbarTooltipFix();</script>
1097
1097<script type="text/javascript">(function(){var $=AUI.$;var _=AUI._;var pathnameRegexp=/\/documents\/(\d+)\/(\d+)\/(.+?)\/([^&]+)/;function handleDownloadClick(event){if(event.target.nodeName.toLowerCase()==="a"&&window.Analytics){var anchor=event.target;var match=pathnameRegexp.exec(anchor.pathname);var fileEntryId=anchor.dataset.analyticsFileEntryId||anchor.parentElement&&anchor.parentElement.dataset.analyticsFileEntryId;if(fileEntryId&&match){var getParameterValue=function(parameterName){var result=null;anchor.search.substr(1).split("\x26").forEach(function(item){var tmp= 1098item.split("\x3d");if(tmp[0]===parameterName)result=decodeURIComponent(tmp[1])});return result};Analytics.send("documentDownloaded","Document",{groupId:match[1],fileEntryId:fileEntryId,preview:!!window._com_liferay_document_library_analytics_isViewFileEntry,title:decodeURIComponent(match[3].replace(/\+/gi," ")),version:getParameterValue("version")})}}}Liferay.once("destroyPortlet",function(){document.body.removeEventListener("click",handleDownloadClick)});Liferay.once("portletReady",function(){document.body.addEventListener("click", 1099handleDownloadClick)})})();(function(){var $=AUI.$;var _=AUI._;var onShare=function(data){if(window.Analytics)Analytics.send("shared","SocialBookmarks",{className:data.className,classPK:data.classPK,type:data.type,url:data.url})};var onDestroyPortlet=function(){Liferay.detach("socialBookmarks:share",onShare);Liferay.detach("destroyPortlet",onDestroyPortlet)};Liferay.on("socialBookmarks:share",onShare);Liferay.on("destroyPortlet",onDestroyPortlet)})(); 1100(function(){var $=AUI.$;var _=AUI._;var onDestroyPortlet=function(){Liferay.detach("messagePosted",onMessagePosted);Liferay.detach("destroyPortlet",onDestroyPortlet)};Liferay.on("destroyPortlet",onDestroyPortlet);var onMessagePosted=function(event){if(window.Analytics)Analytics.send("posted","Comment",{className:event.className,classPK:event.classPK,commentId:event.commentId,text:event.text})};Liferay.on("messagePosted",onMessagePosted)})(); 1101(function(){var $=AUI.$;var _=AUI._;var onVote=function(event){if(window.Analytics)Analytics.send("VOTE","Ratings",{className:event.className,classPK:event.classPK,ratingType:event.ratingType,score:event.score})};var onDestroyPortlet=function(){Liferay.detach("ratings:vote",onVote);Liferay.detach("destroyPortlet",onDestroyPortlet)};Liferay.on("ratings:vote",onVote);Liferay.on("destroyPortlet",onDestroyPortlet)})(); 1102if(window.svg4everybody&&Liferay.Data.ICONS_INLINE_SVG)svg4everybody({polyfill:true,validate:function(src,svg,use){return!src||!src.startsWith("#")}});Liferay.Portlet.register("com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_dgXVCDaZni2q"); 1103Liferay.Portlet.onLoad({canEditTitle:false,columnPos:1,isStatic:"end",namespacedId:"p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_dgXVCDaZni2q_",portletId:"com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_dgXVCDaZni2q",refreshURL:"/c/portal/render_portlet?p_l_id\x3d106195279\x26p_p_id\x3dcom_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_dgXVCDaZni2q\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dcolumn-1\x26p_p_col_pos\x3d1\x26p_p_col_count\x3d2\x26p_p_isolated\x3d1\x26currentURL\x3d%2Fponuka%2Fbiznis-riesenia%2Fpre-vas-biznis", 1104refreshURLData:{}});Liferay.Portlet.register("com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_HTtvLYB1tPVV"); 1105Liferay.Portlet.onLoad({canEditTitle:false,columnPos:0,isStatic:"end",namespacedId:"p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_HTtvLYB1tPVV_",portletId:"com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_HTtvLYB1tPVV",refreshURL:"/c/portal/render_portlet?p_l_id\x3d106195279\x26p_p_id\x3dcom_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_HTtvLYB1tPVV\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dcolumn-1\x26p_p_col_pos\x3d0\x26p_p_col_count\x3d2\x26p_p_isolated\x3d1\x26currentURL\x3d%2Fponuka%2Fbiznis-riesenia%2Fpre-vas-biznis",refreshURLData:{}}); 1106Liferay.Loader.require("metal-dom/src/all/dom","frontend-js-web/liferay/toast/commands/OpenToast.es",function(metalDomSrcAllDom,frontendJsWebLiferayToastCommandsOpenToastEs){try{(function(){var dom=metalDomSrcAllDom;var $=AUI.$;var _=AUI._;var focusInPortletHandler=dom.delegate(document,"focusin",".portlet",function(event){dom.addClasses(dom.closest(event.delegateTarget,".portlet"),"open")});var focusOutPortletHandler=dom.delegate(document,"focusout",".portlet",function(event){dom.removeClasses(dom.closest(event.delegateTarget, 1107".portlet"),"open")})})();(function(){var toastCommands=frontendJsWebLiferayToastCommandsOpenToastEs;var $=AUI.$;var _=AUI._;AUI().use("liferay-session",function(){Liferay.Session=new Liferay.SessionBase({autoExtend:true,redirectOnExpire:false,redirectUrl:"https://www.o2.sk/web/guest",sessionLength:1790,warningLength:0})})})()}catch(err){console.error(err)}}); 1108AUI().use("liferay-menu","aui-base",function(A){(function(){var $=AUI.$;var _=AUI._;if(A.UA.mobile)Liferay.Util.addInputCancel()})();(function(){var $=AUI.$;var _=AUI._;new Liferay.Menu;var liferayNotices=Liferay.Data.notices;for(var i=0;i<liferayNotices.length;i++)Liferay.Util.openToast(liferayNotices[i])})()});</script>
1108
1108<script src="https://www.o2static.sk/o/eportal-liferaytheme/js/main.js?browserId=chrome&minifierType=js&languageId=sk_SK&b=7307&t=1789592670000" type="text/javascript"></script>
1108
1108<script type="text/javascript">AUI().use("aui-base",function(A){var frameElement=window.frameElement;if(frameElement&&frameElement.getAttribute("id")==="simulationDeviceIframe")A.getBody().addClass("lfr-has-simulation-panel")});</script>
1108<script type="text/javascript">Liferay.Loader.require("[email protected]/index",function(remoteAppSupportWeb105Index){try{(function(){var RemoteAppSupport=remoteAppSupportWeb105Index;RemoteAppSupport.default()})()}catch(err){console.error(err)}});</script>
1108<script type="text/javascript">Liferay.Loader.require("[email protected]/index",function(frontendJsDropdownSupportWeb108Index){try{(function(){var DropdownProvider=frontendJsDropdownSupportWeb108Index;DropdownProvider.default()})()}catch(err){console.error(err)}});</script>
1108<script type="text/javascript">Liferay.Loader.require("[email protected]/index",function(frontendJsTabsSupportWeb108Index){try{(function(){var TabsProvider=frontendJsTabsSupportWeb108Index;TabsProvider.default()})()}catch(err){console.error(err)}});</script>
1108<script type="text/javascript">Liferay.Loader.require("[email protected]/index",function(frontendJsAlertSupportWeb107Index){try{(function(){var AlertProvider=frontendJsAlertSupportWeb107Index;AlertProvider.default()})()}catch(err){console.error(err)}});</script>
1108<script type="text/javascript">Liferay.Loader.require("[email protected]/index",function(frontendJsTooltipSupportWeb304Index){try{(function(){var TooltipSupport=frontendJsTooltipSupportWeb304Index;TooltipSupport.default()})()}catch(err){console.error(err)}});</script>
1108<script type="text/javascript">Liferay.Loader.require("[email protected]/index",function(frontendJsCollapseSupportWeb1010Index){try{(function(){var CollapseProvider=frontendJsCollapseSupportWeb1010Index;CollapseProvider.default()})()}catch(err){console.error(err)}});</script>
1108<script src="https://www.o2static.sk/o/o2-bottom/js/o2-admin-theme-reload.js?version=400000.3.0" type= "text/javascript"></script>
1108<script src="https://www.o2static.sk/o/o2-bottom/js/o2-remove-obsolete-lfr-session-state-cookies.js?version=400000.3.0" type= "text/javascript"></script>
1108 </body> </html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.