Mobile Phones

Power Bank Charger

Wireless Charger

Mobile Phone Charging Cable and Plugs

Mobile Phone Covers

Mobile Phone Screen Protector

iPad and Tablet Cover

iPad and Tablet Stylus Pen

Mobile Phones and Mobile Accessories

Lighting and Lamps

Refrigerator

Electric Vacuum Cleaner

Water Dispenser and Water Cooler

Electric Oven

Dishwasher

Electric Kettle and Water Boiler

Security Cameras

Air Fryer

Clothes Iron

Electronics and Home Appliances

Kids Outdoor Toys

KidsToys

Board Games

Educational Games

Doll

Kids' Bicycle

Puzzle Games

Kids Scooter

Adult Scooter

Toys

Portable Speakers

Earpods

Headphones

EarPods Case

Computer Speakers and Amplifiers

Home Theater Speaker

Treadmill and Running Machine

Dumbbells and Weights

Home Gym Equipment

Sports Equipment and Game Tables

Bicycle (Bike)

Yoga Accessories

Water Sports and Water Games Gear

Sports Equipment

Watches

Smart Watch

Watch Bracelet and Strap

Watches and Watch Accessories

Baby Stroller

Baby Beds

Car Seats for Children

Kids Chair and Table

Baby Products

Car Air Freshener

Car Battery Charger

Car Washing and Care Supplies

Car Accessories and Supplies

Projector

Projector and TV Accessories

TV and Home Theater

Computer Mouse

Keyboard

Webcam

Computer Monitor

Computer Chair

Computer Table

Laptop Table

Laptop Bag

Computer and Laptop Accessories

<p style="user-select: auto;"><div class="woocommerce">
<div method="post" class="woocommerce-form woocommerce-form-track-order">

	<div class="text-center">
		<img src="https://wp.jomla.ae/wp-content/themes/besa-child/images/order-tracking_500x.webp" style="width:100%; max-width:400px ;">
		<p>قم بتتبع حالة طلبك عبر إدخال رقم الطلب المكون من 6 خانات</p>
	</div>
	<div class="text-center check-form" style="overflow: hidden;">
		<div class="ordercheck">
			<input type="text" name="code" class="couponCodeText checkout_btn order_number" placeholder="ادخل رقم الطلب " autocomplete="off">
			<input type="hidden" id="woocommerce-order-tracking-nonce" name="woocommerce-order-tracking-nonce" value="bd3b40dd0c" /><input type="hidden" name="_wp_http_referer" value="/graphql" />			<button id="submitTrack" style="padding:10px 18px;" class="checkout_btn btn btn--secondary submitCoupon loading-btn">
				<span class="loading-btn__text">تتبع طلبك الآن!</span>
			</button>
		</div>
	</div>

	<div class="grid text-center orderstatus">
		<div class="grid__item medium-up--one-quarter">
			<img src="https://wp.jomla.ae/wp-content/themes/besa-child/images/icon-order-pending_200x.webp">
			<p> طلبك في الإنتظار </p>
		</div>
		<div class="grid__item medium-up--one-quarter">
			<img src="https://wp.jomla.ae/wp-content/themes/besa-child/images/icon-order-ready_200x.webp">
			<p> سيتم شحن طلبك قريباً </p>
		</div>
		<div class="grid__item medium-up--one-quarter">
			<img src="https://wp.jomla.ae/wp-content/themes/besa-child/images/icon-order-shipped_200x.webp">
			<p>  تم شحن الطلب  </p>
		</div>
		<div class="grid__item medium-up--one-quarter">
			<img src="https://wp.jomla.ae/wp-content/themes/besa-child/images/icon-order-delivered_200x.webp">
			<p>  تم تسليم الطلب  </p>
		</div>
	</div>

	<div class="grid text-center ordercancelled" style="display:none">
		<div class="grid__item medium-up--one-third col-md-4" style="float:none; margin:0px auto;">
			<img src="https://wp.jomla.ae/wp-content/themes/besa-child/images/icon-order-cancelled_200x.webp">
			<h4 id="message">تم الغاء طلبك، يرجى التواصل مع خدمة العملاء لمزيد من التفاصيل</h4>
			<div>
				<a id="whatsapp" target="_blank" href="" class="btn btn--small btn--secondary btn--share " style="display: inline-flex; align-items: center;">
					<svg id="whatsapp-msng-icon" data-name="whatsapp icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 800" style="width: 22px;margin-left: 5px;margin-top: -2px;"><path d="M519 454c4 2 7 10-1 31-6 16-33 29-49 29-96 0-189-113-189-167 0-26 9-39 18-48 8-9 14-10 18-10h12c4 0 9 0 13 10l19 44c5 11-9 25-15 31-3 3-6 7-2 13 25 39 41 51 81 71 6 3 10 1 13-2l19-24c5-6 9-4 13-2zM401 200c-110 0-199 90-199 199 0 68 35 113 35 113l-20 74 76-20s42 32 108 32c110 0 199-89 199-199 0-111-89-199-199-199zm0-40c133 0 239 108 239 239 0 132-108 239-239 239-67 0-114-29-114-29l-127 33 34-124s-32-49-32-119c0-131 108-239 239-239z" transform="scale(1.2, 1.2), translate(-65 -65)" style="fill:#22c25e;"></path></svg>
					<span class="share-title" aria-hidden="true">راسلنا على  WhatsApp </span>
				  </a>
				<br>
				  <a class="h_msg_text" target="_blank" href="tel:+971554900577">
					   أو اضغط هنا للاتصال 
					  <div dir="ltr" style="display:inline;">+(971) 55-4900577</div>
				  </a>
			</div>
		</div>
	</div>

	<div class="summary-wrapper"></div>
</div>

<style>
	.shipped_via {display: none;}
	.btn--share {
    padding: 8px 10px;
    font-size: .75em;
    line-height: 1;
	background-color: #fff;
	color: #5c5c5c;
	border-color: #ebebeb;
    margin-right: 5px;
    margin-bottom: 10px;
}
.share-title {
    display: inline-block;
    vertical-align: middle;
}
.loading-btn{position:relative;display:inline-block;width:100%;height:100%;background:#e52d27;background:linear-gradient(90deg,#e52d27,#b31217);border:1px solid transparent;cursor:pointer;transition:all .33s ease-in-out;opacity:1}.loading-btn:hover{opacity:.9}.loading-btn,.loading-btn:focus{outline:none}.loading-btn--fail,.loading-btn--pending,.loading-btn--success{pointer-events:none;cursor:default}.loading-btn--fail .loading-btn__text,.loading-btn--pending .loading-btn__text,.loading-btn--success .loading-btn__text{opacity:0}.loading-btn--pending:before{content:"";position:absolute;top:50%;left:50%;display:inline-block;height:28px;width:28px;border:3px solid hsla(0,0%,100%,.33);border-top-color:#fff;border-radius:50%;animation:loading-btn--fade-in .33s ease,loading-btn--rotation .66s linear 0s infinite}.loading-btn--success,.loading-btn--success:hover{background:#5cb85c}.loading-btn--success:after{content:"";position:absolute;top:50%;left:50%;display:inline-block;height:16px;width:34px;border:3px solid #fff;border-top-width:0;border-right-width:0;transform:translate(-50%,-75%) rotate(-45deg);animation:loading-btn--fade-in .6s ease}.loading-btn--fail,.loading-btn--fail:hover{background:#d9534f}.loading-btn--fail:after{content:"";position:absolute;top:50%;left:50%;display:inline-block;height:30px;width:30px;background:linear-gradient(180deg,transparent 44%,#fff 0,#fff 56%,transparent 0),linear-gradient(90deg,transparent 44%,#fff 0,#fff 56%,transparent 0);transform:translate(-50%,-50%) rotate(-45deg);animation:loading-btn--fade-in .6s ease}.loading-btn__text{opacity:1;position:;top:50%;left:50%;transform:translate(-50%,-50%);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:16px; font-weight:normal;color:#fff;transition:inherit}@keyframes loading-btn--fade-in{0%{opacity:0}to{opacity:1}}@keyframes loading-btn--rotation{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.state-list{margin-bottom:12px}.state-list .loading-btn-wrapper{background:repeating-linear-gradient(45deg,#fff,#fff 10px,#f0f0f0 0,#f0f0f0 20px)}
.ordercheck {
    width: 100%;
    max-width: 400px;
    margin: 20px auto;
}
.ordercheck > input[type=text] {
    padding: 9px 10px 10px 10px !important;
    font-size: 17px!important;
    border: 1px solid #e52d27 !important;
    float: right!important;
    width: 70%!important;
    background: #f7f7f7 !important;
    border-radius: 0px 5px 5px 0px;
    outline: unset;
    text-align: center;
    margin-left: 0px;
    color: #e52d27;
}     
.ordercheck .submitCoupon
{
    float: right!important;
    width: 30%!important;
    padding: 10px !important;
    background: linear-gradient(90deg, #e52d27 0%, #b31217 100%)!important;
    color: white!important;
    font-size: 16px!important;
    cursor: pointer!important;
    border-radius: 5px 0px 0px 5px;
    margin-right: 0px;
    outline: unset;
    border: unset !important;
}

.orderstatus{
	max-width: 500px;
	margin: 30px auto !important;
	display: flex;
}
.orderstatus .grid__item{position: relative; padding:30px 5px 5px 5px;}
.orderstatus .grid__item p {
	font-size: 16px;
	font-weight: bold;
}
.orderstatus .grid__item:before{
    position: absolute;
    top: 0px;
    right: calc( 50% - 10px );
    content: "1";
    font-size: 16px;
    width: 20px;
    height: 20px;
    border-radius: 50em;
    background: #ec3634; color: #efa1a2;
    z-index: 1;
	line-height: 1.4;
    }
    .orderstatus.first .grid__item:nth-child(1)::before,
    .orderstatus.second .grid__item:nth-child(2)::before,
    .orderstatus.third .grid__item:nth-child(3)::before,
    .orderstatus.fourth .grid__item:nth-child(4)::before{ background-color: #225a96; color: #fff;}

.orderstatus .grid__item:after {
        position: absolute;
        top: 11px;
        right:0px;
        content: "";
        font-size: 14px;
        width: 100%;
        height: 1px;
        background-color: grey;
    }
    .orderstatus .grid__item:first-child:after {
        right:50%;
        width: 50%;
    }
    .orderstatus .grid__item:last-child:after {
        width: 50%;
    }
    
.orderstatus:not(.first):not(.second):not(.third):not(.fourth){display: none;}

.orderstatus .grid__item:nth-child(2):before{ content: "2"; }
.orderstatus .grid__item:nth-child(3):before{ content: "3"; }
.orderstatus .grid__item:nth-child(4):before{ content: "4"; }
/* First */
.orderstatus.first .grid__item{opacity: 0.4;}
.orderstatus.first .grid__item:nth-child(1){opacity: 1;}
/* Second */
.orderstatus.second .grid__item{opacity: 0.4;}
.orderstatus.second .grid__item:nth-child(2), .orderstatus.second .grid__item:nth-child(1){opacity: 1;}
/* Third */
.orderstatus.third .grid__item{opacity: 0.4;}
.orderstatus.third .grid__item:nth-child(3), .orderstatus.third .grid__item:nth-child(2), .orderstatus.third .grid__item:nth-child(1){opacity: 1;}
/* Fourth */
.orderstatus.fourth .grid__item{opacity: 1;}



.ordercancelled{
    margin: 20px auto !important;
    display: none;
}
.orderstatus img, .ordercancelled img{width:50px;}

.ordersummary{
    width: 100%;
    max-width: 500px;
    margin: 20px auto;
}
.ordersummary .line-item{
    display: flex;
    justify-content: space-between;
}

.ordersummary h4 {
	font-size: 16px;
	font-weight: 500;
	line-height: 1.6;
}

.ordercancelled h4 {
	font-size: 16px;
	line-height: 2;
}

.order-items .line-item{
    position: relative;
    margin-bottom: 15px;
}
.order-items .line-item:after{
    content: "";
    width: 50px;
    height: 2px;
    border-top: 1px solid #cfcfcf;
    position: absolute;
    bottom: 0px;
    left: calc( 50% - 25px );

}
.order-items .line-item:last-child:after{ border: unset;}

.ordersummary .line-item span{
    min-width: 78px;
}

.order-items{
    border-bottom: 1px solid #cfcfcf;
    margin-bottom: 20px;
}

.page-container{background:#FFF;}

@media(max-width:600px) {
	.orderstatus {
		flex-direction: column;
	}
    .order-items .line-item span{padding-right: 10px;}

    .orderstatus .grid__item:before {
        position: absolute;
        top: calc( 50% - 10px );
        right: 0px;
        content: "1";
        font-size: 15px;
        width: 20px;
        height: 20px;
        border-radius: 50em;
        z-index: 1000000000;
    }


    .orderstatus .grid__item {
        padding: 20px 5px 20px 5px;
        display: flex;
        flex-direction: row;
        justify-content: end;
        align-items: center;
        padding-right: 50px;
    }
    .orderstatus .grid__item:after {
        position: absolute;
        top: 0px;
        right: 9px;
        content: "";
        font-size: 14px;
        width: 1px;
        height: 100%;
        background-color: grey;
    }
    .orderstatus img {margin-left: 20px;}
    .orderstatus p {margin-bottom: 0px !important;}

    .orderstatus .grid__item:first-child:after {
        top: 50%;
        height: 50%;
        right: 9px;
        width: 1px;
    }
    .orderstatus .grid__item:last-child:after {
        height: 50%;
        width: 1px;
    }
    .ordercheck > input[type=text] 
    {
      padding: 4px 5px 5px 5px !important;
      font-size: 17px!important;
      float: right!important;
      width: 60%!important;
      font-weight: 100;
    }

    .ordercheck .submitCoupon
    {
        /* padding: 6px 5px 6px 5px!important; */
        background: linear-gradient(90deg, #e52d27 0%, #b31217 100%)!important;
        color: white!important;
        font-size: 16px!important;
        border-left: none!important;
        cursor: pointer!important;
        width: 40% !important;
    }
    .orderstatus img, .ordercancelled img {
        width: 40px;
    }
  }
</style></div></p>


Track My Order