- ID scansione:
- 757b74a2-c935-4bad-a270-fe8bcbd8f749Fatto
- URL inviato:
- https://eshop.orange.jo/en/
- Report terminato:
Link · 7 trovati
I link in uscita identificati dalla pagina
| Link | Testo |
|---|---|
| https://www.orange.jo/en | Back to Orange.jo |
| https://orange.jo/en/contact-us | Contact us |
| https://www.facebook.com/OrangeJordan | |
| https://twitter.com/orangeJo | |
| https://www.linkedin.com/company/orange-jordan | |
| https://www.instagram.com/orangejo/ | |
| https://orange.jo/en/offers/quick-pay | Refill Orange Lines |
Variabili JavaScript · 132 trovate
Le variabili JavaScript globali caricate sull'oggetto finestra di una pagina sono variabili dichiarate all'esterno delle funzioni e accessibili da qualsiasi punto del codice nell'ambito corrente
| Nome | Tipo |
|---|---|
| 0 | object |
| 1 | object |
| 2 | object |
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| dataLayer | object |
| GoogleEEHelper | object |
| GEE_productImpressions | object |
| GEE_productDetails | object |
Messaggi di log della console · 3 trovati
Messaggi registrati nella console Web
| Tipo | Categoria | Log |
|---|---|---|
| warning | other |
|
| log | other |
|
| warning | other |
|
HTML
Il corpo HTML non elaborato della pagina
<!DOCTYPE html><html lang="en" class="html-home-page k-webkit k-webkit119"><head>
<title>Orange Jordan eShop | Buy Internet & Mobile Plans | Phones</title>
<meta http-equiv="Content-type" content="text/html;charset=UTF-8">
<meta name="description" content="Explore the Orange Jordan eShop and discover a wide range of internet and mobile plans, as well as a variety of phones. Shop online today!">
<meta name="keywords" content="eshop, orange, mobile, internet,fiber">
<meta name="generator" content="nopCommerce">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<link rel="preconnect" href="https://eshop.orange.jo/en/">
<link rel="alternate" href="https://eshop.orange.jo/en/" hreflang="en">
<link rel="alternate" href="https://eshop.orange.jo/ar/" hreflang="ar">
<link rel="preload" as="font" crossorigin="anonymous" href="/Themes/Eshop2021/Content/Fonts/HelveticaNeueArabic/WOFF2/HelveticaNeueW20-45Light.woff2">
<link rel="preload" as="font" crossorigin="anonymous" href="/Themes/Eshop2021/Content/Fonts/HelveticaNeueArabic/WOFF2/HelveticaNeueW20-55Roman.woff2">
<link rel="preload" as="font" crossorigin="anonymous" href="/Themes/Eshop2021/Content/Fonts/HelveticaNeueArabic/WOFF2/HelveticaNeueW20-75Bold.woff2">
<link rel="preload" as="font" crossorigin="anonymous" href="/Themes/Eshop2021/Content/Fonts/HelveticaNeueEuropean/WOFF2/HelvNeue65_W1G.woff2">
<link rel="preload" as="font" crossorigin="anonymous" href="/Themes/Eshop2021/Content/webfonts/fa-brands-400.woff2">
<link rel="preload" as="font" crossorigin="anonymous" href="/Themes/Eshop2021/Content/webfonts/fa-solid-900.woff2">
<style>
.block-blog-archive{display:none !important}
.wizardtopmainoutercontiner
{
display:none !important;
}
.notifyMePopUpProductOutOfStockJestOptionLabel
{
white-space: nowrap;
}
</style>
<style>.text-prompt{display:none;}
#cartdrawer .btn-cart .btn-light{display:none;}
.search-page .row{padding-bottom:0 !important;}
.search-page .page-title{padding-top:0 !important;
}
.search-page #productSelectorsSortingId{display:none !important;}
.search-input .fieldset {
margin: 0 0 0px;
}
@media (min-width: 1920px) {
.free-dev {
background-color: #ff790e;
text-align: center;
color: #eee;
font-size: 24px;
font-family: 'HelveticaNeueW20-75Bold';
height: 47px;
display: flex;
align-items: center;
justify-content: center;
gap: 0.4vw;
/* background-image: url(../images/ramadanFree.svg);
background-position: bottom center;
background-repeat: no-repeat;
background-size: cover; */
}
.free-dev img {
width: 25px;
margin-top: -2px;
}
.free-dev span {
display: inline-block;
margin-top: 2px;
}
}
@media (max-width: 767px)
{
.cart-bx .cart-flex .cart-bun.remove i {
display:none !important;
}}
.offer-details{display:none !important;} .text-prompt{display:none;}
.spanSpacing {color: transparent; }
.rawanBazadough.radioChoiceContainerCommitmentScript{height:100%!important;}
@media screen and (max-width: 700px) {
.commitmentbox .device-package {
gap: 2.933vw !important;
}
[dir=rtl] .orderSummaryContainerTotalSummarySectionPrice.ckprfix{
display:inline !important;
padding:0px !important;
margin:0px !important;
}
[dir=rtl] .CartDrawerCkNewVersion.orderSummaryContainerTotalSummarySectionPrice{direction:unset !important;}
#aProductManufacturers,#aProductManufacturers:link,#aProductManufacturers:visited,#aProductManufacturers:hover,..internetPlansCard__internetPlansProductHighlight__CatNameDevices a
{
color:#000 !important;
}
</style>
<!-- Google Tag Manager -->
<script type="text/javascript" async="" src="https://www.google-analytics.com/plugins/ua/ec.js"></script><script src="https://script.crazyegg.com/pages/versioned/common-scripts/2780555e46c3031ae97407e9c52b4705.js" type="text/javascript" async=""></script><script type="text/javascript" async="" src="https://www.google-analytics.com/analytics.js"></script><script async="" crossorigin="anonymous" src="https://edge.eu1.fullstory.com/s/fs.js"></script><script src="https://connect.facebook.net/signals/config/1143471176466952?v=2.9.172&r=stable&domain=eshop.orange.jo&hme=d82868061a8c707cd31395a3055e7449daa03bd520872727258c39e6af34523e&ex_m=70%2C120%2C106%2C110%2C61%2C4%2C99%2C69%2C16%2C96%2C88%2C51%2C54%2C171%2C174%2C186%2C182%2C183%2C185%2C29%2C100%2C53%2C77%2C184%2C166%2C169%2C179%2C180%2C187%2C130%2C41%2C34%2C142%2C15%2C50%2C193%2C192%2C132%2C18%2C40%2C1%2C43%2C65%2C66%2C67%2C71%2C92%2C17%2C14%2C95%2C91%2C90%2C107%2C52%2C109%2C39%2C108%2C30%2C93%2C26%2C167%2C170%2C139%2C85%2C56%2C83%2C33%2C73%2C0%2C94%2C32%2C28%2C82%2C87%2C47%2C46%2C86%2C37%2C11%2C12%2C13%2C6%2C7%2C25%2C22%2C23%2C57%2C62%2C64%2C75%2C101%2C27%2C76%2C9%2C8%2C80%2C48%2C21%2C103%2C102%2C104%2C97%2C10%2C20%2C3%2C38%2C74%2C19%2C5%2C89%2C81%2C44%2C35%2C84%2C2%2C36%2C63%2C42%2C105%2C45%2C79%2C68%2C111%2C60%2C59%2C31%2C98%2C58%2C55%2C49%2C78%2C72%2C24%2C112" async=""></script><script async="" src="https://connect.facebook.net/en_US/fbevents.js"></script><script type="text/javascript" async="" src="https://tools.luckyorange.com/core/lo.js?site-id=1d5f10fa"></script><script type="text/javascript" async="" src="https://www.googletagmanager.com/gtag/destination?id=AW-972875967&l=dataLayer&cx=c"></script><script type="text/javascript" async="" src="https://static.hotjar.com/c/hotjar-1502168.js?sv=7"></script><script type="text/javascript" async="" src="https://script.crazyegg.com/pages/scripts/0072/7461.js"></script><script type="text/javascript" async="" src="https://www.googletagmanager.com/gtag/js?id=G-10YQHBDNBX&l=dataLayer&cx=c"></script><script async="" src="https://www.googletagmanager.com/gtm.js?id=GTM-K9HRLWJ"></script><script async="" src="https://www.googletagmanager.com/gtm.js?id=GTM-K9HRLWJ"></script><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'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-K9HRLWJ');</script>
<!-- End Google Tag Manager -->
<script src="/Plugins/FoxNetSoft.GoogleEnhancedEcommerce/Scripts/googleeehelper.js"></script>
<script>
window.dataLayer = window.dataLayer || [];
var GEE_productImpressions = GEE_productImpressions || [];
var GEE_productDetails = GEE_productDetails || [];
var GEE_cartproducts = GEE_cartproducts || [];
var GEE_wishlistproducts = GEE_wishlistproducts || [];
dataLayer.push({
'ecommerce': {
'currencyCode': 'JOD',
'impressions': GEE_productImpressions
}
});
</script>
<!-- Insert Google Tag Manager (noscript) part 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'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-K9HRLWJ');</script>
<!-- End Google Tag Manager -->
<script type="application/ld+json">
{
"@context": "http://schema.org/",
"@type": "Organization",
"name": "Orange eShop",
"url": "https://eshop.orange.jo/",
"logo": "https://eshop.orange.jo/images/thumbs/0007401.png",
"sameAs": [
"https://www.facebook.com/OrangeJordan",
"https://www.linkedin.com/company/orange-jordan",
"https://www.youtube.com/user/OrangeMobjordan"
],
"potentialAction": [{
"@type": "SearchAction",
"target": "https://eshop.orange.jo/en/search?q={search_term_string}",
"query-input": "required name=search_term_string"
}]
}
</script>
<link href="/bundles/1tjhdoerettkkrh9uqrkfrwgovkoy2csfxsetw_ve0y.css?v=04092024" rel="stylesheet" type="text/css">
<script src="/bundles/k2g0upeemszs54ck5wbik7krrb0nisbipfajckojkqy.min.js?v=04092024"></script>
<link rel="canonical" href="https://eshop.orange.jo/en/">
<link rel="shortcut icon" href="https://eshop.orange.jo/favicon.ico">
<!--Powered by nopCommerce - https://www.nopCommerce.com-->
<script async="" src="https://script.hotjar.com/modules.02161fb4f8ebb73fb3f8.js" charset="utf-8"></script></head>
<body data-spy="scroll" data-target="#home-page-category" data-offset="150"><div class="addProductToCartErrors"></div><div class="addProductVariantToCartErrors"></div><div class="nopAjaxCartPanelAjaxBusy" style="display: none;"></div>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-K9HRLWJ" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<div class="ajax-loading-block-window" style="display: none">
</div>
<div id="dialog-notifications-success" title="Notification" style="display:none;">
</div>
<div id="dialog-notifications-error" title="Error" style="display:none;">
</div>
<div id="dialog-notifications-warning" title="Warning" style="display:none;">
</div>
<div id="bar-notification" class="bar-notification">
<span class="close" title="Close"> </span>
</div>
<div id="overlay"></div>
<div class="modal notifyme-popup notifyMePopUpProductOutOfStockContainer" tabindex="-1" role="dialog" id="NotfiMePopup">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header notifyMePopUpProductOutOfStockHeader notifyMePopUpProductOutOfStockHeaderNewStyle">
<h5 class="modal-title">Notify me</h5>
<button type="button" class="close notifyMePopUpProductOutOfStockXButton" data-dismiss="modal" onclick="CloseNotfiMePopup()" aria-label="Close">
×
</button>
</div>
<div class="modal-body notifyMePopUpProductOutOfStockJest">
<p>Choose how you want to be notified.</p>
<hr>
<div class="Notfiy-input">
<div class="input-group">
<div id="Notfiy-option" class="Notfiy-radio notifyMePopUpProductOutOfStockJestRadio">
<div class="custom-radio">
<input class="form-radio custom-control-input notifyMePopUpProductOutOfStockJestOptionInput" type="radio" id="NotfiyEmail" name="NotfiyMethod" value="Email Address" checked="checked">
<label class="custom-control-label notifyMePopUpProductOutOfStockJestOptionLabel" for="NotfiyEmail">
Email Address
</label>
</div>
</div>
<input class="notifyMePopUpProductOutOfStockJestInputs" type="text" onclick="focusradio(0)" placeholder="Enter your email address" id="txtemail">
<span id="valdEmail" class="wrong-type-msg wrong-msg-mail" style="visibility: hidden;">Invalid email</span>
</div>
<div class="input-group">
<div id="Notfiy-option" class="Notfiy-radio notifyMePopUpProductOutOfStockJestRadio">
<div class="custom-radio">
<input class="commitment form-radio custom-control-input notifyMePopUpProductOutOfStockJestOptionInput" onchange="NotfiyChange(2)" type="radio" id="NotfiySMS" name="NotfiyMethod" value="SMS">
<label class="custom-control-label notifyMePopUpProductOutOfStockJestOptionLabel" for="NotfiySMS">
SMS
</label>
</div>
</div>
<input class="notifyMePopUpProductOutOfStockJestInputs" type="tel" onclick="focusradio(1)" placeholder="07XXXXXXXX" maxlength="10" id="txttel" readonly="true" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*?)\..*/g, '$1');">
<span id="valdMobile" class="wrong-type-msg wrong-msg-tel" style="visibility: hidden;">Invalid number</span>
</div>
</div>
</div>
<div class="modal-footer notifyMePopUpProductOutOfStockFooter">
<button type="button" class="btn btn-secondary btn-cancel notifyMePopUpProductOutOfStockFooterCancelButton" onclick="CloseNotfiMePopup()" data-dismiss="modal">Cancel</button>
<button type="button" class="btn btn-primary btn-orange notifyMePopUpProductOutOfStockFooterSubmitButton" onclick="savenotifyme()">Notify me</button>
</div>
</div>
</div>
</div>
<div class="modal notifyme-popup" tabindex="-1" role="dialog" id="NotfiMePopupThankyou">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Thank you!</h5>
</div>
<div class="modal-body">
<hr>
<div class="thankyouconatiner">
<div class="thankyouicon"> </div>
<div class="thankyoumsg">
We will notify you when stock is available
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary btn-orange" onclick="CloseNotfiMePopup()">Done</button>
</div>
</div>
</div>
</div>
<script>
function focusradio(x)
{
if(x==1)
{
$("#NotfiyEmail").prop("checked", false);
$("#NotfiySMS").prop("checked", true);
NotfiyChange(0);
}
else
{
$("#NotfiyEmail").prop("checked", true);
$("#NotfiySMS").prop("checked", false);
NotfiyChange(1);
}
}
var productID="";
function valdnotifyme() {
$("#valdMobile").css('visibility', 'hidden');
$("#valdEmail").css('visibility', 'hidden');
let error ="";
if ($("#txttel").val() == "" && $("#NotfiySMS").prop("checked")) {
$("#valdMobile").css('visibility', 'visible');
error = "1";
} else if ((isNaN($("#txttel").val()) || $("#txttel").val().length != 10 || $("#txttel").val().substring(0, 2) != '07') && $("#NotfiySMS").prop("checked")) {
$("#valdMobile").css('visibility', 'visible');
error = "1";
}
if ($("#txtemail").val() == "" && $("#NotfiyEmail").prop("checked")) {
$("#valdEmail").css('visibility', 'visible');
error = "1";
} else if (!validateEmail($("#txtemail").val()) && $("#txtemail").val() != "" && $("#NotfiyEmail").prop("checked")) {
$("#valdEmail").css('visibility', 'visible')
error = "1";
}
return error;
}
function savenotifyme() {
var lang="AR";
if(window.location.href.toLowerCase().indexOf('/en')!=-1)
lang="EN";
if(valdnotifyme()!="1")
{
var postData = {
Email: $("#txtemail").val(),
Phone: $("#txttel").val(),
ProductId: productID,
Lang:lang
};
$.ajax({
cache:false,
type: "POST",
url: "/NotifyMe/NewNotifyMe",
data: postData,
success: function (data) {
if(data)
{
$("#NotfiMePopup").fadeOut("slow");
$("#NotfiMePopupThankyou").fadeIn("slow");
}
},
error:function (xhr, ajaxOptions, thrownError){
alert('error');
}
});
}
}
function validateEmail(email) {
var re = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/;
return re.test(String(email).toLowerCase());
}
function NotfiyChange(nid)
{
if(nid==1)
{
$("#txttel").attr("readonly", false)
$("#txttel").val('');
$("#txtemail").removeAttr("readonly");
}
else
{
$("#txtemail").attr("readonly", false)
$("#txtemail").val('');
$("#txttel").removeAttr("readonly");
}
}
function viewNotfiMePopup(pID)
{
$("#NotfiyEmail").prop("checked", true);
NotfiyChange(1);
$("#txttel").val('');
$("#txtemail").val('');
$("#valdMobile").css('visibility', 'hidden');
$("#valdEmail").css('visibility', 'hidden');
productID=pID;
$("#NotfiMePopup").fadeIn("slow");
$("#overlay").css({"display":"block"});
}
function CloseNotfiMePopup()
{
$("#NotfiMePopup").fadeOut("slow");
$("#NotfiMePopupThankyou").fadeOut("slow");
$("#overlay").css({"display":"none"});
}
</script>
<!--[if lte IE 8]>
<div style="clear:both;height:59px;text-align:center;position:relative;">
<a href="https://www.microsoft.com/windows/internet-explorer/default.aspx" target="_blank">
<img src="/Themes/Eshop2021/Content/images/ie_warning.jpg" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
</a>
</div>
<![endif]-->
<div class="master-wrapper-page">
<div>
<div class="free-dev">
<img alt="Free Delivery" src="/Themes/Eshop2021/Content/images/delivery.svg">
<span>
Free Delivery
</span>
</div>
</div>
<header class="NewHeaderBox">
<nav class="container">
<div class="headerLogoBox">
<a class="headerLogoLink" href="/en/">
<picture>
<source srcset="/Themes/Eshop2021/Content/images/mobile-logo.webp" media="(max-width: 991px)">
<img class="headerLogoPicture" src="/Themes/Eshop2021/Content/images/logo.webp" alt="Orange eShop">
</picture>
<h3 class="headerLogoText">eShop</h3>
</a>
</div>
<div class="headerContentBox">
<ul class="headerUpperLinksBox">
<li class="newHeaderHomeLink"><img src="/Themes/Eshop2021/Content/images/header-home-icon.webp" alt="home"><a class="newHeaderActiveLink homeSelected" href="/en/">Home</a></li>
<li><a class="linkScrollClass newHeaderActiveLink" href="/en/internet/fiber-offers">Internet Plans</a></li>
<li><a class="linkScrollClass newHeaderActiveLink" href="/en/devices-accessories">Devices & Accessories</a></li>
<li><a class="linkScrollClass newHeaderActiveLink" href="/en/mobile/prepaid-lines">Mobile Lines</a></li>
<li><a class="linkScrollClass newHeaderActiveLink" href="/en/smart-life/smart-device">Smart Life</a></li>
<li><a class="newHeaderActiveLink" href="/en/devices-accessories/tv">Smart TV's</a></li>
<li class="newHeaderMainSiteLink"><img src="/Themes/Eshop2021/Content/images/header-back-arrow-icon.svg" alt="Back to Orange.jo"><a href="https://www.orange.jo/en">Back to Orange.jo</a></li>
<li class="es-lang newHeaderLangText">
<a class="" href="/ar/" title="عربي">
عربي </a>
</li>
<div class="language-selector">
<div class="dropdown">
<div class="dropdown-toggle" type="button" id="dropdownLanguage" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<div class="language-text">Language: </div>
<div class="language-flag"><span>EN</span></div>
</div>
<div class="dropdown-menu" aria-labelledby="dropdownLanguage">
<ul class="language-list">
<li>
<a href="/ar/" title="عربي">
<span data-attr="عربي">عربي</span>
</a>
</li>
<li>
<a href="/en/" title="EN">
<span class="selected" data-attr="EN">EN</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</ul>
<div class="headerLowerBox">
<div class="headerLowerSearchBox">
<div class="headerSearchBox">
<div class="headerSerachIcon" onclick="GotoAdavanceSearch()"></div>
<input class="headerSerachInput" type="text" name="q" autocomplete="off" placeholder="Search store">
<div class="headerSerachCloseIcon"></div>
<div class="headerSearchBoxResults" style="display: none;"></div>
</div>
</div>
<ul class="header-links">
<li>
<a href="/en/internet/5g-home-internet" class="fiveGContainer">
<div class="fiveGIcon"></div>
<p class="fiveGText">On eShop</p>
</a>
</li>
<li id="topcartlink">
<a class="ico-cart">
<span class="cart-qty">0</span>
</a>
</li>
<li class="es-lang newHeaderLangText">
<a class="" href="/ar/" title="عربي">
عربي </a>
</li>
<div class="language-selector">
<div class="dropdown">
<div class="dropdown-toggle" type="button" id="dropdownLanguage" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<div class="language-text">Language: </div>
<div class="language-flag"><span>EN</span></div>
</div>
<div class="dropdown-menu" aria-labelledby="dropdownLanguage">
<ul class="language-list">
<li>
<a href="/ar/" title="عربي">
<span data-attr="عربي">عربي</span>
</a>
</li>
<li>
<a href="/en/" title="EN">
<span class="selected" data-attr="EN">EN</span>
</a>
</li>
</ul>
</div>
</div>
</div>
<li class="threeLineMenu"><button class="HeaderMobileMenuBtn"></button></li>
</ul>
</div>
</div>
</nav>
<div class="headerMobileLowerBox">
<div class="headerMobileMenuBox">
<div class="mobileMenuTopBorder"></div>
<button>
<div>
<h3 class="mobileMenuInternetPlans">Internet Plans</h3>
<div class="mobileAccordionIcon"></div>
</div>
<ul>
<li><a href="/en/internet/fiber-offers">- Fiber Offers</a></li>
<li><a href="/en/internet/adsl-offer">- ADSL Offers</a></li>
<li><a href="/en/internet/4g-flybox-offer">- 4G Flybox Home Internet</a></li>
<li><a href="/en/internet/4g-flybox-offer">- 4G Flybox Home Internet</a></li>
<li><a href="/en/internet/5g-home-internet">- 5G Home Internet</a></li>
<li><a href="/en/internet/prepaid-orange-net-offers">- Prepaid Orange Net</a></li>
</ul>
</button>
<button>
<div>
<h3 class="mobileMenuDevicesAccessories">Devices & Accessories</h3>
<div class="mobileAccordionIcon"></div>
</div>
<ul>
<li><a href="/en/devices-accessories/mobile-phone">- Mobile Phones</a></li>
<li><a href="/en/devices-accessories/mobile-accessories">- Mobile Accessories</a></li>
<li><a href="/en/devices-accessories/tv">- Smart TV and Screens</a></li>
<li><a href="/en/devices-accessories/internet-devices">- Internet Devices</a></li>
<li><a href="/en/devices-accessories/smart-watches">- Smart Watches</a></li>
<li><a href="/en/devices-accessories/headphones-earbuds">- Headphones and Speakers</a></li>
<li><a href="/en/devices-accessories/devices-with-installment">- Devices installments</a></li>
<li><a href="/en/devices-accessories/tablets-laptops">- Tablets & Laptops</a></li>
</ul>
</button>
<button>
<div>
<h3 class="mobileMenuMobileLines">Mobile Lines</h3>
<div class="mobileAccordionIcon"></div>
</div>
<ul>
<li><a href="/en/mobile/prepaid-lines">- Prepaid Lines</a></li>
<li><a href="/en/mobile/postpaid-lines">- Postpaid Lines</a></li>
<li><a href="/en/mobile/yo-lines">- YO Lines</a></li>
</ul>
</button>
<button>
<div>
<h3 class="mobileMenuSmartLife">Smart Life</h3>
<div class="mobileAccordionIcon"></div>
</div>
<ul>
<li><a href="/en/smart-life/smart-device">- Smart Home Devices</a></li>
<li><a href="/en/smart-life/smart-home-kits">- Smart Home Kits</a></li>
</ul>
</button>
<button>
<div>
<h3>Others</h3>
<div class="mobileAccordionIcon"></div>
</div>
<ul>
<li><a href="https://eshop.orange.jo/en/fixed-plans/fixed-postpaid-lines">- Fixed Lines</a></li>
<li><a href="/en/privacy-policy" target="_blank">- Privacy policy</a></li>
<li><a href="/en/returns">- Return Policy</a></li>
<li><a href="/en/terms-conditions" target="_blank">- Terms & conditions</a></li>
<li><a href="/en/faq" target="_blank">- FAQ’s</a></li>
<li><a class="NewFooterContactUs" href="https://orange.jo/en/contact-us">- Contact us</a></li>
</ul>
</button>
<div class="headerMobileBackBox"><img src="/Themes/Eshop2021/Content/images/header-back-arrow-icon.svg" alt="back arrow"><a href="https://www.orange.jo/en">Back to Orange.jo</a></div>
<div class="footerSocialBox">
<div class="footerSocialLinks">
<h3>
Let's Connect
</h3>
<ul>
<li>
<a href="https://www.facebook.com/OrangeJordan" target="_blank">
<img src="/Themes/Eshop2021/Content/images/instgramIcon.webp" style="padding: 10px 16px;" alt="Facebook">
</a>
</li>
<li>
<a href="https://twitter.com/orangeJo" target="_blank">
<img src="/Themes/Eshop2021/Content/images/X icon.svg" style="padding: 10px 8px;" alt="Twitter">
</a>
</li>
<li>
<a href="https://www.linkedin.com/company/orange-jordan">
<img src="/Themes/Eshop2021/Content/images/TwitterIcon.webp" style="padding: 10px 10px;" alt="Linkedin">
</a>
</li>
<li>
<a href="https://www.instagram.com/orangejo/">
<img src="/Themes/Eshop2021/Content/images/facebookIcon.webp" style="padding: 10px 10px;" alt="Instagram">
</a>
</li>
</ul>
</div>
<div class="footerPaymentsLinks">
<h3>
We Accept
</h3>
<ul>
<li>
<span class="footerPaymentsVisa"></span>
</li>
<li>
<span class="footerPaymentsMastercard"></span>
</li>
<li>
<span class="footerPaymentsOrangemoney"></span>
</li>
<li>
<span class="footerPaymentsCash"></span>
</li>
</ul>
</div>
</div>
<p class="copyRightsText">
<span><span class="CRspan1">© Orange</span> <span class="CRspan2">All Rights Reserved</span> <span class="CRspan3">Orange Jordan </span> <span class="CRspan4"> 2024 </span></span>
</p>
</div>
<div class="headerMobileSearchBox">
<div class="headerSearchBox">
<div class="headerSerachIcon" onclick="GotoAdavanceSearch()"></div>
<input class="headerSerachInput" type="text" name="q" autocomplete="off" placeholder="Search store">
<div class="headerSerachCloseIcon"></div>
<div class="headerSearchBoxResults" style="display: none;"></div>
</div>
</div>
</div>
<script>
function GotoAdavanceSearch() {
if ($(window).width() > 500) {
if ($(".headerSerachInput").val() != "")
window.location.href = "/search?q=" + $(".headerSerachInput").val();
}
else {
if ($(".headerSerachInput:nth(1)").val() != "")
window.location.href = "/search?q=" + $(".headerSerachInput:nth(1)").val();
}
}
$(".headerSerachInput").keypress(function (e) {
if (e.which == 13) {
GotoAdavanceSearch();
}
});
</script>
</header>
<script type="module">
const sections = document.querySelectorAll(".sectionScrollClass")
const links = document.querySelectorAll(".linkScrollClass")
// stikcy menu
// search input
let timeoutId;
const headerInput1 = document.querySelector(".headerLowerBox .headerSerachInput")
const headerSearchBoxResults1 = document.querySelector(".headerLowerBox .headerSearchBoxResults")
const headerInput2 = document.querySelector(".headerMobileSearchBox .headerSerachInput")
const headerSearchBoxResults2 = document.querySelector(".headerMobileSearchBox .headerSearchBoxResults")
const headerSerachIcon = document.querySelector(".NewHeaderBox .headerSerachIcon")
const headerSerachCloseIcon1 = document.querySelector(".headerLowerBox .headerSerachCloseIcon")
const headerSerachCloseIcon2 = document.querySelector(".headerMobileSearchBox .headerSerachCloseIcon")
headerSerachIcon.addEventListener("mousedown",(e)=>{
e.preventDefault()
})
const itemTamplate = (itemData)=>{
return `
<a class="searchItemBox" href="${itemData?.SeName}">
<img alt="Image" src="${itemData?.DefaultPictureModel?.ImageUrl}">
<div>
<p>${itemData?.Name || ""}</p>
<p>${itemData?.ProductPrice?.Price || ""}</p>
</div>
</a>
`
}
const addSearchEvent = (headerInput,headerSearchBoxResults,headerSerachCloseIcon)=>{
headerSerachCloseIcon.addEventListener("mousedown",(e)=>{
e.preventDefault()
})
headerSerachCloseIcon.addEventListener("click",(e)=>{
clearTimeout(timeoutId);
headerSearchBoxResults.innerHTML = "";
headerSearchBoxResults.style.display = "none"
headerInput.value = ""
headerInput.blur()
})
headerInput.addEventListener("input", function(event) {
clearTimeout(timeoutId);
timeoutId = setTimeout(function() {
const searchTerm = event.target.value;
fetch(`/instantSearchFor?q=${searchTerm}`, { method: "GET" })
.then(response => response.json())
.then(data => {
if(data?.Products?.length > 0){
const html = data?.Products?.map((item) => {
return itemTamplate(item)
}).join("")
headerSearchBoxResults.innerHTML = `${html}<a class="goToAdvanceSearch" href=/search?q=${searchTerm}>Show All Results</a>`;
headerSearchBoxResults.style.display = "flex"
}else{
headerSearchBoxResults.innerHTML = "";
headerSearchBoxResults.style.display = "none"
}
})
.catch(error => {
console.error(error);
});
}, 350);
});
document.addEventListener("click", function(event) {
if (!event.target.closest(".headerSearchBox")) {
clearTimeout(timeoutId);
headerSearchBoxResults.innerHTML = "";
headerSearchBoxResults.style.display = "none"
headerInput.value = ""
}
if (!event.target.closest(".headerMobileMenuBox") && !event.target.classList.contains("HeaderMobileMenuBtn")) {
toggleMenuBtn.classList.remove("MobileMenuBtnClose")
headerMobileLowerBox.classList.remove("showHeaderMobileLowerBox")
removeToggle()
document.body.classList.remove('preventBodyScrolling');
}
});
window.addEventListener('pageshow', (event) => {
headerSearchBoxResults.innerHTML = "";
headerSearchBoxResults.style.display = "none"
headerInput.value = ""
});
}
addSearchEvent(headerInput1,headerSearchBoxResults1,headerSerachCloseIcon1)
addSearchEvent(headerInput2,headerSearchBoxResults2,headerSerachCloseIcon2)
// mobile menu
const toggleMenuBtn = document.querySelector(".HeaderMobileMenuBtn");
const headerMobileLowerBox = document.querySelector(".headerMobileMenuBox");
const headerMobileMenuButtons = document.querySelectorAll(".headerMobileMenuBox button");
toggleMenuBtn.addEventListener("click",function(event){
toggleMenuBtn.classList.toggle("MobileMenuBtnClose")
headerMobileLowerBox.classList.toggle("showHeaderMobileLowerBox")
const boxHeight = window.innerHeight - headerMobileLowerBox.getBoundingClientRect().y
headerMobileLowerBox.style.height = `${boxHeight}px`
removeToggle()
toggleBodyScroll()
})
function removeToggle(){
headerMobileMenuButtons.forEach((btn)=>{
btn.classList.remove("showMobileSubMenu")
})
}
function toggleBodyScroll(){
document.body.classList.toggle('preventBodyScrolling');
}
headerMobileMenuButtons.forEach((btn)=>{
btn.addEventListener("click",function(event){
if(btn.classList.contains("showMobileSubMenu")){
btn.classList.remove("showMobileSubMenu")
}else{
removeToggle()
btn.classList.add("showMobileSubMenu")
}
})
})
// seleting home link after loading homepage
window.addEventListener('pageshow', (event) => {
const headerActiveLinks = document.querySelectorAll('.NewHeaderBox .newHeaderActiveLink')
headerActiveLinks.forEach((item)=>{
const path = new URL(item.href)
if(window.location.pathname == path.pathname){
item.classList.add("homeSelected")
}else{
item.classList.remove("homeSelected")
}
})
});
$(document).ready(function () {
$(".search-menu").on("click", function () {
$("#search-box").toggleClass('active');
});
});
function fnCheckProductWhileAddToCompare(productId, url,e) {
$.ajax({
url: '/Product/CheckProductWhileAddToCompare',
data: { 'productId': productId},
type: 'POST',
success: function (result) {
//url = url
if (result.result == true) {
if (confirm("Category product already exist in the compare list.")) {
//Clear Compare List
$.ajax({
url: '/Product/ClearCompareListAjax',
type: 'POST',
success: function () {
//Add Product To Compare List
AjaxCart.addproducttocomparelist(url);
}
});
}
return false;
}
else {
AjaxCart.addproducttocomparelist(url);
}
}
});
e = e || event
if (e)
e.stopImmediatePropagation();
}
</script>
<script>
$(document).ready(function () {
$(".search-menu").on("click", function () {
$("#search-box").toggleClass('active');
});
});
function fnCheckProductWhileAddToCompare(productId, url,e) {
$.ajax({
url: '/Product/CheckProductWhileAddToCompare',
data: { 'productId': productId},
type: 'POST',
success: function (result) {
//url = url
if (result.result == true) {
if (confirm("Category product already exist in the compare list.")) {
//Clear Compare List
$.ajax({
url: '/Product/ClearCompareListAjax',
type: 'POST',
success: function () {
//Add Product To Compare List
AjaxCart.addproducttocomparelist(url);
}
});
}
return false;
}
else {
AjaxCart.addproducttocomparelist(url);
}
}
});
e = e || event
if (e)
e.stopImmediatePropagation();
}
</script>
<div class="master-wrapper-content">
<div class="breadcrumb-bg">
<div class="container">
<div class="ajaxCartInfo" data-getajaxcartbuttonurl="/NopAjaxCart/GetAjaxCartButtonsAjax" data-productpageaddtocartbuttonselector=".add-to-cart-button1" data-productboxaddtocartbuttonselector=".required-anyone-from-otherproduct" data-productboxproductitemelementselector=".product-item" data-enableonproductpage="True" data-enableoncatalogpages="True" data-minishoppingcartquatityformattingresource="{0}" data-miniwishlistquatityformattingresource="({0})" data-addtowishlistbuttonselector=".add-to-wishlist-button1">
</div>
<input id="addProductVariantToCartUrl" name="addProductVariantToCartUrl" type="hidden" value="/en/AddProductFromProductDetailsPageToCartAjax">
<input id="addProductToCartUrl" name="addProductToCartUrl" type="hidden" value="/en/AddProductToCartAjax">
<input id="miniShoppingCartUrl" name="miniShoppingCartUrl" type="hidden" value="/en/MiniShoppingCart">
<input id="flyoutShoppingCartUrl" name="flyoutShoppingCartUrl" type="hidden" value="/en/NopAjaxCartFlyoutShoppingCart">
<input id="checkProductAttributesUrl" name="checkProductAttributesUrl" type="hidden" value="/en/CheckIfProductOrItsAssociatedProductsHasAttributes">
<input id="getMiniProductDetailsViewUrl" name="getMiniProductDetailsViewUrl" type="hidden" value="/en/GetMiniProductDetailsView">
<input id="flyoutShoppingCartPanelSelector" name="flyoutShoppingCartPanelSelector" type="hidden" value="#flyout-cart">
<input id="shoppingCartMenuLinkSelector" name="shoppingCartMenuLinkSelector" type="hidden" value=".cart-qty">
<input id="wishlistMenuLinkSelector" name="wishlistMenuLinkSelector" type="hidden" value="span.wishlist-qty">
</div>
</div>
<div class="master-column-wrapper">
<div class="">
<div class="page home-page">
<div class="page-body">
<div class="mainLayerBackgroundBox">
<div class="mainLayerBackgroundContainer">
<div class="mainLayerBox1"></div>
<div class="mainLayerBox2"></div>
</div>
<div class="newEShopHeroBox">
<div class="newEShopHeroSection container">
<div class="newEShopHeroSection__sliderBox">
<div class="sliderPlugin">
<div class="first_section any-slider 1boxClass">
<script>
document.cookie = "orientation=" + (window.innerHeight > window.innerWidth ? true : false);
</script>
<div class="container">
<div class="custom-slider" id="slick-main1">
<div class="slider_flex">
<div class="slider-left">
<div class="timeline__slider slider-home slick-initialized slick-slider">
<div class="slick-list draggable"><div class="slick-track" style="opacity: 1; width: 4815px; transform: translate3d(0px, 0px, 0px);"><div class="timeline__item slider-home slick-desktop slick-slide slick-current slick-active" data-id="1 to 10" data-slick-index="0" aria-hidden="false" style="width: 535px;" tabindex="0" data-group="1">
<div class="slider-alignmnet ">
<div class="desktop-slider">
<div class="item" onclick="location.href ='/en/samsung-galaxy-a06-series';">
<img src="https://eshop.orange.jo/images/thumbs/0009512.png" alt="9512">
<div class="caption">
<a href="/en/samsung-galaxy-a06-series" class="btn btn-orange btn-slider" tabindex="0">Buy Now</a>
</div>
</div>
</div>
</div>
</div><div class="timeline__item slider-home slick-desktop slick-slide" data-id="1 to 10" data-slick-index="1" aria-hidden="true" style="width: 535px;" tabindex="-1" data-group="1">
<div class="slider-alignmnet ">
<div class="desktop-slider">
<div class="item" onclick="location.href ='/en/internet/adsl-offer/adsl-amman';">
<img src="https://eshop.orange.jo/images/thumbs/0009486.png" alt="9486">
<div class="caption">
<a href="/en/internet/adsl-offer/adsl-amman" class="btn btn-orange btn-slider" tabindex="-1">Buy Now</a>
</div>
</div>
</div>
</div>
</div><div class="timeline__item slider-home slick-desktop slick-slide" data-id="1 to 10" data-slick-index="2" aria-hidden="true" style="width: 535px;" tabindex="-1" data-group="1">
<div class="slider-alignmnet ">
<div class="desktop-slider">
<div class="item" onclick="location.href ='/en/mobile/postpaid-lines/residential-offers';">
<img src="https://eshop.orange.jo/images/thumbs/0009401.png" alt="9401">
<div class="caption">
<a href="/en/mobile/postpaid-lines/residential-offers" class="btn btn-orange btn-slider" tabindex="-1">Buy Now</a>
</div>
</div>
</div>
</div>
</div><div class="timeline__item slider-home slick-desktop slick-slide" data-id="1 to 10" data-slick-index="3" aria-hidden="true" style="width: 535px;" tabindex="-1" data-group="1">
<div class="slider-alignmnet ">
<div class="desktop-slider">
<div class="item" onclick="location.href ='/en/apple-airpods-4';">
<img src="https://eshop.orange.jo/images/thumbs/0009438.png" alt="9438">
<div class="caption">
<a href="/en/apple-airpods-4" class="btn btn-orange btn-slider" tabindex="-1">Buy Now</a>
</div>
</div>
</div>
</div>
</div><div class="timeline__item slider-home slick-desktop slick-slide" data-id="1 to 10" data-slick-index="4" aria-hidden="true" style="width: 535px;" tabindex="-1" data-group="1">
<div class="slider-alignmnet ">
<div class="desktop-slider">
<div class="item" onclick="location.href ='/en/apple-watch-10';">
<img src="https://eshop.orange.jo/images/thumbs/0009443.png" alt="9443">
<div class="caption">
<a href="/en/apple-watch-10" class="btn btn-orange btn-slider" tabindex="-1">Buy Now</a>
</div>
</div>
</div>
</div>
</div><div class="timeline__item slider-home slick-desktop slick-slide" data-id="1 to 10" data-slick-index="5" aria-hidden="true" style="width: 535px;" tabindex="-1" data-group="1">
<div class="slider-alignmnet position-middle alignment-left">
<div class="desktop-slider">
<div class="item" onclick="location.href ='/en/apple-iphone-16/iphone-16-series';">
<img src="https://eshop.orange.jo/images/thumbs/0009386.png" alt="9386">
<div class="caption">
<a href="/en/apple-iphone-16/iphone-16-series" class="btn btn-orange btn-slider" tabindex="-1">Explore More</a>
</div>
</div>
</div>
</div>
</div><div class="timeline__item slider-home slick-desktop slick-slide" data-id="1 to 10" data-slick-index="6" aria-hidden="true" style="width: 535px;" tabindex="-1" data-group="1">
<div class="slider-alignmnet position-top alignment-left">
<div class="desktop-slider">
<div class="item" onclick="location.href ='/en/apple-iphone-16/iphone-16-series-pro';">
<img src="https://eshop.orange.jo/images/thumbs/0009392.png" alt="9392">
<div class="caption">
<a href="/en/apple-iphone-16/iphone-16-series-pro" class="btn btn-orange btn-slider" tabindex="-1">Explore More</a>
</div>
</div>
</div>
</div>
</div><div class="timeline__item slider-home slick-desktop slick-slide" data-id="1 to 10" data-slick-index="7" aria-hidden="true" style="width: 535px;" tabindex="-1" data-group="1">
<div class="slider-alignmnet ">
<div class="desktop-slider">
<div class="item" onclick="location.href ='/en/devices-accessories/mobile-phone?pi=2';">
<img src="https://eshop.orange.jo/images/thumbs/0008723.png" alt="8723">
<div class="caption">
<a href="/en/devices-accessories/mobile-phone?pi=2" class="btn btn-orange btn-slider" tabindex="-1">Explore More</a>
</div>
</div>
</div>
</div>
</div><div class="timeline__item slider-home slick-desktop slick-slide" data-id="1 to 10" data-slick-index="8" aria-hidden="true" style="width: 535px;" tabindex="-1" data-group="1">
<div class="slider-alignmnet ">
<div class="desktop-slider">
<div class="item" onclick="location.href ='/en/internet/prepaid-orange-net-offers/orange-net-max';">
<img src="https://eshop.orange.jo/images/thumbs/0009055.png" alt="9055">
<div class="caption">
<a href="/en/internet/prepaid-orange-net-offers/orange-net-max" class="btn btn-orange btn-slider" tabindex="-1">Buy Now</a>
</div>
</div>
</div>
</div>
</div></div></div>
</div>
<div class="slick-dots" id="dots1"><ul><li class="is-active dot-active" data-group="1" data-slick-index="0"></li><li class="is-active" data-group="1" data-slick-index="1"></li><li class="is-active" data-group="1" data-slick-index="2"></li><li class="is-active" data-group="1" data-slick-index="3"></li><li class="is-active" data-group="1" data-slick-index="4"></li><li class="is-active" data-group="1" data-slick-index="5"></li><li class="is-active" data-group="1" data-slick-index="6"></li><li class="is-active" data-group="1" data-slick-index="7"></li><li class="is-active" data-group="1" data-slick-index="8"></li></ul></div>
</div>
<div class="horizantal-menu">
<ul class="horizantal__nav" id="horizantal-menu-slider">
<li class="item is-active" data-from="1 to 10" data-slick-index="0" data-group="1">
<a>
<span>Enjoy high speed</span>
<h2>Internet Plans</h2>
</a>
</li>
</ul>
</div>
</div>
<div class="slick-arrow-data white-arrow slick-arrowsBox-plugin"><div class="dir_left slick-arrow slick-disabled" aria-disabled="true" style=""></div><div class="dir_right slick-arrow" aria-disabled="false" style="">
<div div="" class="arrowMainBox">
<div class="arrowMainBoxLeft">
<div class="orangeCircle"></div>
</div>
<div class="arrowMainBoxRight">
<div class="orangeCircle"></div>
</div>
</div>
</div></div>
<div class="slider-counter">
<div class="total_count"></div>
<div class="count"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="newEShopHeroSection__bestSellerBox">
<div class="newEShopHeroSection__bestSellerBox__bestSellerPhone">
<div class="fns-content-page">
<div class="fns-content-list">
<div class="fns-content-box">
<div class="fns-content-item" data-fns-content-block-id="4">
<div class="description">
<div class="bestSellerPhonePlugin" onclick="location.href='https://eshop.orange.jo/en/internet/fiber-offers/fiber-600';">
<picture>
<source srcset="/Themes/Eshop2021/Content/images/boxbg-mobile.png" media="(max-width: 500px)">
<img class="bestSellerPhonePlugin__bgImg" src="/Themes/Eshop2021/Content/images/boxbg.png" alt="Best Seller">
</picture>
<div class="bestSellerPhonePlugin__newArrival">
<!-- <img class="bestSellerPhonePlugin__newArrival__orangeStar" src="/Themes/Eshop2021/Content/images/5G-May23/Box5gIconBlack.svg" alt="Fiber 600 Mbps" />-->
<p class="bestSellerPhonePlugin__newArrival__text">
<span class="bestSellerPhonePlugin__newArrival__text2"></span>
</p>
</div>
<img class="bestSellerPhonePlugin__img" src="/images/uploaded/fiber600.jpg" alt="Fiber 600 Mbps">
<p class="bestSellerPhonePlugin__title">Fiber 600 Mbps</p>
<p class="bestSellerPhonePlugin__shopNow"><a href="https://eshop.orange.jo/en/internet/fiber-offers/fiber-600" class="bestSellerPhonePlugin__shopNow">Shop Now</a></p>
<div class="bestSellerPhonePlugin__border"></div>
</div>
<style>
.newEShopHeroSection__bestSellerBox__bestSellerPhone .bestSellerPhonePlugin__img {
height: calc(12.6353790614vw + -1.5992779783px);
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
position: absolute;
bottom: calc(2.8880866426vw + -2.4512635379px);
right: calc(1.8050541516vw + -4.6570397112px);
width: 100%;
}
</style>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="newEShopHeroSection__bestSellerBox__bestSellerSim">
<div class="fns-content-page">
<div class="fns-content-list">
<div class="fns-content-box">
<div class="fns-content-item" data-fns-content-block-id="3">
<div class="description">
<div class="bestSellerSimPlugin" onclick="location.href='https://eshop.orange.jo/en/internet/4g-flybox-offer/unlimited-internet';">
<picture>
<source srcset="/Themes/Eshop2021/Content/images/boxbg-mobile.png" media="(max-width: 500px)">
<img class="bestSellerSimPlugin__bgImg" src="/Themes/Eshop2021/Content/images/boxbg.png" alt="">
</picture>
<div class="bestSellerSimPlugin__greenBox">Best Sellers</div>
<img style="padding-top:20px; margin-left:90px;" class="bestSellerSimPlugin__img" src="/images/uploaded/unlimited-internet.png" alt="Unlimited 4G Internet">
<div class="bestSellerSimPlugin__title">
<p class="bestSellerSimPlugin__title__name">Unlimited Internet</p>
<p class="bestSellerSimPlugin__title__newPrice">
<span class="bestSellerSimPlugin__title__newPrice__bold1">50% Discount</span>
<!--<span class="bestSellerSimPlugin__title__newPrice__bold">50% Discount</span>-->
<!-- <span class="bestSellerSimPlugin__title__newPrice__zero">.00</span> -->
<!-- <span class="bestSellerSimPlugin__title__newPrice__month">/month</span>-->
</p>
<!-- <p class="bestSellerSimPlugin__title__oldPrice">
<span class="bestSellerSimPlugin__title__oldPrice__bold1">JOD</span>
<span class="bestSellerSimPlugin__title__oldPrice__bold">14</span>
<span class="bestSellerSimPlugin__title__oldPrice__zero">.49</span>
<span class="bestSellerSimPlugin__title__oldPrice__month">/month</span>
</p> -->
<p class="bestSellerSimPlugin__shopNow"><a href="https://eshop.orange.jo/en/internet/4g-flybox-offer/unlimited-internet" class="bestSellerSimPlugin__shopNow">Shop Now</a></p>
</div>
<div class="bestSellerSimPlugin__border"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="adsContainer0">
<div class="fns-content-page">
<div class="fns-content-list">
<div class="fns-content-box">
<div class="fns-content-item" data-fns-content-block-id="6">
<div class="description">
<div class="container">
<a href="https://eshop.orange.jo/en/internet/5g-home-internet" class="adsBox0">
<div class="AdsTitleContainer">
<div class="AdsFlameIcon"></div>
<div class="AdsTitleBox">
<h3>Hello 5G</h3>
<h2>Greater Speed, and Higher Capacity with 5G Home</h2>
</div>
<button class="knowMoreBtnHello5gBanner">
Know more
<img src="/Themes/Eshop2021/Content/images/5G-May23/l.arrow.svg" alt="Image">
</button>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="newLinksDiv">
<a class="linkItem linkItem1" href="/en/order/aramextrackyourorder">
<div class="linkCircle">
</div>
<p class="linkTitle">Track your order</p>
</a>
<a class="linkItem linkItem2" href="/en/internet/fiber-offers">
<div class="linkCircle">
</div>
<p class="linkTitle">Fiber Offers</p>
</a>
<a class="linkItem linkItem3" href="https://orange.jo/en/offers/quick-pay">
<div class="linkCircle">
</div>
<p class="linkTitle">Refill Orange Lines</p>
</a>
<a class="linkItem linkItem4" href="/en/eshop-promotions">
<div class="linkCircle">
</div>
<p class="linkTitle">Promotions</p>
</a>
</div>
</div>
<div class="container">
<h1 class="title home-page-title homePageCategoriesHeader homePageTitlesCommonStyle" id="homePageCategoriesHeaderWelcome">
Welcome to Orange Eshop
</h1>
<p class="home-page-desc" id="homePageCategoriesHeaderDescWelcome">
Tap into the world of Orange eshop, where you can find everything you are looking for under one roof. From trending products, 5G phones to best sellers and top-notch and exclusive products. Check the entire range of Orange eshop products and shop for everything you need.
</p>
</div>
<div class="trendySection" style="position: relative">
<div class="trendySection__buttonsBox">
<input type="radio" name="Trendy" id="Trendy5g" value="cardsBox0" checked="">
<label for="Trendy5g" id="Trendy5gLabel" class="label trendySection__buttonsBox__Trendy5g">
<img id="Trendy5gImage" class="TrendyBtnIcon" src="/Themes/Eshop2021/Content/Images/5G-May23/popularProducts5GIcon.webp" alt="5G Image">
<span id="Trendy5gSpan">5G Phones</span>
</label>
<input type="radio" name="Trendy" id="Trendy" value="cardsBox1">
<label for="Trendy" class="label trendySection__buttonsBox__trendyBtn">
<img src="/Themes/Eshop2021/Content/Images/trendy3.webp" alt="trendy">
<span>Trendy this week</span>
</label>
<input type="radio" name="Trendy" id="New" value="cardsBox2">
<label for="New" class="label trendySection__buttonsBox__newArrivalsBtn">
<img src="/Themes/Eshop2021/Content/Images/trendy2.webp" alt="trendy">
<span>New Arrivals</span>
</label>
<input type="radio" name="Trendy" id="Best" value="cardsBox3">
<label for="Best" class="label trendySection__buttonsBox__bestSellers">
<img src="/Themes/Eshop2021/Content/Images/trendy1.webp" alt="trendy">
<span>Best Sellers</span>
</label>
</div>
<div id="loadingGiftSection" style="position: absolute;top: 50%; left: 60%;transform: translateY(-50%);">
<img src="/Themes/Eshop2021/Content/images/loading.gif" alt="loading gift">
</div>
<div class="trendySection__cardsBox" id="cardsBox0">
</div>
<div class="trendySection__cardsBox" id="cardsBox1">
</div>
<div class="trendySection__cardsBox" id="cardsBox2">
</div>
<div class="trendySection__cardsBox" id="cardsBox3">
</div>
</div>
<script type="module">
let showloader = document.querySelector('.global-load')
function ShowInternetSectionLazy() {
const tamplate = (itemData) => {
return `<div class="trendySection__cardsBox__card" data-href-link='${itemData.ProductURL}' >
${itemData?.Display5GBadge ? '<img class="TrendyCardIcon" src="/Themes/Eshop2021/Content/Images/5G-May23/5GDevicesIcon.svg" alt="trendy"/>' : ""}
<img class="itemImg" src=${itemData.FullSizeImageUrl} alt="product image" loading="lazy"/>
<a href="${itemData.ProductURL}" class="viewDetails">
<span>View Details</span>
<!-- #region
<img src="/Themes/Eshop2021/Content/Images/arrow-right-black.png" alt="arrow" /> -->
<i class="fa fa-solid fa-chevron-right" aria-hidden="true"></i>
</a>
<p class="title">
${itemData.Name}
</p>
<p class="price">
<span class="priceUnit">JOD</span>
<span class="priceNumber">${itemData.PriceWithoutDiscount.split('.')[0]}</span>
<span class="priceZeros">${'.' + itemData.PriceWithoutDiscount.split('.')[1].substring(0, 2)}</span>
</p>
<div class="buyNowDiv">
<a class="buyNow" href="${itemData.ProductURL}">Buy Now</a>
<a class="shoppingCart" onclick="AjaxCart.addproducttocart_catalog('/addproducttocart/catalog/${itemData.Id}/1/1');return false;" ></a>
</div>
</div>`
}
const cardsBox0 = document.querySelector("#cardsBox0");
const cardsBox1 = document.querySelector("#cardsBox1");
const cardsBox2 = document.querySelector("#cardsBox2");
const cardsBox3 = document.querySelector("#cardsBox3");
const buttonsBox = document.querySelector(".trendySection__buttonsBox");
var cal1 = 0;
var cal2 = 0;
var cal3 = 0;
fetch('/PopularProductsClient/GetPopularProducts?catid=4')
.then((response) => response.json())
.then((data) => {
const html = data?.map((item) => {
return tamplate(item)
}).join("")
cardsBox0.innerHTML = html;
$("#cardsBox0").owlCarousel({
loop: false,
rewind: true,
margin: 0,
dots: true,
nav: false,
autoWidth: true,
autoplay: true,
autoplayHoverPause: true,
rtl: document.documentElement.lang == "ar" ? true : false,
})
const titles = document.querySelectorAll('#cardsBox0 .title');
titles.forEach((item) => {
if (item.innerText.length > 32) {
item.innerText = `${item.innerText?.slice(0, 29).trim()}...`
}
})
const cards = document.querySelectorAll('#cardsBox0 .trendySection__cardsBox__card');
cards.forEach((card) => {
card.addEventListener("click", (e) => {
if (window.innerWidth <= 834) {
location.href = card.dataset.hrefLink
}
})
})
// hidden loader
$('#loadingGiftSection').hide();
})
.catch((error) => {
console.log(error)
})
buttonsBox.addEventListener("input", (event) => {
const { name, value } = event.target
if (value === "cardsBox0") {
cardsBox0.style.display = "flex"
cardsBox1.style.display = "none"
cardsBox2.style.display = "none"
cardsBox3.style.display = "none"
$("#cardsBox0").owlCarousel({
loop: false,
rewind: true,
margin: 0,
dots: true,
nav: false,
autoWidth: true,
autoplay: true,
autoplayHoverPause: true,
rtl: document.documentElement.lang == "ar" ? true : false
})
}
if (value === "cardsBox1") {
if (cal1 == 0) {
cal1 = 1;
fetch('/PopularProductsClient/GetPopularProducts?catid=1')
.then((response) => response.json())
.then((data) => {
const html = data?.map((item) => {
return tamplate(item)
}).join("")
cardsBox1.innerHTML = html;
cardsBox0.style.display = "none"
cardsBox1.style.display = "flex"
cardsBox2.style.display = "none"
cardsBox3.style.display = "none"
$("#cardsBox1").owlCarousel({
loop: false,
rewind: true,
margin: 0,
dots: true,
nav: false,
autoWidth: true,
autoplay: true,
autoplayHoverPause: true,
rtl: document.documentElement.lang == "ar" ? true : false
})
})
.catch((error) => {
console.log(error)
})
}
else {
cardsBox0.style.display = "none"
cardsBox1.style.display = "flex"
cardsBox2.style.display = "none"
cardsBox3.style.display = "none"
}
}
if (value === "cardsBox2") {
if (cal2 == 0) {
cal2 = 1;
fetch('/PopularProductsClient/GetPopularProducts?catid=2')
.then((response) => response.json())
.then((data) => {
const html = data?.map((item) => {
return tamplate(item)
}).join("")
cardsBox2.innerHTML = html;
cardsBox0.style.display = "none"
cardsBox1.style.display = "none"
cardsBox2.style.display = "flex"
cardsBox3.style.display = "none"
$("#cardsBox2").owlCarousel({
loop: false,
rewind: true,
margin: 0,
dots: true,
nav: false,
autoWidth: true,
autoplay: true,
autoplayHoverPause: true,
rtl: document.documentElement.lang == "ar" ? true : false
})
const titles = document.querySelectorAll('#cardsBox2 .title');
titles.forEach((item) => {
if (item.innerText.length > 32) {
item.innerText = `${item.innerText?.slice(0, 29).trim()}...`
}
})
const cards = document.querySelectorAll('#cardsBox2 .trendySection__cardsBox__card');
cards.forEach((card) => {
card.addEventListener("click", (e) => {
if (window.innerWidth <= 834) {
location.href = card.dataset.hrefLink
}
})
})
})
.catch((error) => {
console.log(error)
})
} else {
cardsBox0.style.display = "none"
cardsBox1.style.display = "none"
cardsBox2.style.display = "flex"
cardsBox3.style.display = "none"
}
}
if (value === "cardsBox3") {
if (cal3 == 0) {
cal3 = 1;
fetch('/PopularProductsClient/GetPopularProducts?catid=3')
.then((response) => response.json())
.then((data) => {
const html = data?.map((item) => {
return tamplate(item)
}).join("")
cardsBox3.innerHTML = html;
cardsBox0.style.display = "none"
cardsBox1.style.display = "none"
cardsBox2.style.display = "none"
cardsBox3.style.display = "flex"
$("#cardsBox3").owlCarousel({
loop: false,
rewind: true,
margin: 0,
dots: true,
nav: false,
autoWidth: true,
autoplay: true,
autoplayHoverPause: true,
rtl: document.documentElement.lang == "ar" ? true : false
})
const titles = document.querySelectorAll('#cardsBox3 .title');
titles.forEach((item) => {
if (item.innerText.length > 32) {
item.innerText = `${item.innerText?.slice(0, 29).trim()}...`
}
})
const cards = document.querySelectorAll('#cardsBox3 .trendySection__cardsBox__card');
cards.forEach((card) => {
card.addEventListener("click", (e) => {
if (window.innerWidth <= 834) {
location.href = card.dataset.hrefLink
}
})
})
})
.catch((error) => {
console.log(error)
})
}
else {
cardsBox0.style.display = "none"
cardsBox1.style.display = "none"
cardsBox2.style.display = "none"
cardsBox3.style.display = "flex"
}
}
})
}
$(document).ready(function () {
const config = {
root: null,
rootMargin: '0px',
threshold: 0
};
const handleScrollToShowVideos = (entries, observer) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
const videosObserver = new IntersectionObserver(handleVideosLoading, config);
videosObserver.observe(document.querySelector(".trendySection"));
observer.unobserve(entry.target);
}
});
};
const handleVideosLoading = (entries, observer) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
ShowInternetSectionLazy()
observer.unobserve(entry.target);
}
});
};
const observerToShowVideos = new IntersectionObserver(handleScrollToShowVideos, config);
observerToShowVideos.observe(document.querySelector(".trendySection"));
});
</script>
<div class="adsContainer1">
<div class="fns-content-page">
<div class="fns-content-list">
<div class="fns-content-box">
<div class="fns-content-item" data-fns-content-block-id="7">
<div class="description">
<div class="container">
<a href="https://eshop.orange.jo/en/devices-accessories/5g-phones" class="homepage5gAdsBannerAnchor">
<div class="homepage5gAdsBanner">
<div class="homepage5gAdsBanner__homepage5gAdsBannerImages">
<img class="homepage5gAdsBanner__homepage5gAdsBannerImages__5gDevice" src="/Themes/Eshop2021/Content/images/5G-May23/MotorolaDevice.png" alt="">
</div>
<div class="homepage5gAdsBanner__homepage5gAdsBannerTextAndButton">
<div class="homepage5gAdsBanner__homepage5gAdsBannerTextContent">
<h3>Hello <span>5G</span></h3>
<p>Enjoy 5G features through a collection of devices provided by
<span>Orange</span>
</p>
</div>
<button class="homepage5gAdsBanner__homepage5gAdsBannerButton">Discover <img class="homepage5gAdsBanner__homepage5gAdsBannerImages__5gDevice" src="/Themes/Eshop2021/Content/images/5G-May23/arrow.svg" alt=""></button>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="all-products" id="InternetSectionPlans" data-bs-spy="scroll" data-bs-target="#home-page-category" data-bs-offset="0" tabindex="0">
<div id="scroll-spy-55">
<div class="marbottom178">
<div id="div-cat-55" class="div-cat-container mask-left ">
<div class="div-55 internetSectionBackground">
<div class="container internetSectionBoxMobile ">
<div class="tabs-nav nav-scroll">
<ul>
<div class="internetBox sectionScrollClass" id="internet-section-scroll">
<div class="internetHeader homePageCategoriesHeader" id="homePageCategoriesHeaderBG1">
<h2 class="title homePageTitlesCommonStyle">Internet Plans</h2>
<a class="ViewAllBtn" href="/en/internet">
<span>
View all
</span>
<div class="ViewAllBtnIcon"></div>
</a>
</div>
<div class="container">
<p class="home-page-cat-desc" id="homePageCategoriesHeaderDesc1">
Looking for a superfast internet connection to stay connected to everything that matters to you? Orange internet plans offer a wide coverage across Jordan, with free internet modems, unlimited local calls, and entertainment subscriptions, all with many pricing options to choose from.
</p>
</div>
<div class="internetSubBox homePageCategoriesHeaderContent">
<script src="/Themes/Eshop2021/Content/js/internetSection.min.js" type="module"></script>
<div class="internetBoxCategories">
<div class="subCatLabelBox">
<div role="button" tabindex="0" class="internetBoxCategory" for="subCat-179" data-sub-cat-id="179" data-sub-cat-url="/en/internet/5g-home-internet" data-sub-cat-name="5G Home Internet Offers" data-sub-cat-se-name="5g-home-internet" data-sub-cat-image="https://eshop.orange.jo/images/thumbs/0005829_5g-home-internet-offers.png">
<img src="https://eshop.orange.jo/images/thumbs/0005829_5g-home-internet-offers.png" alt="5G Home Internet Offers">
<p data-sub-cat-se-name="5g-home-internet">5G <br> Home Internet Offers</p>
</div>
</div>
<div class="subCatLabelBox">
<div role="button" tabindex="0" class="internetBoxCategory" for="subCat-9" data-sub-cat-id="9" data-sub-cat-url="/en/internet/fiber-offers" data-sub-cat-name="Fiber Offers" data-sub-cat-se-name="fiber-offers" data-sub-cat-image="https://eshop.orange.jo/images/thumbs/0004494_orange-fiber-offers.png">
<img src="https://eshop.orange.jo/images/thumbs/0004494_orange-fiber-offers.png" alt="Fiber Offers">
<p data-sub-cat-se-name="fiber-offers">Fiber <br> Offers</p>
</div>
</div>
<div class="subCatLabelBox">
<div role="button" tabindex="0" class="internetBoxCategory" for="subCat-13" data-sub-cat-id="13" data-sub-cat-url="/en/internet/4g-flybox-offer" data-sub-cat-name="4G Flybox Home Internet" data-sub-cat-se-name="4g-flybox-offer" data-sub-cat-image="https://eshop.orange.jo/images/thumbs/0004498_4g-flybox-home-internet.png">
<img src="https://eshop.orange.jo/images/thumbs/0004498_4g-flybox-home-internet.png" alt="4G Flybox Home Internet">
<p data-sub-cat-se-name="4g-flybox-offer">4G Flybox <br> Home Internet</p>
</div>
</div>
<div class="subCatLabelBox">
<div role="button" tabindex="0" class="internetBoxCategory" for="subCat-5" data-sub-cat-id="5" data-sub-cat-url="/en/internet/adsl-offer" data-sub-cat-name="ADSL Offers" data-sub-cat-se-name="adsl-offer" data-sub-cat-image="https://eshop.orange.jo/images/thumbs/0004496_adsl-offers.png">
<img src="https://eshop.orange.jo/images/thumbs/0004496_adsl-offers.png" alt="ADSL Offers">
<p data-sub-cat-se-name="adsl-offer">ADSL <br> Offers</p>
</div>
</div>
<div class="subCatLabelBox">
<div role="button" tabindex="0" class="internetBoxCategory" for="subCat-38" data-sub-cat-id="38" data-sub-cat-url="/en/internet/prepaid-orange-net-offers" data-sub-cat-name="Prepaid Orange Internet Offers" data-sub-cat-se-name="prepaid-orange-net-offers" data-sub-cat-image="https://eshop.orange.jo/images/thumbs/0004499_prepaid-orange-internet-offers.png">
<img src="https://eshop.orange.jo/images/thumbs/0004499_prepaid-orange-internet-offers.png" alt="Prepaid Orange Internet Offers">
<p data-sub-cat-se-name="prepaid-orange-net-offers">Prepaid <br> Orange Internet Offers</p>
</div>
</div>
</div>
<div class="internetNavigationBox">
<div class="promotionBox"></div>
<p class="selectProduct" data-text-res="Select"></p>
<div class="innerContent"></div>
<p class="productName"><span class="innerTitle">Fiber 400 Mbps + Smart Camera Fiber 400 Mbps + Smart Camera</span></p>
<div class="line"></div>
<div class="priceBox">
<p class="newPrice">
<span class="unit">JOD</span>
<span class="amount">45</span>
<span class="fraction">.00</span>
<span class="period"></span>
</p>
<p class="oldPrice">
<span class="unit">JOD</span>
<span class="amount">45</span>
<span class="fraction">.00</span>
<span class="period"></span>
</p>
</div>
<a class="viewOfferDetails" href="">View Offer Details</a>
<a class="viewAllOffers" href="" data-text-res="View all"></a>
<div class="navigationBox">
<button class="btn prev">
</button>
<button class="btn next">
</button>
</div>
</div>
</div>
</div>
</ul>
</div>
<script>
$(document).ready(function () {
const headerDescPairs = [
{ headerId: "#homePageCategoriesHeaderBG1", descId: "#homePageCategoriesHeaderDesc1" },
{ headerId: "#homePageCategoriesHeaderBG2", descId: "#homePageCategoriesHeaderDesc2" },
{ headerId: "#homePageCategoriesHeaderBG3", descId: "#homePageCategoriesHeaderDesc3" },
{ headerId: "#homePageCategoriesHeaderBG4", descId: "#homePageCategoriesHeaderDesc4" },
{ headerId: "#homePageCategoriesHeaderWelcome", descId: "#homePageCategoriesHeaderDescWelcome" }
];
const NewHeaderBoxHeight = $(".NewHeaderBox").height();
let animationFrameId;
function scrollHandler() {
headerDescPairs.forEach(pair => {
const header = $(pair.headerId);
const headerDesc = $(pair.descId);
const targetRect = header[0].getBoundingClientRect();
const triggerPosition = targetRect.top + window.scrollY - NewHeaderBoxHeight;
const currentScroll = $(window).scrollTop();
if (currentScroll >= triggerPosition) {
headerDesc.hide(100);
} else {
headerDesc.show(100);
}
});
animationFrameId = null;
}
function requestScrollHandler() {
if (!animationFrameId) {
animationFrameId = requestAnimationFrame(scrollHandler);
}
}
$(window).on("scroll", requestScrollHandler);
});
</script>
</div>
</div>
</div>
<div class="drawer-layer" id="drawer-layer-55"></div>
</div>
</div>
<div id="scroll-spy-110">
<div class="marbottom178">
<div id="div-cat-110" class="div-cat-container mask-left ">
<div class="div-110 ">
<div class="container ">
<div class="tabs-nav nav-scroll">
<ul>
<div class="devices-accessories prd-title-wrapper sectionScrollClass" id="devices-accessories-scroll">
<div class="prd-title titleandmoredevice homePageCategoriesHeader" id="homePageCategoriesHeaderBG2">
<h2 class="homePageTitlesCommonStyle">Devices & <br> Accessories</h2>
<div class="viewall-btn">
<a class="btn btn-primary-dark" target="_blank" href="/en/devices-accessories">View All</a>
</div>
</div>
<div class="prd-title titleandmoredevice">
<p class="home-page-cat-desc" id="homePageCategoriesHeaderDesc2">
Shopping online has never been easier with our fantastic selection of the latest editions of smartphones and devices, mobile accessories, handset covers, power banks, wearables, and smartwatches. Discover all the options here.
</p>
</div>
<div class="home-category-product-slider homePageCategoriesHeaderContent">
<div class="product-slider-left">
<div class="product-slider">
</div>
</div>
<div class="category-slider-right">
<div class="categories-slider-wrapper">
<div class="categories-twocolumns">
<a href="/en/devices-accessories/devices-with-installment" class="categories-items" data-id="141">
<div class="cate-img">
<img id="img_141" src="https://eshop.orange.jo/images/thumbs/0003125_device-mobile-phone-installment.png" alt="Device & Mobile Phone Installment" loading="lazy">
</div>
<div class="product-items-content">
<h3 class="deviceItemName"><span>Device</span><br>& Mobile Phone Installment</h3>
<p></p>
<div class="shop-buttons">
<button type="button" class="shop-now-btn" onclick="location.href='URL';">
<span>Shop Now</span>
</button>
</div>
</div>
</a>
<a href="/en/devices-accessories/5g-phones" class="categories-items" data-id="141">
<div class="cate-img">
<img id="img_141" src="https://eshop.orange.jo/images/thumbs/0005461_5g-phones.png" alt="5G Phones" loading="lazy">
</div>
<div class="product-items-content">
<h3 class="deviceItemName"><span>5G</span><br>Phones</h3>
<p></p>
<div class="shop-buttons">
<button type="button" class="shop-now-btn" onclick="location.href='URL';">
<span>Shop Now</span>
</button>
</div>
</div>
</a>
<a href="/en/devices-accessories/headphones-earbuds" class="categories-items" data-id="141">
<div class="cate-img">
<img id="img_141" src="https://eshop.orange.jo/images/thumbs/0004283_headphones-and-speakers.png" alt="Headphones and Speakers" loading="lazy">
</div>
<div class="product-items-content">
<h3 class="deviceItemName"><span>Headphones</span><br>and Speakers</h3>
<p></p>
<div class="shop-buttons">
<button type="button" class="shop-now-btn" onclick="location.href='URL';">
<span>Shop Now</span>
</button>
</div>
</div>
</a>
<a href="/en/devices-accessories/gaming-accessories" class="categories-items" data-id="141">
<div class="cate-img">
<img id="img_141" src="https://eshop.orange.jo/images/thumbs/0004888_gaming-accessories.png" alt="Gaming accessories" loading="lazy">
</div>
<div class="product-items-content">
<h3 class="deviceItemName"><span>Gaming</span><br>accessories</h3>
<p></p>
<div class="shop-buttons">
<button type="button" class="shop-now-btn" onclick="location.href='URL';">
<span>Shop Now</span>
</button>
</div>
</div>
</a>
</div>
<div class="categories-threecolumns">
<a href="/en/devices-accessories/mobile-phone" class="categories-items" data-id="21">
<div class="cate-img">
<img id="img_21" src="https://eshop.orange.jo/images/thumbs/0003115_mobile-phones.png" alt="Mobile Phones" loading="lazy">
</div>
<div class="product-items-content">
<h3 class="deviceItemName">Mobile Phones</h3>
<p></p>
<div class="shop-buttons">
<button type="button" class="shop-now-btn" onclick="location.href='/en/devices-accessories/mobile-phone';">
<span>Shop Now</span>
</button>
</div>
</div>
</a>
<a href="/en/devices-accessories/mobile-accessories" class="categories-items" data-id="22">
<div class="cate-img">
<img id="img_22" src="https://eshop.orange.jo/images/thumbs/0003121_mobile-accessories.png" alt="Mobile Accessories" loading="lazy">
</div>
<div class="product-items-content">
<h3 class="deviceItemName">Mobile Accessories</h3>
<p></p>
<div class="shop-buttons">
<button type="button" class="shop-now-btn" onclick="location.href='/en/devices-accessories/mobile-accessories';">
<span>Shop Now</span>
</button>
</div>
</div>
</a>
<a href="/en/devices-accessories/smart-watches" class="categories-items" data-id="109">
<div class="cate-img">
<img id="img_109" src="https://eshop.orange.jo/images/thumbs/0004282_smart-watches.png" alt="Smart Watches" loading="lazy">
</div>
<div class="product-items-content">
<h3 class="deviceItemName">Smart Watches</h3>
<p></p>
<div class="shop-buttons">
<button type="button" class="shop-now-btn" onclick="location.href='/en/devices-accessories/smart-watches';">
<span>Shop Now</span>
</button>
</div>
</div>
</a>
<a href="/en/devices-accessories/tv" class="categories-items" data-id="156">
<div class="cate-img">
<img id="img_156" src="https://eshop.orange.jo/images/thumbs/0004285_smart-tv-and-screens.png" alt="Smart TV and Screens" loading="lazy">
</div>
<div class="product-items-content">
<h3 class="deviceItemName">Smart TV and Screens</h3>
<p></p>
<div class="shop-buttons">
<button type="button" class="shop-now-btn" onclick="location.href='/en/devices-accessories/tv';">
<span>Shop Now</span>
</button>
</div>
</div>
</a>
<a href="/en/devices-accessories/smart-audio-video" class="categories-items" data-id="171">
<div class="cate-img">
<img id="img_171" src="https://eshop.orange.jo/images/thumbs/0004978_smart-audio-and-video.png" alt="Smart Audio and Video" loading="lazy">
</div>
<div class="product-items-content">
<h3 class="deviceItemName">Smart Audio and Video</h3>
<p></p>
<div class="shop-buttons">
<button type="button" class="shop-now-btn" onclick="location.href='/en/devices-accessories/smart-audio-video';">
<span>Shop Now</span>
</button>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</ul>
</div>
<script>
$(document).ready(function () {
const headerDescPairs = [
{ headerId: "#homePageCategoriesHeaderBG1", descId: "#homePageCategoriesHeaderDesc1" },
{ headerId: "#homePageCategoriesHeaderBG2", descId: "#homePageCategoriesHeaderDesc2" },
{ headerId: "#homePageCategoriesHeaderBG3", descId: "#homePageCategoriesHeaderDesc3" },
{ headerId: "#homePageCategoriesHeaderBG4", descId: "#homePageCategoriesHeaderDesc4" },
{ headerId: "#homePageCategoriesHeaderWelcome", descId: "#homePageCategoriesHeaderDescWelcome" }
];
const NewHeaderBoxHeight = $(".NewHeaderBox").height();
let animationFrameId;
function scrollHandler() {
headerDescPairs.forEach(pair => {
const header = $(pair.headerId);
const headerDesc = $(pair.descId);
const targetRect = header[0].getBoundingClientRect();
const triggerPosition = targetRect.top + window.scrollY - NewHeaderBoxHeight;
const currentScroll = $(window).scrollTop();
if (currentScroll >= triggerPosition) {
headerDesc.hide(100);
} else {
headerDesc.show(100);
}
});
animationFrameId = null;
}
function requestScrollHandler() {
if (!animationFrameId) {
animationFrameId = requestAnimationFrame(scrollHandler);
}
}
$(window).on("scroll", requestScrollHandler);
});
</script>
</div>
</div>
</div>
<div class="drawer-layer" id="drawer-layer-110"></div>
</div>
</div>
<div id="scroll-spy-1">
<div class="marbottom178">
<div id="div-cat-1" class="div-cat-container mask-left rmAfter">
<div class="div-1 ">
<div class="container mobileSectionBox">
<div class="tabs-nav nav-scroll">
<ul>
<div class="mobilePlanSection sectionScrollClass" id="mobile-plan-section-scroll">
<div class="header container homePageCategoriesHeader" id="homePageCategoriesHeaderBG3">
<h2 class="title homePageTitlesCommonStyle">Orange Jordan Mobile</h2>
<a class="ViewAllBtn" href="/en/mobile">
<span>
View all
</span>
<img src="/Themes/Eshop2021/Content/Images/btn-arrow.svg" alt="btn arrow">
</a>
</div>
<div class="container">
<p class="home-page-cat-desc" id="homePageCategoriesHeaderDesc3"> Orange Jordan brings you various mobile line plans to find the perfect match for your needs, from postpaid and prepaid mobile plans to our YO Lines. All with affordable prices and numerous data bundles, Orange Jordan is the ideal choice for you!</p>
</div>
<div class="mobilePlanBox container homePageCategoriesHeaderContent">
<div class="selectedPlanBox">
<div class="selectedBoxContent">
<img class="absPosition bgImg" src="https://eshop.orange.jo/images/thumbs/0006456_prepaid-plans-lines.png" alt="Prepaid Plans & Lines" loading="lazy">
<div class="absPosition greenShadow"></div>
<div class="content">
<p class="title">
<span>Prepaid Plans & Lines</span>
<span style="display:none;" id="selectedMobileCat">3</span>
</p>
<a class="shopNow" href="/en/mobile/prepaid-lines">Shop Now</a>
<div class="cardsContainer">
<div class="cardsBox" id="mobilecards">
</div>
<button class="cardsArrowBox">
<img src="/Themes/Eshop2021/Content/Images/arrownext.svg" alt="Next arrow" loading="lazy">
</button>
</div>
</div>
</div>
</div>
<div class="PlansBox">
<div class="PlanBox" onclick="location.href='/en/mobile/postpaid-lines';">
<div class="PlanBoxPlugin">
<img class="absPosition bgImg" src="https://eshop.orange.jo/images/thumbs/0004330_mobile-postpaid-plans.png" alt="Position" loading="lazy">
<div class="absPosition blackShadow"></div>
<p class="title splitTitle">
Mobile Postpaid Plans
</p>
<a class="shopNow" href="/en/mobile/postpaid-lines">Shop Now</a>
</div>
</div>
<div class="PlanBox" onclick="location.href='/en/mobile/yo-lines';">
<div class="PlanBoxPlugin">
<img class="absPosition bgImg" src="https://eshop.orange.jo/images/thumbs/0004331_orange-yo-lines.png" alt="Position" loading="lazy">
<div class="absPosition blackShadow"></div>
<p class="title splitTitle">
Orange YO Lines
</p>
<a class="shopNow" href="/en/mobile/yo-lines">Shop Now</a>
</div>
</div>
</div>
</div>
<script type="module">
const scrollBtn = document.querySelector('.cardsArrowBox');
const cardsBox = document.querySelector('.cardsBox');
const splitTitle = document.querySelectorAll('.splitTitle');
const rtl = document.documentElement.lang === "ar"
const owl = $('#mobilecards');
let itemsCount = null;
let itemIndex = null;
if (rtl) {
splitTitle.forEach((item) => {
const innerText = item.innerText.split(" ")
innerText.splice(1, 0, '\n')
item.innerText = innerText.join(" ")
})
}
owl.on('initialized.owl.carousel', function (event) {
const cards = document.querySelectorAll('.cardsBox .owl-item');
const outer = document.querySelector('.cardsBox .owl-stage-outer');
scrollBtn.onclick = () => {
owl.trigger('next.owl.carousel');
};
cards[0].dataset.indexNumber = 1
cards[cards.length-1].dataset.indexNumber = cards.length
const options = {
root: outer,
rootMargin: '0px',
threshold: 1
};
function callback(entries) {
entries.forEach(entry => {
if (entry.isIntersecting && entry.target.dataset.indexNumber == cards.length) {
scrollBtn.classList.add("arrowRotate")
scrollBtn.onclick = () => {
owl.trigger('prev.owl.carousel');
};
}
if (entry.isIntersecting && entry.target.dataset.indexNumber == 1) {
scrollBtn.classList.remove("arrowRotate")
scrollBtn.onclick = () => {
owl.trigger('next.owl.carousel');
};
}
});
}
const observer = new IntersectionObserver(callback, options);
observer.observe(cards[0]);
observer.observe(cards[cards.length-1]);
})
</script>
</div>
</ul>
</div>
<script>
$(document).ready(function () {
const headerDescPairs = [
{ headerId: "#homePageCategoriesHeaderBG1", descId: "#homePageCategoriesHeaderDesc1" },
{ headerId: "#homePageCategoriesHeaderBG2", descId: "#homePageCategoriesHeaderDesc2" },
{ headerId: "#homePageCategoriesHeaderBG3", descId: "#homePageCategoriesHeaderDesc3" },
{ headerId: "#homePageCategoriesHeaderBG4", descId: "#homePageCategoriesHeaderDesc4" },
{ headerId: "#homePageCategoriesHeaderWelcome", descId: "#homePageCategoriesHeaderDescWelcome" }
];
const NewHeaderBoxHeight = $(".NewHeaderBox").height();
let animationFrameId;
function scrollHandler() {
headerDescPairs.forEach(pair => {
const header = $(pair.headerId);
const headerDesc = $(pair.descId);
const targetRect = header[0].getBoundingClientRect();
const triggerPosition = targetRect.top + window.scrollY - NewHeaderBoxHeight;
const currentScroll = $(window).scrollTop();
if (currentScroll >= triggerPosition) {
headerDesc.hide(100);
} else {
headerDesc.show(100);
}
});
animationFrameId = null;
}
function requestScrollHandler() {
if (!animationFrameId) {
animationFrameId = requestAnimationFrame(scrollHandler);
}
}
$(window).on("scroll", requestScrollHandler);
});
</script>
</div>
</div>
</div>
<div class="drawer-layer" id="drawer-layer-1"></div>
</div>
</div>
<div id="scroll-spy-78">
<div class="marbottom178">
<div id="div-cat-78" class="div-cat-container mask-left rmAfter">
<div class="div-78 ">
<div class="container mobileSectionBox">
<div class="tabs-nav nav-scroll">
<ul>
<div class="smartLifeSection sectionScrollClass" id="smart-life-section-scroll">
<div class="header container homePageCategoriesHeader" id="homePageCategoriesHeaderBG4">
<h2 class="title homePageTitlesCommonStyle">Smart Life</h2>
<a class="ViewAllBtn" href="/en/smart-life">
<span>
View all
</span>
<img src="/Themes/Eshop2021/Content/Images/btn-arrow.svg" alt="btn arrow">
</a>
</div>
<div class="container">
<p class="home-page-cat-desc" id="homePageCategoriesHeaderDesc4"> Enjoy endless possibilities with Orange smart home products. With a simple tap on your phone, you can control your Orange smart home solutions with ease. Explore the future now!</p>
</div>
<div class="content container homePageCategoriesHeaderContent">
<div class="slider">
<div class="smartSliderPlugin">
<a class="sliderLink" href="/en/smart-life/smart-device">Check all devices</a>
<div class="first_section any-slider 1009boxClass">
<script>
document.cookie = "orientation=" + (window.innerHeight > window.innerWidth ? true : false);
</script>
<div class="container">
<div class="custom-slider" id="slick-main1009">
<div class="slider_flex">
<div class="slider-left">
<div class="timeline__slider slider-home slick-initialized slick-slider">
<div class="slick-list draggable"><div class="slick-track" style="opacity: 1; width: 241px; transform: translate3d(0px, 0px, 0px);"><div class="timeline__item slider-home slick-desktop slick-slide slick-current slick-active" data-id="1 to 2" data-slick-index="0" aria-hidden="false" style="width: 241px;" tabindex="0" data-group="1">
<div class="slider-alignmnet position-bottom alignment-left">
<div class="desktop-slider">
<div class="item" onclick="location.href ='https://eshop.orange.jo/en/smart-life/smart-device/wifi-smart-bulb';">
<img src="https://eshop.orange.jo/images/thumbs/0006061.png" alt="6061">
<div class="caption">
<h2><span style="color: #ff7900;"><span style="font-size: 2vw;">WiFi Smart Bulb </span> </span></h2>
<p> </p>
<p></p>
<h2><span style="color: #000000; font-size: 1.1vw;">Control your home’s lighting through Orange Smart Life Jo App with Smart Bulb only for JD 10.99 tax inclusive </span></h2>
<a href="https://eshop.orange.jo/en/smart-life/smart-device/wifi-smart-bulb" class="btn btn-orange btn-slider" tabindex="0"></a>
</div>
</div>
</div>
</div>
</div></div></div>
</div>
<div class="slick-dots" id="dots1009"><ul><li class="is-active dot-active" data-group="1" data-slick-index="0"></li></ul></div>
</div>
<div class="horizantal-menu">
<ul class="horizantal__nav" id="horizantal-menu-slider">
<li class="item is-active" data-from="1 to 2" data-slick-index="0" data-group="1">
<a>
<span></span>
<h2></h2>
</a>
</li>
</ul>
</div>
</div>
<div class="slick-arrow-data white-arrow slick-arrowsBox-plugin"></div>
<div class="slider-counter">
<div class="total_count"></div>
<div class="count"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="selection">
<div class="selectBox smartlifebox0" onclick="FillSmartlifeOffer('108')">
<div class="pluginBox">
<input type="radio" id="108" name="selection" value="1">
<label for="108">
<img class="catImg" src="https://eshop.orange.jo/images/thumbs/0006489_smart-home-devices.png" alt="Smart Home Devices" loading="lazy">
<p class="catName">Smart <br> Home Devices</p>
<a class="seeOffers" href="/en/smart-life/smart-device">See offers</a>
</label>
</div>
</div>
<div class="selectBox smartlifebox1" onclick="FillSmartlifeOffer('107')">
<div class="pluginBox">
<input type="radio" id="107" name="selection" value="1">
<label for="107">
<img class="catImg" src="https://eshop.orange.jo/images/thumbs/0004280_smart-home-kits.png" alt="Smart Home Kits" loading="lazy">
<p class="catName">Smart <br> Home Kits</p>
<a class="seeOffers" href="/en/smart-life/smart-home-kits">See offers</a>
</label>
</div>
</div>
</div>
<div class="navigation" id="smartlifeOfferSection">
<div class="smartLifeItem">
<div id="SPromation"></div>
<img class="productImg" src="" alt="Image">
<p class="productName">test</p>
<ul class="productFeatures">
<li><img class="listIcon" src="/Themes/Eshop2021/Content/images/Tick_19371.svg" alt="Tick"></li>
<li><img class="listIcon" src="/Themes/Eshop2021/Content/images/Tick_19371.svg" alt="Tick"></li>
<li><img class="listIcon" src="/Themes/Eshop2021/Content/images/Tick_19371.svg" alt="Tick"></li>
</ul>
<a class="viewDetails" href="">
<span>View Details</span>
<i class="fa fa-solid fa-chevron-right" aria-hidden="true"></i>
</a>
<div class="line"></div>
<div class="priceBox">
<p class="newPrice">
<span class="unit">JOD</span>
<span class="amount">45</span>
<span class="fraction">.00</span>
<span class="period"></span>
</p>
<p class="oldPrice">
<span class="unit">JOD</span>
<span class="amount">45</span>
<span class="fraction">.00</span>
<span class="period"></span>
</p>
</div>
<div class="buyNowDiv">
<a class="buyNow" href="">Buy Now</a>
<a class="shoppingCart" onclick="addtocartSmartlife();"></a>
<span class="actionURLSmartlife" style="display:none;" id="AddtoCartSmartlife"></span>
</div>
<div class="buttonsBox">
<button onclick="BackSmartLife()" class="btn prev"> <i class="fa fa-solid fa-chevron-left arrow" aria-hidden="true"></i>
</button>
<button class="btn next" onclick="NextSmartLife()"> <i class="fa fa-solid fa-chevron-right arrow" aria-hidden="true"></i>
</button>
</div>
</div>
</div>
</div>
<script type="module">
const splitTitle = document.querySelectorAll('.smartLifeSection .catName');
splitTitle.forEach((item) => {
const innerText = item.innerText.replaceAll("\n"," ").split(" ")
innerText.splice(1, 0, '\n')
item.innerText = innerText.join(" ")
})
</script>
</div>
</ul>
</div>
<script>
$(document).ready(function () {
const headerDescPairs = [
{ headerId: "#homePageCategoriesHeaderBG1", descId: "#homePageCategoriesHeaderDesc1" },
{ headerId: "#homePageCategoriesHeaderBG2", descId: "#homePageCategoriesHeaderDesc2" },
{ headerId: "#homePageCategoriesHeaderBG3", descId: "#homePageCategoriesHeaderDesc3" },
{ headerId: "#homePageCategoriesHeaderBG4", descId: "#homePageCategoriesHeaderDesc4" },
{ headerId: "#homePageCategoriesHeaderWelcome", descId: "#homePageCategoriesHeaderDescWelcome" }
];
const NewHeaderBoxHeight = $(".NewHeaderBox").height();
let animationFrameId;
function scrollHandler() {
headerDescPairs.forEach(pair => {
const header = $(pair.headerId);
const headerDesc = $(pair.descId);
const targetRect = header[0].getBoundingClientRect();
const triggerPosition = targetRect.top + window.scrollY - NewHeaderBoxHeight;
const currentScroll = $(window).scrollTop();
if (currentScroll >= triggerPosition) {
headerDesc.hide(100);
} else {
headerDesc.show(100);
}
});
animationFrameId = null;
}
function requestScrollHandler() {
if (!animationFrameId) {
animationFrameId = requestAnimationFrame(scrollHandler);
}
}
$(window).on("scroll", requestScrollHandler);
});
</script>
</div>
</div>
</div>
<div class="drawer-layer" id="drawer-layer-78"></div>
</div>
</div>
<div id="scroll-spy-103">
<div class="marbottom178">
<div id="div-cat-103" class="div-cat-container mask-left ">
<div class="div-103 ">
<div class="container ">
<div class="tabs-nav nav-scroll">
<ul>
</ul>
</div>
<script>
$(document).ready(function () {
const headerDescPairs = [
{ headerId: "#homePageCategoriesHeaderBG1", descId: "#homePageCategoriesHeaderDesc1" },
{ headerId: "#homePageCategoriesHeaderBG2", descId: "#homePageCategoriesHeaderDesc2" },
{ headerId: "#homePageCategoriesHeaderBG3", descId: "#homePageCategoriesHeaderDesc3" },
{ headerId: "#homePageCategoriesHeaderBG4", descId: "#homePageCategoriesHeaderDesc4" },
{ headerId: "#homePageCategoriesHeaderWelcome", descId: "#homePageCategoriesHeaderDescWelcome" }
];
const NewHeaderBoxHeight = $(".NewHeaderBox").height();
let animationFrameId;
function scrollHandler() {
headerDescPairs.forEach(pair => {
const header = $(pair.headerId);
const headerDesc = $(pair.descId);
const targetRect = header[0].getBoundingClientRect();
const triggerPosition = targetRect.top + window.scrollY - NewHeaderBoxHeight;
const currentScroll = $(window).scrollTop();
if (currentScroll >= triggerPosition) {
headerDesc.hide(100);
} else {
headerDesc.show(100);
}
});
animationFrameId = null;
}
function requestScrollHandler() {
if (!animationFrameId) {
animationFrameId = requestAnimationFrame(scrollHandler);
}
}
$(window).on("scroll", requestScrollHandler);
});
</script>
</div>
</div>
</div>
<div class="drawer-layer" id="drawer-layer-103"></div>
</div>
</div>
</div>
<div class="container">
</div>
<div class="container">
</div>
</div>
<div class="container">
</div>
<div class="container">
</div>
<div class="videosSection">
<div class="videosSectionBox container">
<div class="videosSectionBoxTitle">
<h3 class="videosSectionTitle1">How it works</h3>
<h2 class="videosSectionTitle2">Video gallery</h2>
</div>
<div class="owl-carousel">
</div>
<div class="vidModal">
<div class="vidModalBox">
<button class="modalCloseBtn"></button>
<div class="videoItem videoItemModal">
<img class="videoItemImg" src="" alt="" srcset="">
<button class="videoItemBtn vidplayBtn">
</button>
<p class="videoItemName"></p>
</div>
<iframe class="modaliframe" width="auto" height="auto" src="" allow="autoplay" rel="0" frameborder="0" allowfullscreen=""></iframe>
</div>
</div>
</div>
<script type="module">
function ShowSlider() {
const owl = document.querySelector(".videosSection .owl-carousel")
const vidDialog = document.querySelector(".videosSection .vidModal")
const modalCloseBtn = document.querySelector(".vidModal .modalCloseBtn")
const vidplayBtn = document.querySelector(".vidModal .vidplayBtn")
const modaliframe = document.querySelector(".vidModal .modaliframe")
const videoItemModal = document.querySelector(".vidModal .videoItemModal")
const videoItemModalImg = document.querySelector(".vidModal .videoItemModal .videoItemImg")
const videoItemModalname = document.querySelector(".vidModal .videoItemModal .videoItemName")
let clickedVideoID = ""
let clickedVideoName = ""
const isRtL = document.documentElement.lang == "ar" ? true : false
const addThreeDots = (title) => {
return title.length > 30 ? `${title?.slice(0, 27).trim()}...` : title
}
const addNewLine = (item) => {
const innerText = item.replaceAll("\n", " ").split(" ")
innerText.splice(1, 0, '\n')
const innerTextWithLine = innerText.join(" ")
return innerTextWithLine
}
const tamplate = (itemData) => {
return `<div class="videoItem ${!itemData && "hideVideoItem"}">
<img class="videoItemImg" src="https://img.youtube.com/vi/${itemData?.Url?.split('?v=')[1] || ""}/maxresdefault.jpg" alt="video" srcset="" ><!-- remove loading="lazy" -->
<button class="videoItemBtn" data-video-name='${itemData?.Name || ""}' data-video-id=${itemData?.Url?.split('?v=')[1] || ""}>
</button>
<p class="videoItemName">${addThreeDots(itemData?.Name || "") || ""}</p>
</div>`
}
const groupArr = (arr, n) => {
let newArr = []
while (arr.length > 0) {
newArr = [...newArr, [...arr.splice(0, n)]]
}
return newArr
}
const dataModel = [{"Name":"Smart Universal Remote Tutorial","Url":"https://www.youtube.com/watch?v=qIYh24k9j38","Locales":[{"LanguageId":2,"Name":"الريموت الذكي","Url":"https://www.youtube.com/watch?v=OJzOCDdlzbA"},{"LanguageId":1,"Name":"Smart Universal Remote Tutorial","Url":"https://www.youtube.com/watch?v=qIYh24k9j38"}],"Id":2,"Form":null,"CustomProperties":{}},{"Name":"Smart life motion detector device","Url":"https://www.youtube.com/watch?v=tIuj1RJoxXk","Locales":[{"LanguageId":2,"Name":"حساس حركة","Url":"https://www.youtube.com/watch?v=p4z2MuajoFk"},{"LanguageId":1,"Name":"Smart life motion detector device","Url":"https://www.youtube.com/watch?v=tIuj1RJoxXk"}],"Id":3,"Form":null,"CustomProperties":{}},{"Name":"Smart life camera","Url":"https://www.youtube.com/watch?v=zwD7SJe0aao","Locales":[{"LanguageId":2,"Name":"كاميرا ذكية","Url":"https://www.youtube.com/watch?v=kRGRFQgUMv4"},{"LanguageId":1,"Name":"Smart life camera","Url":"https://www.youtube.com/watch?v=zwD7SJe0aao"}],"Id":4,"Form":null,"CustomProperties":{}},{"Name":"Smart Bulb","Url":"https://www.youtube.com/watch?v=jSgnnVs-QdM","Locales":[{"LanguageId":2,"Name":"اللمبة الذكية","Url":"https://www.youtube.com/watch?v=eJa4afhXr60"},{"LanguageId":1,"Name":"Smart Bulb","Url":"https://www.youtube.com/watch?v=jSgnnVs-QdM"}],"Id":5,"Form":null,"CustomProperties":{}},{"Name":"Smart Doorbell","Url":"https://www.youtube.com/watch?v=kwKVoAB_-3M","Locales":[{"LanguageId":2,"Name":"الجرس الذكي","Url":"https://www.youtube.com/watch?v=kwKVoAB_-3M"},{"LanguageId":1,"Name":"Smart Doorbell","Url":"https://www.youtube.com/watch?v=kwKVoAB_-3M"}],"Id":6,"Form":null,"CustomProperties":{}},{"Name":"Smart Plug","Url":"https://www.youtube.com/watch?v=NbuXvaHQGn0","Locales":[{"LanguageId":2,"Name":"قابس ذكي","Url":"https://www.youtube.com/watch?v=n4t_9eMHDys"},{"LanguageId":1,"Name":"Smart Plug","Url":"https://www.youtube.com/watch?v=NbuXvaHQGn0"}],"Id":7,"Form":null,"CustomProperties":{}},{"Name":"SOS button","Url":"https://www.youtube.com/watch?v=Pb5yh-mv_HI","Locales":[{"LanguageId":2,"Name":"SOS button","Url":"https://www.youtube.com/watch?v=PHjiagJD_ec"},{"LanguageId":1,"Name":"SOS button","Url":"https://www.youtube.com/watch?v=Pb5yh-mv_HI"}],"Id":8,"Form":null,"CustomProperties":{}}];
const transformedData = dataModel?.reduce((accumulator, currentValue) => {
return [...accumulator, isRtL ? currentValue?.Locales?.find(obj => obj?.LanguageId == 2) : currentValue?.Locales?.find(obj => obj?.LanguageId == 1)]
}, []) || []
const htmlData = groupArr(transformedData, 5).map((item) => {
return `<div class="slideBox">${[tamplate(item[0]), tamplate(item[1]), tamplate(item[2]), tamplate(item[3]), tamplate(item[4])].join("")}</div>`
}).join("")
owl.innerHTML = htmlData;
$(".videosSectionBox .owl-carousel").owlCarousel({
items: 1,
loop: true,
nav: true,
rtl: isRtL,
dots: true,
nav: true,
navText: ["", `<div div class= "arrowMainBox" >
<div class="arrowMainBoxLeft">
<div class="orangeCircle"></div>
</div>
<div class="arrowMainBoxRight">
<div class="orangeCircle"></div>
</div>
</div>`],
});
if (dataModel.length > 5) {
//for animation
var parentID = ".videosSectionBox .owl-carousel";
$(`.videosSection .owl-carousel .owl-nav .arrowMainBoxLeft`).on('animationiteration', (e) => {
$(`.videosSectionBox .owl-carousel`).trigger('next.owl.carousel', [1000]);
});
//function for animation
} else {
const nav = document.querySelector(".videosSection .owl-carousel .owl-nav")
const dots = document.querySelector(".videosSection .owl-carousel .owl-dots")
nav.style.display = "none"
dots.style.display = "none"
}
owl.addEventListener("click", (e) => {
const { target, currentTarget } = e
if (target.dataset.videoId) {
clickedVideoID = target.dataset.videoId
clickedVideoName = target.dataset.videoName
videoItemModalImg.src = `https://img.youtube.com/vi/${clickedVideoID}/maxresdefault.jpg`
videoItemModalname.innerText = addNewLine(addThreeDots(clickedVideoName))
vidDialog.style.display = "flex"
}
})
modalCloseBtn.addEventListener("click", (e) => {
modaliframe.src = ""
vidDialog.style.display = "none"
modaliframe.style.display = "none"
videoItemModal.style.display = "flex"
clickedVideoID = ""
clickedVideoName = ""
})
vidplayBtn.addEventListener("click", (e) => {
videoItemModal.style.display = "none"
modaliframe.style.display = "block"
modaliframe.src = `https://www.youtube.com/embed/${clickedVideoID}?autoplay=1`
})
const splitTitle = document.querySelectorAll('.videosSection .videoItemName');
splitTitle.forEach((item) => {
const innerText = item.innerText.replaceAll("\n", " ").split(" ")
innerText.splice(1, 0, '\n')
item.innerText = innerText.join(" ")
})
}
$(document).ready(function () {
const config = {
root: null,
rootMargin: '0px',
threshold: 0
};
const handleScrollToShowVideos = (entries, observer) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
const videosObserver = new IntersectionObserver(handleVideosLoading, config);
videosObserver.observe(document.querySelector(".videosSection"));
observer.unobserve(entry.target);
}
});
};
const handleVideosLoading = (entries, observer) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
ShowSlider()
observer.unobserve(entry.target);
}
});
};
const observerToShowVideos = new IntersectionObserver(handleScrollToShowVideos, config);
observerToShowVideos.observe(document.querySelector(".videosSection"));
});
</script>
</div>
<div class="container">
</div>
<div class="container">
</div>
<div class="container">
</div>
<div class="container">
</div>
<div class="container">
</div>
</div>
<script>
// Ibrahim ==> Performance Internet Section
document.addEventListener('DOMContentLoaded', function() {
let observerOptions = {
root: null,
rootMargin: '0px',
threshold: 0
};
let observerCallback = function(entries, observer) {
entries.forEach(function(entry) {
if (entry.isIntersecting) {
GetHomePageDeviceSlider();
FillMobileProduct();
$(".smartlifebox0").click();
}
});
};
let observer = new IntersectionObserver(observerCallback, observerOptions);
let targetElement = document.getElementById('InternetSectionPlans');
if (targetElement) {
observer.observe(targetElement);
}
});
// Ibrahim ==> Performance Internet Section
</script>
<style>
.videosSection .videosSectionBox .owl-carousel {
flex-direction: row !important;
}
</style>
</div>
</div>
</div>
<div class="newNewsLetterSection">
<div class="container">
<div class="newsLetterMainBox">
<h2 class="newsLetterH2">Subscribe to our</h2>
<h3 class="newsLetterH1">Mailing list</h3>
<h3 class="newsLetterH3">to receive Offers & Promotions</h3>
<div class="newsLetterContainerBox">
<div class="newsLetterSubBoxSucsess"></div>
<div class="newsLetterSubBox">
<div class="newsLetterSubActionBox">
<div class="newsLetterInputWarpperBox">
<div class="newsLetterInputIcon"></div>
<input type="text" placeholder="Enter your email address">
</div>
<button class="newsLetterActionBtn">Subscribe</button>
</div>
<p class="newsLetterSubActionBoxLabel">
</p>
</div>
</div>
</div>
<script type="module">
const emailBtn = document.querySelector(".newsLetterMainBox .newsLetterActionBtn")
const emailInput = document.querySelector(".newsLetterSubActionBox input")
const newsLetterInputWarpperBox = document.querySelector(".newsLetterSubActionBox .newsLetterInputWarpperBox")
const newsLetterSubBoxSucsess = document.querySelector(".newsLetterMainBox .newsLetterSubBoxSucsess")
const newsLetterSubBox = document.querySelector(".newsLetterMainBox .newsLetterSubBox")
const newsLetterSubActionBoxLabel = document.querySelector(".newsLetterMainBox .newsLetterSubActionBoxLabel")
const emailValidationRegex = /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/
const validatedEmail = (txt)=>{
return txt.match(emailValidationRegex)
}
const showErrorAlert = ()=>{
newsLetterSubActionBoxLabel.classList.add("showRedError")
newsLetterSubActionBoxLabel.textContent = "Enter valid email"
newsLetterInputWarpperBox.style.borderColor= "#dc3545"
}
const hideErrorAlert = ()=>{
newsLetterSubActionBoxLabel.classList.remove("showRedError")
newsLetterSubActionBoxLabel.textContent = "By subscribing your Email, you agree to receive Orange offers"
newsLetterInputWarpperBox.style.borderColor= "#707070"
}
emailBtn.addEventListener('click',(event)=>{
const inputTxt = emailInput.value.trim()
if(inputTxt === "") {
$(".newsLetterSubActionBoxLabel").html('Please enter a valid email address')
$(".newsLetterSubActionBoxLabel").addClass("error_Message_News_Letter")
return;
}
if(inputTxt.length < 5) {
$(".newsLetterSubActionBoxLabel").html('Email must be longer than 5 characters')
$(".newsLetterSubActionBoxLabel").addClass("error_Message_News_Letter")
return;
}
let emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
if(!emailRegex.test(inputTxt)) {
$(".newsLetterSubActionBoxLabel").html('Please enter a valid email');
$(".newsLetterSubActionBoxLabel").addClass("error_Message_News_Letter")
return;
}
//let allowedProviders = ["outlook", "hotmail", "yahoo", "icloud", "gmail", "gmx", "yandex"];
let isValidProvider = false;
const atIndex = inputTxt.indexOf("@");
const dotIndex = inputTxt.lastIndexOf(".");
const domain = inputTxt.slice(atIndex + 1, dotIndex);
const hasTextBetweenAtAndDot = atIndex !== -1 && dotIndex !== -1 && dotIndex > (atIndex + 1);
const hasMinimumThreeCharsAfterAt = domain.length >= 3;
if (hasTextBetweenAtAndDot && hasMinimumThreeCharsAfterAt) {
//for (let i = 0; i < allowedProviders.length; i++) {
//if (domain === allowedProviders[i]) {
isValidProvider = true;
//break;
//}
//}
}
if(isValidProvider) {
if(Boolean(validatedEmail(inputTxt))){
var postData = {
subscribe: 'true',
email: inputTxt,
newsLetterSubscriptionTypeId: 1
};
emailBtn.disabled = true;
$.ajax({
cache: false,
type: "POST",
url: "/en/subscribenewsletter",
data: postData,
success: function(data) {
//console.log(`responcedata`, data)
if(data?.Success){
hideErrorAlert()
$(".newsLetterSubActionBoxLabel").removeClass("error_Message_News_Letter");
emailBtn.disabled = false;
newsLetterSubBoxSucsess.innerHTML = `<div class="newsLetterResultBox">
<div class="newsLetterSuccessIcon"></div>
<p>${data.Result}</p>
</div>`;
newsLetterSubBoxSucsess.style.display = "flex"
newsLetterSubBox.style.opacity = "0"
setTimeout(()=>{
newsLetterSubBoxSucsess.style.display = "none"
newsLetterSubBox.style.opacity = "1"
},5000)
}else{
emailBtn.disabled = false;
showErrorAlert()
}
},
error: function(xhr, ajaxOptions, thrownError) {
console.log(`thrownError`, thrownError)
return;
}
});
}
}else{
//console.log(isValidProvider)
$(".newsLetterSubActionBoxLabel").html('invalid email');
$(".newsLetterSubActionBoxLabel").addClass("error_Message_News_Letter")
}
})
emailInput.addEventListener("keyup", function(event) {
if (event.key == 'Enter') {
emailBtn.click();
}
});
</script>
</div>
</div>
<footer role="contentinfo" class="footerSectionBox">
<div class="container footerSectionUpperContainer">
<nav class="footerLinksBox">
<div class="footerGroupBox">
<a class="footerInternetPlans" href="/en/internet/fiber-offers">Internet Plans</a>
<ul>
<li><a href="/en/internet/fiber-offers">Fiber Offers</a></li>
<li><a href="/en/internet/adsl-offer">ADSL Offers</a></li>
<li><a href="/en/internet/4g-flybox-offer">4G Flybox Home Internet</a></li>
<li><a href="/en/internet/5g-home-internet">5G Home Internet</a></li>
<li><a href="/en/internet/prepaid-orange-net-offers">Prepaid Orange Net</a></li>
</ul>
</div>
<div class="footerGroupBox">
<a class="footerDevicesAccessories" href="/en/devices-accessories">Devices & Accessories</a>
<ul>
<li><a href="/en/devices-accessories/mobile-phone">Mobile Phones</a></li>
<li><a href="/en/devices-accessories/mobile-accessories">Mobile Accessories</a></li>
<li><a href="/en/devices-accessories/tv">Smart TV and Screens</a></li>
<li><a href="/en/devices-accessories/internet-devices">Internet Devices</a></li>
<li><a href="/en/devices-accessories/smart-watches">Smart Watches</a></li>
<li><a href="/en/devices-accessories/headphones-earbuds">Headphones and Speakers</a></li>
<li><a href="/en/devices-accessories/devices-with-installment">Devices installments</a></li>
<li><a href="/en/devices-accessories/tablets-laptops">Tablets & Laptops</a></li>
</ul>
</div>
<div class="footerGroupBox">
<a class="footerMobileLines" href="/en/mobile/prepaid-lines">Mobile Lines</a>
<ul>
<li><a href="/en/mobile/prepaid-lines">Prepaid Lines</a></li>
<li><a href="/en/mobile/postpaid-lines">Postpaid Lines</a></li>
<li><a href="/en/mobile/yo-lines">YO Lines</a></li>
</ul>
</div>
<div class="footerGroupBox">
<a class="footerSmartLife" href="/en/smart-life/smart-device">Smart Life</a>
<ul>
<li><a href="/en/smart-life/smart-device">Smart Home Devices</a></li>
<li><a href="/en/smart-life/smart-home-kits">Smart Home Kits</a></li>
</ul>
</div>
<div class="footerGroupBox">
<a class="footerOther">Others</a>
<ul>
<li><a href="https://eshop.orange.jo/en/fixed-plans/fixed-postpaid-lines">Fixed Lines</a></li>
<li><a href="/en/privacy-policy" target="_blank">Privacy policy</a></li>
<li><a href="/en/returns">Return Policy</a></li>
<li><a href="/en/terms-conditions" target="_blank">Terms & conditions</a></li>
<li><a href="/en/faq" target="_blank">FAQ’s</a></li>
<li><a class="NewFooterContactUs" href="https://orange.jo/en/contact-us">Contact us</a></li>
<li><a href="/en/blog">Blog</a></li>
</ul>
</div>
</nav>
<div class="footerSocialBox">
<div class="footerSocialLinks">
<h3>
Let's Connect
</h3>
<ul>
<li>
<a href="https://www.facebook.com/OrangeJordan" target="_blank">
<img src="/Themes/Eshop2021/Content/images/instgramIcon.webp" style="padding: 10px 16px;" alt="Facebook">
</a>
</li>
<li>
<a href="https://twitter.com/orangeJo" target="_blank">
<img src="/Themes/Eshop2021/Content/images/X icon.svg" style="padding: 10px 8px;" alt="Twitter">
</a>
</li>
<li>
<a href="https://www.linkedin.com/company/orange-jordan">
<img src="/Themes/Eshop2021/Content/images/TwitterIcon.webp" style="padding: 10px 10px;" alt="Linkedin">
</a>
</li>
<li>
<a href="https://www.instagram.com/orangejo/">
<img src="/Themes/Eshop2021/Content/images/facebookIcon.webp" style="padding: 10px 10px;" alt="Instagram">
</a>
</li>
</ul>
</div>
<div class="footerPaymentsLinks">
<h3>
We Accept
</h3>
<ul>
<li>
<span class="footerPaymentsVisa"></span>
</li>
<li>
<span class="footerPaymentsMastercard"></span>
</li>
<li>
<span class="footerPaymentsOrangemoney"></span>
</li>
<li>
<span class="footerPaymentsCash"></span>
</li>
</ul>
</div>
</div>
</div>
<div class="container footerSectionLowerContainer">
<p>
<span><span class="CRspan1">© Orange</span> <span class="CRspan2">All Rights Reserved</span> <span class="CRspan3">Orange Jordan </span> <span class="CRspan4"> 2024 </span></span>
</p>
<div class="footerLangBox">
<li class="es-lang newHeaderLangText">
<a class="" href="/ar/" title="عربي">
عربي </a>
</li>
<div class="language-selector">
<div class="dropdown">
<div class="dropdown-toggle" type="button" id="dropdownLanguage" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<div class="language-text">Language: </div>
<div class="language-flag"><span>EN</span></div>
</div>
<div class="dropdown-menu" aria-labelledby="dropdownLanguage">
<ul class="language-list">
<li>
<a href="/ar/" title="عربي">
<span data-attr="عربي">عربي</span>
</a>
</li>
<li>
<a href="/en/" title="EN">
<span class="selected" data-attr="EN">EN</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="footerThemeBox">
</div>
</div>
<div class="goToTop"><i></i></div>
</footer>
<div class="CartDrawerCkNewVersion">
<div id="cartdrawer" class="cart-drawer">
<div class="cart-top">
<h2>Your Cart</h2>
<div class="top-right">
<div class="btn-cart">
<a class="btn btn-light" data-toggle="modal" data-target="#additional-service-popup" onclick="LoadServiceProducts()">Add Services</a>
<a class="btn btn-light" onclick="LoadSuggestedProducts()" data-toggle="modal" data-target="#suggested-products-popup">Suggested Products</a>
</div>
<div class="cart-close" onclick="CloseCart()">
<i></i>
</div>
</div>
</div>
<div class="cart-mobile-button">
<div class="btn-cart">
<a class="btn btn-light" onclick="LoadSuggestedProducts()" data-toggle="modal" data-target="#suggested-products-popup">Suggested Products</a>
<a class="btn btn-light" data-toggle="modal" data-target="#additional-service-popup">Add Services</a>
</div>
</div>
<div id="drawer-cart-data" class="shopping-cart-listmodel">
<div class="ajax-loading-productload" style=""></div>
</div>
</div>
<div class="cart-layer"></div>
<!--Additional Service Popup Modal -->
<div class="modal fade" id="additional-service-popup" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Choose additional services</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true"></span>
</button>
</div>
<div class="modal-body">
<div class="addition-service" id="service-product">
</div>
</div>
</div>
</div>
</div>
<!--Suggested Products Popup Modal -->
<div class="modal fade suggested-product" id="suggested-products-popup" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Suggested products</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true"></span>
</button>
</div>
<div class="modal-body" id="cross-sell-product">
</div>
</div>
</div>
</div>
<script>
$('.master-column-wrapper .center-1').removeClass('center-1')
</script>
<div id="divAjaxLoader" class="global-load"></div>
<script>
var productdata;
var productcount = 0;
function NextFiber() {
productcount = productcount + 1;
if (productdata.model.Products.length == productcount) {
productcount = 0;
}
fillDataFiberTem();
}
function BackFiber() {
productcount = productcount - 1;
if (productcount < 0) {
productcount = productdata.model.Products.length - 1;
}
fillDataFiberTem();
}
function NextPre() {
productcount = productcount + 1;
if (productdata.model.Products.length == productcount) {
productcount = 0;
}
fillDataPrepaidTem();
}
function BackPre() {
productcount = productcount - 1;
if (productcount < 0) {
productcount = productdata.model.Products.length - 1;
}
fillDataPrepaidTem();
}
var catglob = 0;
function FillCatInfo(catid, cattem, catName, image, URL, loc) {
$(".right-section .cat-box").removeClass("SelectedCat");
$(".right-section .catID-" + catid).addClass("SelectedCat");
$(".AllCatMobile .cat-box").removeClass("SelectedCat");
$(".AllCatMobile .catID-" + catid).addClass("SelectedCat");
catglob = catid;
if (loc == "back") {
$(".left-section .cat-info").css("background-image", "url(" + image + ")");
$(".left-section .cat-name").removeClass("cat-name-color");
$(".left-section .cat-link a").removeClass("cat-name-color");
$(".left-section .cat-info img").attr("src", "");
}
else {
$(".left-section .cat-info").css("background-image", "url()");
$(".left-section .cat-info").removeAttr("style");
$(".left-section .cat-info img").attr("src", image);
$(".left-section .cat-name").addClass("cat-name-color");
$(".left-section .cat-link a").addClass("cat-name-color");
}
$(".left-section .cat-name").html(catName);
$(".left-section .cat-link a").attr("href", URL);
$(".viewall-btnInternet a").attr("href", URL);
$(".select-offer-title").html(catName);
productdata = GetHomePageProductBySubCat(catid, 0, false, cattem);
}
function fillDataPrepaidTem() {
if (catglob == 38) {
$(".offer-prepaid img").attr("src", "/Themes/Eshop2021/Content/images/OrangeNet" + (productcount + 1) + ".png");
if (productcount > 2) {
$(".offer-prepaid img").attr("src", "/Themes/Eshop2021/Content/images/OrangeNet1.png");
}
}
var product = productdata.model.Products[productcount];
$("select-offer-title").html(productdata.model.Name);
$(".circleSelectedOffer").removeClass("selected2-product0");
$(".circleSelectedOffer").removeClass("selected2-product1");
$(".circleSelectedOffer").removeClass("selected3-product0");
$(".circleSelectedOffer").removeClass("selected3-product1");
$(".circleSelectedOffer").removeClass("selected3-product2");
$(".circleSelectedOffer").removeClass("selected4-product0");
$(".circleSelectedOffer").removeClass("selected4-product1");
$(".circleSelectedOffer").removeClass("selected4-product2");
$(".circleSelectedOffer").removeClass("selected4-product3");
$(".offer-prepaid .offer1").removeClass("selectedtitle1");
$(".offer-prepaid .offer1").removeClass("selectedtitle2");
$(".offer-prepaid .offer1").removeClass("selectedtitle3");
$(".offer-prepaid").removeClass("fouroffers");
if (productdata.model.Products.length == 4) {
$(".circleSelectedOffer").addClass("selected4-product" + productcount);
$(".offer-prepaid .circleOffer2").css('visibility', 'visible');
$(".offer-prepaid .offer2").css('visibility', 'visible');
$(".offer-prepaid .circleOffer4").css('visibility', 'visible');
$(".offer-prepaid .offer4").css('visibility', 'visible');
$(".offer-prepaid").addClass("fouroffers");
$(".offer-prepaid .offer1").html(productdata.model.Products[productcount].Name);
$(".offer-prepaid .offer2").html("");
$(".offer-prepaid .offer3").html("");
$(".offer-prepaid .offer4").html("");
$(".offer-prepaid .offer1").addClass("selectedtitle" + productcount);
}
else if (productdata.model.Products.length == 2) {
$(".circleSelectedOffer").addClass("selected2-product" + productcount);
$(".offer-prepaid .circleOffer2").css('visibility', 'hidden');
$(".offer-prepaid .offer2").css('visibility', 'hidden');
$(".offer-prepaid .circleOffer4").css('visibility', 'hidden');
$(".offer-prepaid .offer4").css('visibility', 'hidden');
$(".offer-prepaid .offer1").html(productdata.model.Products[0].Name);
$(".offer-prepaid .offer3").html(productdata.model.Products[1].Name);
}
else {
$(".circleSelectedOffer").addClass("selected3-product" + productcount);
$(".offer-prepaid .circleOffer2").css('visibility', 'visible');
$(".offer-prepaid .offer2").css('visibility', 'visible');
$(".offer-prepaid .offer1").html(productdata.model.Products[0].Name);
$(".offer-prepaid .offer2").html(productdata.model.Products[1].Name);
$(".offer-prepaid .offer3").html(productdata.model.Products[2].Name);
$(".offer-prepaid .circleOffer4").css('visibility', 'hidden');
$(".offer-prepaid .offer4").css('visibility', 'hidden');
}
$(".offer-prepaid .offer-name").html(product.Name);
if (product.SpecialPromotion) {
$(".offer-prepaid .divSpecialPromotion").show();
$(".offer-prepaid .divSpecialPromotion span").html(product.SpecialPromotionDesc);
}
else {
$(".offer-prepaid .divSpecialPromotion").hide();
}
let price;
let cur;
if ((window.location.href + "/").toLowerCase().indexOf("/ar/") != -1) {
price = product.ProductPrice.Price.split(" ")[0].split(".")
cur = product.ProductPrice.Price.split(" ")[1];
}
else {
price = product.ProductPrice.Price.split(" ")[1].split(".")
cur = product.ProductPrice.Price.split(" ")[0];
}
$(".offer-prepaid .offer-type").html(product.Manufacturers);
$(".offer-prepaid .offer-link-details a").attr("href", product.ProductURL);
let htmlprice = "";
if ((window.location.href + "/").toLowerCase().indexOf("/ar/") == -1) {
htmlprice = '<span class="offer-price-currency">' + cur + '</span><span class="offer-price-value-int">' + price[0] + '</span><span class="offer-price-value-dec">.' + price[1] + '</span><span class="offer-price-value-mon">/month</span>';
}
else {
htmlprice = '<span class="offer-price-value-int">' + price[0] + '</span><span class="offer-price-value-dec">.' + price[1] + '</span><span class="offer-price-currency">' + cur + '</span><span class="offer-price-value-mon">/شهر</span>';
}
$(".offer-prepaid .offer-price").html(htmlprice);
if (product.ProductPrice.OldPrice != null) {
let priceOld;
let curOld;
if ((window.location.href + "/").toLowerCase().indexOf("/ar/") != -1) {
priceOld = product.ProductPrice.OldPrice.split(" ")[1].split(".")
curOld = product.ProductPrice.OldPrice.split(" ")[0];
}
else {
priceOld = product.ProductPrice.OldPrice.split(" ")[1].split(".")
curOld = product.ProductPrice.OldPrice.split(" ")[0];
}
$(".offer-prepaid .offer-price").removeClass("price-without-old");
let htmlprice = "";
if ((window.location.href + "/").toLowerCase().indexOf("/ar/") == -1) {
htmlprice = '<span class="offer-old-price-currency">' + curOld + '</span><span class="offer-old-price-value-int">' + priceOld[0] + '</span><span class="offer-old-price-value-dec">.' + priceOld[1] + '</span><span class="offer-old-price-value-mon">/month</span><hr class="offer-old-price-line"/>';
}
else {
htmlprice = '<span class="offer-old-price-value-int">' + priceOld[0] + '</span><span class="offer-old-price-value-dec">.' + priceOld[1] + '</span><span class="offer-old-price-currency">' + curOld + '</span><span class="offer-old-price-value-mon">/شهر</span><hr class="offer-old-price-line"/>';
}
$(".offer-prepaid .offer-old-price").html(htmlprice);
$(".offer-prepaid .offer-old-price").show();
}
else {
$(".offer-prepaid .offer-price").addClass("price-without-old");
$(".offer-prepaid .offer-old-price").hide();
}
// var htmlurl="<a class='offer-addtocart' onclick='AjaxCart.addproducttocart_catalog('"+product.buybutton+"');return false;'><i></i></a>";
// var htmlurl = '<a class="offer-addtocart" onclick="addtocartInter();"><i></i></a><span class="actionURL" style="display:none">' + product.buybutton + '</span>';
$(".offers-section .offer-button .offer-buynow-new").attr("href", product.ProductURL);
}
function fillDataFiberTem() {
if (catglob == 9) {
$(".speedin img").attr("src", "/Themes/Eshop2021/Content/images/Fiber" + (productcount + 1) + ".png");
}
var product = productdata.model.Products[productcount];
$(".speedin .offer-name-new .innertitle").html(product.Name);
if (product.SpecialPromotion) {
$(".speedin .divSpecialPromotion").show();
$(".speedin .divSpecialPromotion span").html(product.SpecialPromotionDesc);
}
else {
$(".speedin .divSpecialPromotion").hide();
}
let price;
let cur;
if ((window.location.href + "/").toLowerCase().indexOf("/ar/") != -1) {
price = product.ProductPrice.Price.split(" ")[0].split(".")
cur = product.ProductPrice.Price.split(" ")[1];
}
else {
price = product.ProductPrice.Price.split(" ")[1].split(".")
cur = product.ProductPrice.Price.split(" ")[0];
}
$(".speedin .offer-type").html(product.Manufacturers);
$(".speedin .offer-link-details a").attr("href", product.ProductURL);
let htmlprice = "";
if ((window.location.href + "/").toLowerCase().indexOf("/ar/") == -1) {
htmlprice = '<span class="offer-price-currency">' + cur + '</span><span class="offer-price-value-int">' + price[0] + '</span><span class="offer-price-value-dec">.' + price[1] + '</span><span class="offer-price-value-mon">/month</span>';
}
else {
htmlprice = '<span class="offer-price-value-int">' + price[0] + '</span><span class="offer-price-value-dec">.' + price[1] + '</span><span class="offer-price-currency">' + cur + '</span><span class="offer-price-value-mon">/شهر</span>';
}
$(".speedin .offer-price").html(htmlprice);
if (product.ProductPrice.OldPrice != null) {
let priceOld;
let curOld;
if ((window.location.href + "/").toLowerCase().indexOf("/ar/") != -1) {
priceOld = product.ProductPrice.OldPrice.split(" ")[1].split(".")
curOld = product.ProductPrice.OldPrice.split(" ")[0];
}
else {
priceOld = product.ProductPrice.OldPrice.split(" ")[1].split(".")
curOld = product.ProductPrice.OldPrice.split(" ")[0];
}
$(".speedin .offer-price").removeClass("price-without-old");
let htmlprice = "";
if ((window.location.href + "/").toLowerCase().indexOf("/ar/") == -1) {
htmlprice = '<span class="offer-old-price-currency">' + curOld + '</span><span class="offer-old-price-value-int">' + priceOld[0] + '</span><span class="offer-old-price-value-dec">.' + priceOld[1] + '</span><span class="offer-old-price-value-mon">/month</span><hr class="offer-old-price-line"/>';
}
else {
htmlprice = '<span class="offer-old-price-value-int">' + priceOld[0] + '</span><span class="offer-old-price-value-dec">.' + priceOld[1] + '</span><span class="offer-old-price-currency">' + curOld + '</span><span class="offer-old-price-value-mon">/شهر</span><hr class="offer-old-price-line"/>';
}
$(".speedin .offer-old-price").html(htmlprice);
$(".speedin .offer-price").removeClass("price-without-old");
$(".speedin .offer-old-price").show();
}
else {
$(".speedin .offer-price").addClass("price-without-old");
$(".speedin .offer-old-price").hide();
}
// var htmlurl="<a class='offer-addtocart' onclick='AjaxCart.addproducttocart_catalog('"+product.buybutton+"');return false;'><i></i></a>";
// var htmlurl = '<a class="offer-addtocart" onclick="addtocartInter();"><i></i></a><span class="actionURL" style="display:none">' + product.buybutton + '</span>';
$(".offers-section .offer-button .offer-buynow-new").attr("href", product.ProductURL);
}
function addtocartInter() {
var url = $(".actionURL").html();
AjaxCart.addproducttocart_catalog(url);
return false;
}
var slider = document.querySelector('.right-section');
var isDown = false;
var startX;
var scrollLeft;
slider?.addEventListener('mousedown', (e) => {
isDown = true;
slider.classList.add('active');
startX = e.pageX - slider.offsetLeft;
scrollLeft = slider.scrollLeft;
});
slider?.addEventListener('mouseleave', () => {
isDown = false;
slider.classList.remove('active');
});
slider?.addEventListener('mouseup', () => {
isDown = false;
slider.classList.remove('active');
});
slider?.addEventListener('mousemove', (e) => {
if (!isDown) return;
e.preventDefault();
const x = e.pageX - slider.offsetLeft;
const walk = (x - startX) * 3; //scroll-fast
slider.scrollLeft = scrollLeft - walk;
mouseUp();
});
var button = document.querySelector('.show-all-cat');
if (button != null) {
button.onclick = function () {
var container = document.querySelector('.right-section');
if ((window.location.href + "/").toLowerCase().indexOf("/ar/") != -1) {
if ($('.show-all-cat').hasClass('left_arrow')) {
sideScroll(container, 'right', 50, 100, 250);
$('.show-all-cat').removeClass('left_arrow');
}
else {
sideScroll(container, 'left', 50, 100, 250);
$('.show-all-cat').addClass('left_arrow');
}
}
else {
if ($('.show-all-cat').hasClass('left_arrow')) {
sideScroll(container, 'left', 50, 100, 250);
$('.show-all-cat').removeClass('left_arrow');
}
else {
sideScroll(container, 'right', 50, 100, 250);
$('.show-all-cat').addClass('left_arrow');
}
}
};
}
function sideScroll(element, direction, speed, distance, step) {
scrollAmount = 0;
var slideTimer = setInterval(function () {
if (direction == 'left') {
element.scrollLeft -= step;
} else {
element.scrollLeft += step;
}
scrollAmount += step;
if (scrollAmount >= distance) {
window.clearInterval(slideTimer);
}
}, speed);
}
$('.right-section').on("mouseup", mouseUp);
function mouseUp() {
// element to detect scroll direction of
const $el = $('.right-section');
// initialize last scroll position
let lastX = $el.scrollLeft();
$el.on('scroll', function () {
// get current scroll position
const currX = $el.scrollLeft();
// determine current scroll direction
if (currX > lastX) {
$('.show-all-cat').addClass('left_arrow');
}
else {
$('.show-all-cat').removeClass('left_arrow');
}
// update last scroll position to current position
lastX = currX;
});
}
$(document).ready(function () {
if ($(window).width() <= 500) {
$(".AllCatMobile").append($(".topcat").html());
$(".AllCatMobile").append($(".bottomcat").html());
$(".AllCatMobile").append($(".other-offers").html());
}
});
</script>
<script>
function HomePageFilter(productTagId, categoryId, subCategoryId, containerId, rtl = false, isDrawer = false) {
GetHomePageProduct(categoryId, subCategoryId, containerId, rtl, productTagId, isDrawer);
}
function CatalogPageProductFilter(productTagId, categoryId, subCategoryId, containerId, rtl = false, isDrawer = false) {
LoadsubCategory(categoryId, subCategoryId, productTagId)
}
function GetHomePageProduct(categoryId, subCategoryId, containerId, rtl = false, productTagId = 0, isDrawer = false) {
var postData = {
categoryId: categoryId,
subCategoryId: subCategoryId,
productTagId: productTagId,
isDrawer: isDrawer
};
if (isDrawer) {
$("#bestsellerlist-drawer-" + categoryId).html('<div class="ajax-loading-productload" style=""></div>');
}
else {
$("#div" + containerId).html('<div class="ajax-loading-productload" style=""></div>');
}
addAntiForgeryToken(postData);
$.ajax({
cache: false,
type: "POST",
url: "/CustomProduct/GetHomePageProduct",
data: postData,
dataType: 'json',
success: function (response) {
var flag = false;
if (isDrawer) {
$("#drawer-div-" + categoryId).html(response.html);
$("#bestsellerlist-drawer-" + categoryId).html(response.filterhtml);
$('#drawer-prd-slider-' + categoryId).owlCarousel({
loop: response.isOwlLoopTrue,
margin: 20,
dots: false,
nav: true,
autoWidth: true,
rtl: rtl,
//for animation
navText: ["", "<div class='timer'><span class='mask'><span class='rotator' style='transform: rotate(1deg);'></span></span></div>"],
responsive: {
0: {
margin: 10,
items: 1
},
991: {
margin: 10,
items: 1
},
992: {
margin: 10,
items: 1
},
1366: {
margin: 10
},
1400: {
margin: 20
}
}
});
//for animation
var parentID = "#drawer-div-" + categoryId + "";
var animationspeed = 10000;
//function for animation
AnimationCircling(animationspeed, parentID);
}
else {
$("#div" + containerId).html(response.html);
$("#bestsellerlist-" + categoryId).html(response.filterhtml);
$('#home-page-product-' + categoryId + '-' + subCategoryId).owlCarousel({
loop: response.isOwlLoopTrue,
margin: 20,
dots: true,
nav: true,
autoWidth: true,
rtl: rtl,
//for animation
navText: ["", "<div class='timer'><span class='mask'><span class='rotator' style='transform: rotate(1deg);'></span></span></div>"],
responsive: {
0: {
margin: 10,
items: 1
},
991: {
margin: 10,
items: 1
},
992: {
margin: 10,
items: 1
},
1366: {
margin: 14,
},
1400: {
margin: 20,
}
}
});
//for animation
var parentID = "#home-page-product" + containerId + "";
var animationspeed = 10000;
//function for animation
AnimationCircling(animationspeed, parentID);
}
$('[data-toggle="tooltip"]').tooltip();
},
failure: function (response) {
alert(response);
if (isDrawer) {
$("#bestsellerlist-drawer-" + categoryId).html('');
}
else {
$("#bestsellerlist-" + categoryId).html('');
}
}
});
}
</script>
</div>
<script>
function deferjqueryloadingGoogleEnhancedEcommerce() {
if (window.jQuery && typeof $== 'function' && window.GoogleEEHelper)
{
GoogleEEHelper.Init('JOD', false);
GoogleEEHelper.Initialization();
}
else
setTimeout(function () { deferjqueryloadingGoogleEnhancedEcommerce() }, 50);
}
deferjqueryloadingGoogleEnhancedEcommerce();
</script>
<script src="/bundles/sq5taasu2pozg54pok_r2e5oce2zs-rtwmngks7rzvi.min.js?v=04092024"></script>
<script>
$(document).ready(function () {
$('.1boxClass .timeline__slider').not('.slick-initialized').slick({
infinite:false,
arrows: true,
dots: false,
autoplay: false,
swipeToSlide: false,
rtl: false,
cssEase: 'ease-in-out',
slidesToShow: 1,
slidesToScroll: 1,
appendArrows: $('.1boxClass .slick-arrow-data'),
nextArrow: `<div class="dir_right">
<div div class= "arrowMainBox" >
<div class="arrowMainBoxLeft">
<div class="orangeCircle"></div>
</div>
<div class="arrowMainBoxRight">
<div class="orangeCircle"></div>
</div>
</div>
</div > `,
prevArrow: '<div class="dir_left"></div>'
});
$('.1boxClass .timeline__slider').on('afterChange', function(event, slick, currentSlide, nextSlide){
if (currentSlide === slick.slideCount - 1) {
$('.1boxClass .timeline__slider').slick('slickGoTo', 0 , true); // Go to the first slide
}
});
var parentID = $("#slick-main1");
var animationspeed = 10000;
var parentClass = ".1boxClass"
$(`${parentClass} .slick-arrow-data .arrowMainBoxLeft`).on('animationiteration', (e) => {
$(`${parentClass} .timeline__slider`).slick('slickNext');
});
AnimationCirclingSlick(animationspeed, parentID, parentClass);
let groupKey = 0;
$('.1boxClass .timeline__slider').slick('slickGoTo', 0);
$('.1boxClass .timeline__slider').on('afterChange', function (event, slick, currentSlide, nextSlide) {
//For thumbnaiv active-group on afterChange
$('.1boxClass .horizantal__nav li.is-active').removeClass('is-active');
$('.1boxClass .horizantal__nav li[data-group="' + $('.1boxClass .slick-current').data('group') + '"]').addClass('is-active');
//For dot active-group on afterChange
$('#dots1 li.is-active').removeClass('is-active');
$('#dots1 li[data-group="' + $('.1boxClass .slick-current').data('group') + '"]').addClass('is-active');
//For dot active on afterChange
$(".1boxClass #dots1 li").removeClass('dot-active');
var dataId = $('.1boxClass .slick-current').attr("data-slick-index");
$('.1boxClass #dots1 li[data-slick-index=' + dataId + ']').addClass('dot-active');
//For totalcounter active-group on afterChange
$('.1boxClass .totalcounter.total-active').removeClass('total-active');
$('.1boxClass .totalcounter[data-group="' + $('.1boxClass .slick-current').data('group') + '"]').addClass('total-active');
//For counter active-group on afterChange
$('.1boxClass .counter.count-active').removeClass('count-active');
$('.1boxClass .counter[data-group="' + $('.1boxClass .slick-current').data('group') + '"]').addClass('count-active');
if (groupKey == Number($('.1boxClass .count-active').data('group'))) {
var sliderCountNumner = Number($('.1boxClass .count-active').text());
$('.1boxClass .count-active').text(sliderCountNumner + 1);
}
else {
groupKey = Number($('.1boxClass .count-active').data('group'));
$('.1boxClass .count-active').text(1);
}
});
// set up verticall menu and dots with slick slider
let groupNum = 1;
let dotscount = 0;
var dots = $("#dots1");
var ul = $("<ul/>");
$('.1boxClass .horizantal__nav li').each(function () {
let [from, to] = $(this).attr("data-from").trim().split('to');
from = +from.trim();
to = +to.trim();
$(this).attr('data-group', groupNum);
let dataGroup = groupNum;
found = false
$('.1boxClass .slick-slide').not(".slick-cloned").each(function () {
//We added if to solve the problem of error trim that appears on the console
if ($(this).attr("data-id")) {
let [ifrom, ito] = $(this).attr("data-id").trim().split('to');
ifrom = +ifrom.trim();
ito = +ito.trim();
if (ifrom >= from && ito <= to) {
$(this).attr('data-group', dataGroup);
var li;
$(".1boxClass li:eq(0)", dots).addClass("dot-active");
if (dataGroup == 1) {
li = $('<li class="is-active"/>').attr('data-group', dataGroup).attr('data-slick-index', dotscount);
} else {
li = $('<li></li>').attr('data-group', dataGroup).attr('data-slick-index', dotscount);
}
ul.append(li);
dots.append(ul);
found = true
dotscount++;
}
}
})
if (!found) {
$(this).addClass('disabled')
}
groupNum++;
});
var categories = {},
category;
$('.1boxClass .slick-slide[data-group]', '.1boxClass .timeline__slider').each(function (i, el) {
category = $(el).data('group');
if (categories.hasOwnProperty(category)) {
categories[category] += 1;
}
else {
categories[category] = 1;
}
});
// group wise total count
var groupslider = $(".1boxClass .count");
var groupslidetotal = $(".1boxClass .total_count");
for (var key in categories) {
groupslider.append("<span data-group=" + key + " class='counter'>" + 1 + '</span>');
groupslidetotal.append("<span data-group=" + key + " class='totalcounter'>" + categories[key] + '</span>');
$(".1boxClass .counter:eq(0)").addClass("count-active");
$(".1boxClass .totalcounter:eq(0)").addClass("total-active");
}
groupKey = Number($('.1boxClass .count-active').data('group'));
// click on verticall change group
$('.1boxClass .horizantal__nav li').click(function () {
var groupid = $(this).attr('data-slick-index');
$('.1boxClass .timeline__slider').not('.slick-initialized').slick('slickGoTo', groupid);
})
// click on dot change slick slider
$('.1boxClass #dots1 li[data-slick-index]').click(function (e) {
e.preventDefault();
var slideno = $(this).attr('data-slick-index');
$('.1boxClass .timeline__slider').slick('slickGoTo', slideno);
});
});
</script>
<script>
$(document).ready(function () {
$('#home-page-category-slider').owlCarousel({
loop: false,
margin: 15,
nav: false,
autoWidth: true,
dots: false,
rtl: false,
responsive: {
0: {
margin: 7,
},
991: {
margin: 7,
},
992: {
margin: 7,
},
1366: {
margin: 10,
},
1400: {
margin: 15,
}
}
})
});
</script>
<script>
$(document).ready(function () {
$(function () {
$('.tabs-nav .category', '.div-55').click(function () {
// Check for active
$('.div-55 .tabs-nav li').removeClass('active');
$(this).parent().addClass('active');
// Display active tab
let currentTab = $(this).attr('href');
$('.div-55 .tabs-content > div').hide();
$(currentTab).show();
return false;
});
});
})
</script>
<script>
$(document).ready(function () {
var onClickDrawerToggle = function () {
$('body').toggleClass("scroll-lock");
$('.prd-drawer-55').toggleClass('active');
$('#drawer-layer-55').toggleClass('active');
};
$(".prd-drawer-toggle-55").click(onClickDrawerToggle);
});
</script>
<script>
$(document).ready(function () {
$(function () {
$('.tabs-nav .category', '.div-110').click(function () {
// Check for active
$('.div-110 .tabs-nav li').removeClass('active');
$(this).parent().addClass('active');
// Display active tab
let currentTab = $(this).attr('href');
$('.div-110 .tabs-content > div').hide();
$(currentTab).show();
return false;
});
});
})
</script>
<script>
$(document).ready(function () {
var onClickDrawerToggle = function () {
$('body').toggleClass("scroll-lock");
$('.prd-drawer-110').toggleClass('active');
$('#drawer-layer-110').toggleClass('active');
};
$(".prd-drawer-toggle-110").click(onClickDrawerToggle);
});
</script>
<script>
$(document).ready(function () {
$(function () {
$('.tabs-nav .category', '.div-1').click(function () {
// Check for active
$('.div-1 .tabs-nav li').removeClass('active');
$(this).parent().addClass('active');
// Display active tab
let currentTab = $(this).attr('href');
$('.div-1 .tabs-content > div').hide();
$(currentTab).show();
return false;
});
});
})
</script>
<script>
$(document).ready(function () {
var onClickDrawerToggle = function () {
$('body').toggleClass("scroll-lock");
$('.prd-drawer-1').toggleClass('active');
$('#drawer-layer-1').toggleClass('active');
};
$(".prd-drawer-toggle-1").click(onClickDrawerToggle);
});
</script>
<script>
$(document).ready(function () {
$(function () {
$('.tabs-nav .category', '.div-78').click(function () {
// Check for active
$('.div-78 .tabs-nav li').removeClass('active');
$(this).parent().addClass('active');
// Display active tab
let currentTab = $(this).attr('href');
$('.div-78 .tabs-content > div').hide();
$(currentTab).show();
return false;
});
});
})
</script>
<script>
$(document).ready(function () {
$('.1009boxClass .timeline__slider').not('.slick-initialized').slick({
infinite:false,
arrows: true,
dots: false,
autoplay: false,
swipeToSlide: false,
rtl: false,
cssEase: 'ease-in-out',
slidesToShow: 1,
slidesToScroll: 1,
appendArrows: $('.1009boxClass .slick-arrow-data'),
nextArrow: `<div class="dir_right">
<div div class= "arrowMainBox" >
<div class="arrowMainBoxLeft">
<div class="orangeCircle"></div>
</div>
<div class="arrowMainBoxRight">
<div class="orangeCircle"></div>
</div>
</div>
</div > `,
prevArrow: '<div class="dir_left"></div>'
});
$('.1009boxClass .timeline__slider').on('afterChange', function(event, slick, currentSlide, nextSlide){
if (currentSlide === slick.slideCount - 1) {
$('.1009boxClass .timeline__slider').slick('slickGoTo', 0 , true); // Go to the first slide
}
});
var parentID = $("#slick-main1009");
var animationspeed = 10000;
var parentClass = ".1009boxClass"
$(`${parentClass} .slick-arrow-data .arrowMainBoxLeft`).on('animationiteration', (e) => {
$(`${parentClass} .timeline__slider`).slick('slickNext');
});
AnimationCirclingSlick(animationspeed, parentID, parentClass);
let groupKey = 0;
$('.1009boxClass .timeline__slider').slick('slickGoTo', 0);
$('.1009boxClass .timeline__slider').on('afterChange', function (event, slick, currentSlide, nextSlide) {
//For thumbnaiv active-group on afterChange
$('.1009boxClass .horizantal__nav li.is-active').removeClass('is-active');
$('.1009boxClass .horizantal__nav li[data-group="' + $('.1009boxClass .slick-current').data('group') + '"]').addClass('is-active');
//For dot active-group on afterChange
$('#dots1009 li.is-active').removeClass('is-active');
$('#dots1009 li[data-group="' + $('.1009boxClass .slick-current').data('group') + '"]').addClass('is-active');
//For dot active on afterChange
$(".1009boxClass #dots1009 li").removeClass('dot-active');
var dataId = $('.1009boxClass .slick-current').attr("data-slick-index");
$('.1009boxClass #dots1009 li[data-slick-index=' + dataId + ']').addClass('dot-active');
//For totalcounter active-group on afterChange
$('.1009boxClass .totalcounter.total-active').removeClass('total-active');
$('.1009boxClass .totalcounter[data-group="' + $('.1009boxClass .slick-current').data('group') + '"]').addClass('total-active');
//For counter active-group on afterChange
$('.1009boxClass .counter.count-active').removeClass('count-active');
$('.1009boxClass .counter[data-group="' + $('.1009boxClass .slick-current').data('group') + '"]').addClass('count-active');
if (groupKey == Number($('.1009boxClass .count-active').data('group'))) {
var sliderCountNumner = Number($('.1009boxClass .count-active').text());
$('.1009boxClass .count-active').text(sliderCountNumner + 1);
}
else {
groupKey = Number($('.1009boxClass .count-active').data('group'));
$('.1009boxClass .count-active').text(1);
}
});
// set up verticall menu and dots with slick slider
let groupNum = 1;
let dotscount = 0;
var dots = $("#dots1009");
var ul = $("<ul/>");
$('.1009boxClass .horizantal__nav li').each(function () {
let [from, to] = $(this).attr("data-from").trim().split('to');
from = +from.trim();
to = +to.trim();
$(this).attr('data-group', groupNum);
let dataGroup = groupNum;
found = false
$('.1009boxClass .slick-slide').not(".slick-cloned").each(function () {
//We added if to solve the problem of error trim that appears on the console
if ($(this).attr("data-id")) {
let [ifrom, ito] = $(this).attr("data-id").trim().split('to');
ifrom = +ifrom.trim();
ito = +ito.trim();
if (ifrom >= from && ito <= to) {
$(this).attr('data-group', dataGroup);
var li;
$(".1009boxClass li:eq(0)", dots).addClass("dot-active");
if (dataGroup == 1) {
li = $('<li class="is-active"/>').attr('data-group', dataGroup).attr('data-slick-index', dotscount);
} else {
li = $('<li></li>').attr('data-group', dataGroup).attr('data-slick-index', dotscount);
}
ul.append(li);
dots.append(ul);
found = true
dotscount++;
}
}
})
if (!found) {
$(this).addClass('disabled')
}
groupNum++;
});
var categories = {},
category;
$('.1009boxClass .slick-slide[data-group]', '.1009boxClass .timeline__slider').each(function (i, el) {
category = $(el).data('group');
if (categories.hasOwnProperty(category)) {
categories[category] += 1;
}
else {
categories[category] = 1;
}
});
// group wise total count
var groupslider = $(".1009boxClass .count");
var groupslidetotal = $(".1009boxClass .total_count");
for (var key in categories) {
groupslider.append("<span data-group=" + key + " class='counter'>" + 1 + '</span>');
groupslidetotal.append("<span data-group=" + key + " class='totalcounter'>" + categories[key] + '</span>');
$(".1009boxClass .counter:eq(0)").addClass("count-active");
$(".1009boxClass .totalcounter:eq(0)").addClass("total-active");
}
groupKey = Number($('.1009boxClass .count-active').data('group'));
// click on verticall change group
$('.1009boxClass .horizantal__nav li').click(function () {
var groupid = $(this).attr('data-slick-index');
$('.1009boxClass .timeline__slider').not('.slick-initialized').slick('slickGoTo', groupid);
})
// click on dot change slick slider
$('.1009boxClass #dots1009 li[data-slick-index]').click(function (e) {
e.preventDefault();
var slideno = $(this).attr('data-slick-index');
$('.1009boxClass .timeline__slider').slick('slickGoTo', slideno);
});
});
</script>
<script>
$(document).ready(function () {
var onClickDrawerToggle = function () {
$('body').toggleClass("scroll-lock");
$('.prd-drawer-78').toggleClass('active');
$('#drawer-layer-78').toggleClass('active');
};
$(".prd-drawer-toggle-78").click(onClickDrawerToggle);
});
</script>
<script>
$(document).ready(function () {
$(function () {
$('.tabs-nav .category', '.div-103').click(function () {
// Check for active
$('.div-103 .tabs-nav li').removeClass('active');
$(this).parent().addClass('active');
// Display active tab
let currentTab = $(this).attr('href');
$('.div-103 .tabs-content > div').hide();
$(currentTab).show();
return false;
});
});
})
</script>
<script>
$(document).ready(function () {
var onClickDrawerToggle = function () {
$('body').toggleClass("scroll-lock");
$('.prd-drawer-103').toggleClass('active');
$('#drawer-layer-103').toggleClass('active');
};
$(".prd-drawer-toggle-103").click(onClickDrawerToggle);
});
</script>
<script>
//$('body').scrollspy({ target: '#home-page-category'});
var extra = 120;
var affixpt = 108;
function GetCategoryScreen() {
if (window.matchMedia('(min-width:1367px) and (max-width: 1440px)').matches) {
extra = 100;
affixpt = 88;
} else if (window.matchMedia('(min-width:1281px) and (max-width: 1366px)').matches) {
extra = 90;
affixpt = 62;
} else if (window.matchMedia('(min-width:1025px) and (max-width: 1280px)').matches) {
extra = 90;
affixpt: 58;
} else if (window.matchMedia('(min-width:801px) and (max-width: 1024px)').matches) {
extra = 90;
affixpt: 48;
} else if (window.matchMedia('(min-width:768px) and (max-width: 800px)').matches) {
extra = 120;
affixpt: 48;
} else if (window.matchMedia('(max-width: 767px)').matches) {
extra = 68;
affixpt: 68;
} else {
extra = 120;
affixpt = 88;
}
}
$(document).ready(function () {
GetCategoryScreen();
$(window).resize(function () {
GetCategoryScreen();
});
});
$("#home-page-category a[href^='#']").on('click', function (e) {
// prevent default anchor click behavior
e.preventDefault();
// store hash
var hash = this.hash;
// animate
$('html, body').animate({
scrollTop: $(hash).offset().top - extra
}, 1000, function () {
// when done, add hash to url
// (default click behaviour)
//window.location.hash = hash;
});
});
$(document).ready(function () {
var toggleAffix = function (affixElement, scrollElement, wrapper) {
var height = affixElement.outerHeight(),
top = wrapper.offset().top - affixpt;
if (scrollElement.scrollTop() >= top) {
wrapper.height(height);
affixElement.addClass("affix");
}
else {
affixElement.removeClass("affix");
wrapper.height('auto');
}
};
$('[data-toggle="affix"]').each(function () {
var ele = $(this),
wrapper = $('<div></div>');
ele.before(wrapper);
$(window).on('scroll resize', function () {
toggleAffix(ele, $(this), wrapper);
});
// init
toggleAffix(ele, $(window), wrapper);
});
//var dhtml = '<div class="container">' + $("#devices-accessories").parent().html() + '</div>';
//$("#devices-accessories").parent().html("");
//$(".devicesection").html(dhtml);
});
</script>
<script>
//function changelang()
//{
// var clink = window.location.href.toLowerCase().replace('/en/', '/ar/').replace('/ar/', '/en/');
// $(".newHeaderLangText a").attr("href", clink);
//}
$(document).ready(function () {
getSelectedLanguageFlag();
var onClickShowLanguageimgList = function () {
$(".language-list").toggleClass("active");
};
$(".language-flag").unbind("click").click(onClickShowLanguageimgList);
$(".master-wrapper-page").unbind("click").click(function (evt) {
if (evt.target.className == "language-flag" || evt.target.className == "images") {
return;
} else if ($(".language-list").is(".active")) {
$(".language-list").removeClass("active");
}
});
//changelang();
});
var getSelectedLanguageFlag = function () {
if ($("img.selected", ".language-selector")) {
var spa = $(".selected").attr("data-attr");
//var src = $(".selected").attr("src");
//$(".language-flag").html("<img class='images' src='" + src + "'>");
$(".language-flag").html("<span>" + spa + "</span>");
}
};
</script>
<script>
//function changelang()
//{
// var clink = window.location.href.toLowerCase().replace('/en/', '/ar/').replace('/ar/', '/en/');
// $(".newHeaderLangText a").attr("href", clink);
//}
$(document).ready(function () {
getSelectedLanguageFlag();
var onClickShowLanguageimgList = function () {
$(".language-list").toggleClass("active");
};
$(".language-flag").unbind("click").click(onClickShowLanguageimgList);
$(".master-wrapper-page").unbind("click").click(function (evt) {
if (evt.target.className == "language-flag" || evt.target.className == "images") {
return;
} else if ($(".language-list").is(".active")) {
$(".language-list").removeClass("active");
}
});
//changelang();
});
var getSelectedLanguageFlag = function () {
if ($("img.selected", ".language-selector")) {
var spa = $(".selected").attr("data-attr");
//var src = $(".selected").attr("src");
//$(".language-flag").html("<img class='images' src='" + src + "'>");
$(".language-flag").html("<span>" + spa + "</span>");
}
};
</script>
<script>
$(document).ready(function () {
$('#topcartlink').click(function (e) {
OpenCartDrawer();
});
});
</script>
<script>
//function changelang()
//{
// var clink = window.location.href.toLowerCase().replace('/en/', '/ar/').replace('/ar/', '/en/');
// $(".newHeaderLangText a").attr("href", clink);
//}
$(document).ready(function () {
getSelectedLanguageFlag();
var onClickShowLanguageimgList = function () {
$(".language-list").toggleClass("active");
};
$(".language-flag").unbind("click").click(onClickShowLanguageimgList);
$(".master-wrapper-page").unbind("click").click(function (evt) {
if (evt.target.className == "language-flag" || evt.target.className == "images") {
return;
} else if ($(".language-list").is(".active")) {
$(".language-list").removeClass("active");
}
});
//changelang();
});
var getSelectedLanguageFlag = function () {
if ($("img.selected", ".language-selector")) {
var spa = $(".selected").attr("data-attr");
//var src = $(".selected").attr("src");
//$(".language-flag").html("<img class='images' src='" + src + "'>");
$(".language-flag").html("<span>" + spa + "</span>");
}
};
</script>
<script>
function LoadCartProduct() {
$('.shopping-cart-listmodel').html("<div class='ajax-loading-productload' style=''></div>");
$.ajax({
url: '/ShoppingCart/CartDrawer',
data: { prepareAndDisplayOrderReviewData: true },
type: 'POST',
success: function (data) {
$('#cartdrawer').addClass('active');
$('.shopping-cart-listmodel').html(data.html);
if( ($('.CartDrawerCkNewVersion #desktopProductCardInCartID').length)==0){
$('.tickimgcarta').css('display','none');
$('.custom-buttonck').css('display','none');
$('#drawer-cart-data').addClass('custom-drawer');
var containera = document.querySelector('#cartdrawer');
var imgElements = document.createElement('img');
imgElements.src ='\\Themes\\Eshop2021\\Content\\images\\rating\\closenewcart.png';
containera.appendChild(imgElements);
imgElements.classList.add('ximagebtngrayclosecart');
var imgElement = document.createElement('img');
imgElement.src ='\\Themes\\Eshop2021\\Content\\images\\eshop-cart-ravam.svg';
containera.insertBefore(imgElement, containera.firstChild);
imgElement.classList.add('tickimgcarta');
var imgElementsda = document.createElement('p');
containera.appendChild(imgElementsda);
imgElementsda.classList.add('paragcartfree');
document.querySelector('.paragcartfree').innerText='Looks like you haven’t made your choice yet...';
var buttonElement = document.createElement('button');
buttonElement.innerHTML = 'Continue Shopping';
buttonElement.setAttribute('type', 'button');
buttonElement.classList.add('custom-buttonck');
buttonElement.addEventListener('click', function () {
var n = window.location.href.lastIndexOf('/');
window.location.href = window.location.href.substring(n + 1);
//window.location.href = '/';
});
var containera = document.querySelector('#cartdrawer');
containera.appendChild(buttonElement);
$('.CartDrawerCkNewVersion .ximagebtngrayclosecart').on('click', function() {
$('#cartdrawer').css('display','none');
$('#cartdrawer').removeClass('active');
$('.cart-layer').removeClass('active');
$('body').removeClass('scroll-lock');
});
}
else{
if(window.location.href.indexOf("/ar/") !== -1) {
// Get the text content
var textContent = $('.attributes').text();
// Check if the text contains "Free Device"
var index = textContent.indexOf("جهاز مجاني");
while (index !== -1) {
// Find the sentence between "Free Device\n" and the next "\n"
var startIndex = index + "جهاز مجاني\n".length;
var endIndex = textContent.indexOf("\n", startIndex);
var sentence = textContent.substring(startIndex, endIndex).trim(); // Trim any leading/trailing whitespace
// Find the <div> element with the matching text content
$('.CartDrawerCkNewVersion .yourCartProductCard .yourCartProductCardCartFlex .attributes b').filter(function() {
return $(this).text().trim() === sentence;
}).each(function() {
// Check if an image with the same class already exists
if (!$(this).find('.imgjavascrck').length) {
// Create and insert the image element into the matched <div>
var imgSrc = '/Themes/Eshop2021/Content/images/Revamp23/gift%20icon.svg'; // Replace 'path_to_your_image.jpg' with the actual path to your image
var imgElement = $('<img>').addClass('imgjavascrck').attr('src', imgSrc);
$(this).prepend(imgElement);
}
});
// Find the next occurrence of "Free Device"
index = textContent.indexOf("جهاز مجاني", endIndex);
}
}
else{
// Get the text content
var textContent = $('.attributes').text();
// Check if the text contains "Free Device"
var index = textContent.indexOf("Free Device");
while (index !== -1) {
// Find the sentence between "Free Device\n" and the next "\n"
var startIndex = index + "Free Device\n".length;
var endIndex = textContent.indexOf("\n", startIndex);
var sentence = textContent.substring(startIndex, endIndex).trim(); // Trim any leading/trailing whitespace
// Find the <div> element with the matching text content
$('.CartDrawerCkNewVersion .yourCartProductCard .yourCartProductCardCartFlex .attributes b').filter(function() {
return $(this).text().trim() === sentence;
}).each(function() {
// Check if an image with the same class already exists
if (!$(this).find('.imgjavascrck').length) {
// Create and insert the image element into the matched <div>
var imgSrc = '/Themes/Eshop2021/Content/images/Revamp23/gift%20icon.svg'; // Replace 'path_to_your_image.jpg' with the actual path to your image
var imgElement = $('<img>').addClass('imgjavascrck').attr('src', imgSrc);
$(this).prepend(imgElement);
}
});
// Find the next occurrence of "Free Device"
index = textContent.indexOf("Free Device", endIndex);
}
}
$('.CartDrawerCkNewVersion .orderSummaryContainerProceedToCheckout').val('View Cart (' + $('.cart-qty').text() + ')');
document.querySelector('.CartDrawerCkNewVersion .yourCartMainHeader h1').innerText='Added to Your Cart :';
document.querySelector('.CartDrawerCkNewVersion .yourCartMainHeader a ').innerText='Continue Shopping'; ///keep.shoppingck
document.querySelector('.CartDrawerCkNewVersion .orderSummaryContainerTotalSummarySectionTitle').innerText='Cart Subtotal';
var container = document.querySelector('.CartDrawerCkNewVersion .yourCartMainHeader ');
var imgElement = document.createElement('img');
imgElement.src ='\\Themes\\Eshop2021\\Content\\images\\rating\\Tick_19371.png';
container.insertBefore(imgElement, container.firstChild);
var imgElementd = document.createElement('img');
imgElementd.src ='\\Themes\\Eshop2021\\Content\\images\\rating\\closenewcart.png';
container.appendChild(imgElementd);
imgElementd.classList.add('ximagebtngrayclosecart');
$('.CartDrawerCkNewVersion .btn.btn-orange').on('click', function() {
event.preventDefault();
window.location.href = '/cart';
});
imgElement.classList.add('tickimgcart');
$('.CartDrawerCkNewVersion .ximagebtngrayclosecart').on('click', function() {
$('#cartdrawer').css('display','none');
$('#cartdrawer').removeClass('active');
$('.cart-layer').removeClass('active');
$('body').removeClass('scroll-lock');
});
}}
});
}
window.addEventListener('scroll', function() {
if (window.innerWidth > 1030) {
if (window.scrollY > 0) {
$('.CartDrawerCkNewVersion .cart-drawer').css('top', '8vw');
} else {
$('.CartDrawerCkNewVersion .cart-drawer').css('top', '');
}
}
});
function OpenCartDrawer() {
var currentURL = window.location.href;
// Check if the URL contains "/cart"
if (!currentURL.includes('/cart')) {
$('.ximagebtngrayclosecart').css('display', 'block');
$('#cartdrawer').css('display', 'block');
$('#cartdrawer').addClass('active');
$('.cart-layer').addClass('active');
$('body').addClass('scroll-lock');
LoadCartProduct();
var cartDrawerIsActive = document.getElementById("cartdrawer").classList.contains("active");
var cartLayerIsActive = document.querySelector(".CartDrawerCkNewVersion .cart-layer").classList.contains("active");
if (cartDrawerIsActive && cartLayerIsActive) {
document.getElementById("divAjaxLoader").style.display = "none";
}
}
}
function CloseCart(){
$('#cartdrawer').removeClass('active');
$('.cart-layer').removeClass('active');
$('body').removeClass('scroll-lock');
};
function LoadSuggestedProducts() {
$('#cross-sell-product').html("<div class='ajax-loading-productload' style=''></div>");
$.ajax({
url: '/ShoppingCart/CrossSellProduct',
type: 'POST',
success: function (data) {
if (data.html === '') {
$('#cross-sell-product').html("No suggested product available")
}
else {
$('#cross-sell-product').html(data.html)
OwlForCrossSell();
}
}
});
}
function OwlForCrossSell()
{
$('#suggested-product').owlCarousel({
loop: false,
margin: 15,
nav: true,
dots: false,
rtl: false,
responsive: {
0: {
margin: 7,
items: 2,
},
991: {
margin: 7,
items: 3,
},
992: {
margin: 7,
items: 3,
},
1024: {
margin: 5,
items: 4,
},
1280: {
margin: 7,
items: 4,
},
1366: {
margin: 10,
items: 4,
},
1400: {
margin: 15,
items: 4,
}
}
});
}
function LoadServiceProducts() {
$('#service-product').html("<div class='ajax-loading-productload' style=''></div>");
$.ajax({
url: '/CustomProduct/ServiceProducts',
type: 'POST',
success: function (data) {
$('#service-product').html(data.html)
}
});
}
</script>
<script>
$(document).ready(function () {
// preloader
$(window).on('load', function (event) {
$('#preloader').delay(500).fadeOut(500);
});
$(window).scroll(function () {
if ($(this).scrollTop() > 320) {
$('.goToTop').fadeIn();
} else {
$('.goToTop').fadeOut();
}
});
$('.goToTop').click(function () {
$('html, body').animate({ scrollTop: 0 }, 500);
return false;
//owl.trigger('next.owl.carousel');
});
});
</script>
<script>
$(document).ready(function () {
$('.footer-block .title').on('click', function () {
var e = window, a = 'inner';
if (!('innerWidth' in window)) {
a = 'client';
e = document.documentElement || document.body;
}
var result = { width: e[a + 'Width'], height: e[a + 'Height'] };
if (result.width < 769) {
$(this).siblings('.list').slideToggle('slow');
}
});
});
</script>
<script>
$(function () {
$('[data-toggle="tooltip"]').tooltip()
})
function showLoader() {
$("#divAjaxLoader").addClass("active");
}
function hideLoader() {
$("#divAjaxLoader").removeClass("active");
}
</script>
<script>
$(document).ready(function () {
$("ul li", ".tabs-nav").hover(function () {
var left = $(this).find("ul").width();
var margin = left / 2;
$(this).find("ul").css("margin-left", '-' + margin + 'px');
});
});
</script>
<script>
function GetHomePageDeviceSlider() {
var Sliderdata;
var data;
$.ajax({
cache: false,
type: "POST",
async: true,
url: "/DeviceSlider/GetSlider",
dataType: 'json',
success: function (response) {
data = response;
var html = "";
for (x = 0; x < response.newlst.length; x++) {
html += '<div class="product-items categoryId"><a href="' + response.newlst[x].Url + '">';
var title3 = "";
var inst = "";
if (response.newlst[x].Title3 != null) {
title3 = response.newlst[x].Title3;
}
if (response.newlst[x].Lable != null) {
inst = response.newlst[x].Lable;
}
if (!response.newlst[x].RTL && $(window).width() <= 550) {
html += '<img id="img_products_mob_' + response.newlst[x].Id + '" src="' + response.newlst[x].EnglishMobileImageURL + '" alt="Image" /></a>';
}
else if (response.newlst[x].RTL && $(window).width() <= 550) {
html += '<img src="' + response.newlst[x].ArabichMobileImageURL + '" alt="Image" /></a>';
}
else if (response.newlst[x].RTL && $(window).width() > 550) {
html += '<img src="' + response.newlst[x].ArabicWebImageURL + '" alt="Image" /></a>';
}
else {
html += '<img id="img_products_' + response.newlst[x].Id + '" src="' + response.newlst[x].EnglishWebImageURL + '" alt="Image" /></a>';
}
html += '<div class="product-items-content"><h3>' + response.newlst[x].Title1 + '</h3>';
html += '<p>' + response.newlst[x].Title2 + ' ';
html += '<span class="product-items-price">' + title3;
html += '</span></p></div>';
if (inst != "")
html += '<h6 class="slider-label">' + inst + '</h6>';
html += '</div>';
}
$(".product-slider").html(html);
$(".product-slider").removeClass("ajax-loading-productload");
$(".product-slider").slick({
dots: true,
infinite: true,
speed: 500,
slidesToShow: 1,
slidesToScroll: 1,
arrows: false,
touchMove: true,
autoplay: true,
autoplaySpeed: 3000
});
var isMobileView = $('#IsMobile').val();
if ((window.location.href + "/").toLowerCase().indexOf("/ar/") != -1) {
//Multi Categories Slider
$('.categories-twocolumns').slick({
arrows: true,
infinite: false,
speed: 500,
slidesToShow: 2,
slidesToScroll: 2,
touchMove: true,
rtl: true,
autoplaySpeed: 4000,
asNavFor: '.categories-threecolumns',
responsive: [
{
breakpoint: 768,
settings: {
infinite: true,
slidesToShow: 1
},
breakpoint: 450,
settings: {
speed: 100,
infinite: true,
slidesToShow: 1,
slidesToScroll: 1,
asNavFor: ''
}
}
]
});
$('.categories-threecolumns').slick({
arrows: false,
infinite: false,
speed: 500,
slidesToShow: 3,
slidesToScroll: 2,
touchMove: true,
rtl: true,
autoplaySpeed: 3000,
asNavFor: '.categories-twocolumns',
responsive: [
{
breakpoint: 768,
settings: {
slidesToShow: 1
},
breakpoint: 450,
settings: {
speed: 100,
arrows: true,
infinite: true,
slidesToShow: 2,
slidesToScroll: 2,
asNavFor: ''
}
}
]
});
}
else {
$('.categories-twocolumns').slick({
arrows: true,
infinite: false,
speed: 500,
slidesToShow: 2,
slidesToScroll: 2,
touchMove: true,
autoplaySpeed: 4000,
asNavFor: '.categories-threecolumns',
responsive: [
{
breakpoint: 768,
settings: {
slidesToShow: 1
},
breakpoint: 450,
settings: {
speed: 100,
infinite: true,
slidesToShow: 1,
slidesToScroll: 1,
asNavFor: ''
}
}
]
});
$('.categories-threecolumns').slick({
arrows: false,
infinite: false,
speed: 500,
slidesToShow: 3,
slidesToScroll: 2,
touchMove: true,
autoplaySpeed: 3000,
asNavFor: '.categories-twocolumns',
responsive: [
{
breakpoint: 768,
settings: {
slidesToShow: 2
}
,
breakpoint: 450,
settings: {
speed: 100,
arrows: true,
infinite: true,
slidesToShow: 2,
slidesToScroll: 2,
asNavFor: ''
}
}
]
});
}
$('.slick-prev').hide();
$('.categories-twocolumns .slick-next').click(function (e) {
//e.preventDefault();
$('.slick-next').hide();
$('.slick-prev').show();
if ($(window).width() < 551) {
$('.slick-prev').show();
$('.slick-next').show();
$(".categories-threecolumns .slick-next").click();
}
});
$('.categories-twocolumns .slick-prev').click(function (e) {
$('.slick-prev').hide();
$('.slick-next').show();
if ($(window).width() < 551) {
$('.slick-prev').show();
$('.slick-next').show();
$(".categories-threecolumns .slick-prev").click();
}
});
if ($(window).width() < 551) {
$('.slick-prev').show();
$('.slick-next').show();
}
},
failure: function (response) {
alert(response);
}
});
}
function BackSmartLife() {
smartlifeSelected--;
if (smartlifeSelected < 0) {
smartlifeSelected = productdataSmartLife.model.Products.length - 1;
}
SetSmartlifeOffer();
}
function NextSmartLife() {
smartlifeSelected++;
if (smartlifeSelected == productdataSmartLife.model.Products.length) {
smartlifeSelected = 0;
}
SetSmartlifeOffer();
}
var productdataSmartLife;
var smartlifeSelected = 0;
function FillSmartlifeOffer(subCategoryId) {
$(`#${subCategoryId}`).prop("checked", true)
var data;
var postData = {
subCategoryId: subCategoryId,
productTagId: 0,
isDrawer: false
};
$.ajax({
cache: false,
type: "POST",
async: true,
url: "/CustomProduct/GetHomePageProductBySubCat",
data: postData,
dataType: 'json',
success: function (response) {
productdataSmartLife = response;
smartlifeSelected = 0;
SetSmartlifeOffer();
},
failure: function (response) {
}
});
}
function addThreeDots(title) {
return title.length > 40 ? `${title?.slice(0, 37).trim()}...` : title
}
function addtocartSmartlife() {
var url = $("#AddtoCartSmartlife").html();
alert(url);
AjaxCart.addproducttocart_catalog(url);
return false;
}
function SetSmartlifeOffer() {
var productlife = productdataSmartLife.model.Products[smartlifeSelected];
let price;
let cur;
if (productlife.SpecialPromotion) {
$("#smartlifeOfferSection #SPromation").html(`<p>${productlife.SpecialPromotionDesc}</p>`);
$("#smartlifeOfferSection #SPromation").show();
}
else {
$("#smartlifeOfferSection #SPromation").hide();
}
if (productlife.ProductPrice != null) {
if ((window.location.href + "/").toLowerCase().indexOf("/ar/") != -1) {
price = productlife.ProductPrice.Price.split(" ")[0].split(".")
cur = productlife.ProductPrice.Price.split(" ")[1];
}
else {
price = productlife.ProductPrice.Price.split(" ")[1].split(".")
cur = productlife.ProductPrice.Price.split(" ")[0];
}
$("#smartlifeOfferSection .newPrice .unit").html(cur);
$("#smartlifeOfferSection .newPrice .amount").html(price[0]);
$("#smartlifeOfferSection .newPrice .fraction").html("." + price[1]);
$("#smartlifeOfferSection .newPrice .period").html('');
// $("#smartlifeOfferSection .newPrice .period").html( "/" + productlife?.SubscribtionType || '');
// $("#smartlifeOfferSection .shoppingCart").html("/" + productlife?.SubscribtionType || '');
$("#AddtoCartSmartlife").attr('href', "/addproducttocart/catalog/" + productlife.Id + "/1/1?forceredirection=False");
}
if (productlife.ProductPrice.OldPrice != null && productlife.ProductPrice != null) {
let priceOld;
let curOld;
if ((window.location.href + "/").toLowerCase().indexOf("/ar/") != -1) {
priceOld = productlife.ProductPrice.OldPrice.split(" ")[1].split(".")
curOld = productlife.ProductPrice.OldPrice.split(" ")[0];
}
else {
priceOld = productlife.ProductPrice.OldPrice.split(" ")[1].split(".")
curOld = productlife.ProductPrice.OldPrice.split(" ")[0];
}
$("#smartlifeOfferSection .oldPrice .unit").html(curOld);
$("#smartlifeOfferSection .oldPrice .amount").html(priceOld[0]);
$("#smartlifeOfferSection .oldPrice .fraction").html("." + priceOld[1]);
//$("#smartlifeOfferSection .oldPrice .period").html( "/" + productlife?.SubscribtionType || '');
$("#smartlifeOfferSection .oldPrice .period").html('');
}
else {
$("#smartlifeOfferSection .oldPrice").hide();
}
var arrKeySellingPoints = "";
var KeySellingPointshtml = "";
if (productlife.KeySellingPoints != null) {
arrKeySellingPoints = productlife.KeySellingPoints.split(";");
for (var x = 0; x < arrKeySellingPoints.length; x++) {
if (x == 3) {
break;
}
KeySellingPointshtml += '<li><img class="listIcon" src="/Themes/Eshop2021/Content/images/Tick_19371.svg" alt="Tick">' + arrKeySellingPoints[x] + '</li>';
}
}
$("#smartlifeOfferSection .productName").html(addThreeDots(productlife.Name));
$("#smartlifeOfferSection .productFeatures").html(productlife.KeySellingPoints ? KeySellingPointshtml : '');
$("#smartlifeOfferSection .productImg").attr("src", productlife.DefaultPictureModel.ImageUrl)
$("#smartlifeOfferSection .buyNow").attr("href", productlife.ProductURL);
$("#smartlifeOfferSection .viewDetails").attr("href", productlife.ProductURL);
$("#AddtoCartSmartlife").html(productlife.buybutton);
}
function FillMobileProduct() {
var data;
var catID = $("#selectedMobileCat").text();
var postData = {
subCategoryId: catID,
productTagId: 0,
isDrawer: false
};
$.ajax({
cache: false,
type: "POST",
async: false,
url: "/CustomProduct/GetHomePageProductBySubCat",
data: postData,
dataType: 'json',
success: function (response) {
var productdata = response;
var html = "";
var month = '/month';
var taxdesc = 'Tax Inclusive';
var newchar = 'New';
for (var i = 0; i < productdata.model.Products.length; i++) {
let price;
let cur;
if ((window.location.href + "/").toLowerCase().indexOf("/ar/") != -1) {
price = productdata.model.Products[i].ProductPrice.Price.split(" ")[0].split(".")
cur = productdata.model.Products[i].ProductPrice.Price.split(" ")[1];
}
else {
price = productdata.model.Products[i].ProductPrice.Price.split(" ")[1].split(".")
cur = productdata.model.Products[i].ProductPrice.Price.split(" ")[0];
}
if (productdata.model.Products[i].KeySellingPoints != null) {
var arrKeySellingPoints = productdata.model.Products[i].KeySellingPoints.split(";");
}
html += `<a class="cardContainer" href="${productdata.model.Products[i].ProductURL}" ><div class="cardTitle"><div class="nameBox">`;
html += `<p class="new ${productdata.model.Products[i].MarkAsNew ? 'show' : ''}">` + newchar + '</p>';
html += '<p class="name">' + productdata.model.Products[i].Name + '</p></div><img class="imgBox" src="' + productdata.model.Products[i].DefaultPictureModel.ImageUrl + '" alt="Image"> </div>';
html += '<p class="price"><span class="unit">' + cur + '</span><span class="amount">' + price[0] + '</span><span class="fraction">.' + price[1] + '</span><span class="period">/' + productdata.model.Products[i]?.SubscribtionType + '</span></p>';
html += '<p class="TaxText">' + taxdesc + '</p><div class="line"></div>';
html += `<p class="description1">${arrKeySellingPoints[0] || " "}</p>`
html += `<p class="description">${arrKeySellingPoints[1] || " "}</p>`;
html += '</a>';
}
$("#mobilecards").html(html);
$("#mobilecards").owlCarousel({
rtl: document.documentElement.lang === "ar" ? true : false,
autoWidth: true,
dots: false,
items: 1,
loop: false,
center: false,
rewind: true,
touchDrag: true,
responsive: {
0: {
margin: 8,
},
834: {
margin: 8,
},
1366: {
margin: 11,
},
1920: {
margin: 18
}
}
})
},
failure: function (response) {
}
});
}
</script>
<script>
AjaxCart.init(false, '.header-links .cart-qty', '.header-links .wishlist-qty', '#flyout-cart');
</script>
</div>
<script type="text/javascript" id="" charset="">!function(b,e,f,g,a,c,d){b.fbq||(a=b.fbq=function(){a.callMethod?a.callMethod.apply(a,arguments):a.queue.push(arguments)},b._fbq||(b._fbq=a),a.push=a,a.loaded=!0,a.version="2.0",a.queue=[],c=e.createElement(f),c.async=!0,c.src=g,d=e.getElementsByTagName(f)[0],d.parentNode.insertBefore(c,d))}(window,document,"script","https://connect.facebook.net/en_US/fbevents.js");fbq("init","1143471176466952");fbq("track","PageView");</script>
<noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1143471176466952&ev=PageView&noscript=1"></noscript>
<script type="text/javascript" id="" charset="">window._fs_host="eu1.fullstory.com";window._fs_script="edge.eu1.fullstory.com/s/fs.js";window._fs_org="o-2ZG2-eu1";window._fs_namespace="FS";
!function(l,r,t,u,v,n,d,w){function x(k){function g(){f&&(b.forEach(function(a){try{var c=a[f[0]]&&a[f[0]](f[1])}catch(h){return void(a[3]&&a[3](h))}c&&c.then?c.then(a[2],a[3]):a[2]&&a[2](c)}),b.length=0)}function e(a){return function(c){f||(f=[a,c],g())}}var f,b=[];return k(e(0),e(1)),{then:function(a,c){return x(function(h,p){b.push([a,c,h,p]);g()})}}}var m,q,y=!(t in l)||(l.console&&l.console.log&&l.console.log('FullStory namespace conflict. Please set window["_fs_namespace"].'),!1);y&&(d=l[t]=
function(){function k(e,f,b,a,c,h){return g._api?g._api(e,f,b,a,c,h):(g.q&&g.q.push([e,f,b,a,c,h]),null)}var g=function(e,f,b,a){function c(z,A){k(e,f,b,z,A,a)}a=a||2;var h,p=/Async$/;return p.test(e)?(e=e.replace(p,""),"function"==typeof Promise?new Promise(c):x(c)):k(e,f,b,h,h,a)};return g.q=[],g}(),w=function(k){function g(b){"function"==typeof b[4]&&b[4](Error(k))}var e=d.q;if(e){for(var f=0;f<e.length;f++)g(e[f]);e.length=0;e.push=g}},function(){(n=r.createElement(u)).async=!0;n.crossOrigin=
"anonymous";n.src="https://"+v;n.onerror=function(){w("Error loading "+v)};var k=r.getElementsByTagName(u)[0];k.parentNode.insertBefore(n,k)}(),function(){function k(){}function g(b,a,c){var h="setProperties";b={type:b,properties:a};d(h,b,c,1)}function e(b,a){g("user",b,a)}function f(b,a,c){e({uid:b},c);a&&e(a,c)}d.identify=f;d.setUserVars=e;d.identifyAccount=k;d.clearUserCookie=k;d.setVars=g;d.event=function(b,a,c){var h="trackEvent";b={name:b,properties:a};d(h,b,c,1)};d.anonymize=function(){f(!1)};
d.shutdown=function(){d("shutdown",void 0,void 0,1)};d.restart=function(){d("restart",void 0,void 0,1)};d.log=function(b,a){var c="log";b={level:b,msg:a};d(c,b,void 0,1)};d.consent=function(b){var a="setIdentity",c={consent:!arguments.length||b};d(a,c,void 0,1)}}(),m="fetch",q="XMLHttpRequest",d._w={},d._w[q]=l[q],d._w[m]=l[m],l[m]&&(l[m]=function(){return d._w[m].apply(this,arguments)}),d._v="2.0.0")}(window,document,window._fs_namespace,"script",window._fs_script);</script><div class="k-widget k-window ajaxCart" style="padding-top: 48px; min-width: 90px; min-height: 50px; display: none;"><div class="k-window-titlebar k-header" style="margin-top: -48px;"> <span class="k-window-title" style="right: 800px;"></span><div class="k-window-actions"><a role="button" href="#" class="k-window-action k-link"><span role="presentation" class="k-icon k-i-close">Close</span></a></div></div><div class="miniProductDetailsView k-window-content k-content" data-role="window" tabindex="0"></div></div><div class="k-widget k-window ajaxCart" style="padding-top: 48px; min-width: 90px; min-height: 50px; display: none;"><div class="k-window-titlebar k-header" style="margin-top: -48px;"> <span class="k-window-title" style="right: 800px;"></span><div class="k-window-actions"><a role="button" href="#" class="k-window-action k-link"><span role="presentation" class="k-icon k-i-close">Close</span></a></div></div><div class="productAddedToCartWindow k-window-content k-content" data-role="window" tabindex="0"></div></div><iframe id="_hjSafeContext_7731731" title="_hjSafeContext" tabindex="-1" aria-hidden="true" src="about:blank" style="display: none !important; width: 1px !important; height: 1px !important; opacity: 0 !important; pointer-events: none !important;"></iframe><iframe sandbox="" style="display: none;"></iframe></body></html>