var $ = jQuery, clickLock = false, currentIndexes = [], movingAnimations = [], bottomOffset = 200, hash = true // Align the circle to the center of the icon function getCenter(el){ return el.position().left + el.width()/2 } // Move the circle function moveCircle(parent, el){ var centerDiff = getCenter(el) - getCenter(parent.find('.elementor-widget-icon-box').eq(0)) leftOffset = parent.find('.elementor-widget-icon-box').eq(0).offset().left - parent.offset().left parent.find('.elementor-widget-divider').css('transform', 'translateX(' + (centerDiff+leftOffset) + 'px)') } // Make the icon highlighted function setActive(menu, index, i){ menu.addClass('bubbling') movingAnimations[i] = true setTimeout(function(){ if(movingAnimations[i]){ menu.addClass('bubble') } },50) menu.find('.elementor-widget-icon-box').removeClass('active') menu.find('.elementor-widget-icon-box').eq(index).addClass('active') moveCircle(menu, menu.find('.elementor-widget-icon-box').eq(index)) } // Remove highlighted if needed function removeActive(menu, i){ movingAnimations[i] = false menu.removeClass('bubbling bubble') menu.find('.elementor-widget-icon-box').removeClass('active') } $(document).ready(function(){ $('.icon-menu').each(function(i){ var $this = $(this) currentIndexes.push(-1) movingAnimations.push(false) // Hover Effect $this.find('.elementor-widget-icon-box').on('mousemove mouseenter', function(){ setActive($this, $(this).index(), i) }) // Back to current item on mouse leave $this.on('mouseleave', function(){ if(currentIndexes[i] == -1){ removeActive($this, i) }else{ setActive($this, currentIndexes[i]) } }) // Click Effect $this.find('.elementor-widget-icon-box').on('click', function(e){ if( !hash ){ var link = $(this).find('a').attr('href') if( link == '' || link[0] == '#' ){ return } } setActive($this, $(this).index(), i) currentIndexes[i] = $(this).index() clickLock = true setTimeout(function(){ clickLock = false },1500) }) }) }) function removeSlash(str){ return str.replace(/^\/+|\/+$/g, '') } function getPath(url){ return removeSlash((new URL(url, location.protocol+'//'+location.hostname)).pathname) } $(window).on('load', function(){ $('.icon-menu').each(function(i){ var $this = $(this) $this.find('.elementor-widget-icon-box').each(function(index){ // Add # in case of empty link var span1 = $(this).find('span.elementor-icon'), span2 = $(this).find('.elementor-icon-box-title span') if( span1.length ){ span1.replaceWith($('' + span1.html() + '')) } if( span2.length ){ span2.replaceWith($('' + span2.html() + '')) } // Hightlight icon in case of page URL var link = $(this).find('a').eq(0).attr('href') if(link){ if(link[0] != '#'){ hash = false if(getPath(link) == removeSlash(location.pathname)){ setActive($this, index, i) currentIndexes[i] = index } } } }) // Avoid initial animation setTimeout(function(){ $this.addClass('transition') },400) }) }) // Title overflow fixing for v2 $(window).on('load resize', function(){ $('.icon-menu').each(function(i){ var $this = $(this) $this.find('.elementor-widget-icon-box').each(function(index){ if($this.hasClass('v2')){ var offset = 20, title = $(this).find('.elementor-icon-box-title'), titleLeft = title.offset().left, menuLeft = $this.offset().left, titleRight = titleLeft + title.outerWidth(), menuRight = menuLeft + $this.outerWidth(), translateLeft = titleLeft - menuLeft, translateRight = menuRight - titleRight if($(window).width() < 768){ offset = 4 } // Right fix if(translateRight < offset){ title.css('transform', 'translateX(' + (translateRight-offset) + 'px)') } // Left fix if(translateLeft *:not(.icon-menu)') selector.each(function(){ if($(window).scrollTop() + $(window).height() - 350 > $(this).offset().top){ topIds.push($(this).attr('id')) } }) topIds = topIds.filter(element => element !== undefined) $('.icon-menu').each(function(i){ var $this = $(this), menuIndex // Hide menu near window bottom if( $('body').height() > $(window).height()+bottomOffset+100 ){ if($('body').height() -1 ) return var menuId = topIds[topIds.length - 1 - index] menuIndex = $this.find('[href="#'+ menuId +'"]').closest('.elementor-widget-icon-box').index() currentIndexes[i] = menuIndex }) if( menuIndex==undefined || menuIndex == -1 ){ currentIndexes[i] = -1 removeActive($(this), i) }else{ setActive($(this), menuIndex, i) } }) delay = 0 },delay) })

About Us

Ordinarry your desire shopping brand.
It’s give you high quality shopping experience.
With love,trust & loyality.
We are a different kind of brand.
We will give you uniquely designed products and a high quality shopping experience.
Customer is our first priority. We try to keep them happy.
So stay with ordinarry

Home

Shop

Account

Phone

Chat

About Us

Contact Information

SHOPPING INFORMATION

Follow Us