jQuery(document).ready(function ($) { /* Sticky tbar --------------------------------------------- */ $(document).on('click', '.sticky-t-bar .close', function () { $(this).siblings('.sticky-bar-content').slideToggle(); $('.sticky-t-bar').toggleClass('active'); }); /* Header Search toggle --------------------------------------------- */ $('.header-search .search-toggle').click(function () { $(this).siblings('.header-search-wrap').fadeIn(); $('.header-search-wrap form .search-field').focus(); }); $('.header-search .close').click(function () { $(this).parents('.header-search-wrap').fadeOut(); }); $('.header-search-wrap').keyup(function (e) { if (e.key == 'Escape') { $('.header-search .header-search-wrap').fadeOut(); } }); $('.header-search .header-search-inner .search-form').click(function (e) { e.stopPropagation(); }); $('.header-search .header-search-inner').click(function (e) { $(this).parents('.header-search-wrap').fadeOut(); }); /* Desktop Navigation --------------------------------------------- */ $('.menu-item-has-children').append(''); $('.main-navigation').prepend(''); $('.site-header:not(.style-one ,.style-three) .secondary-nav >div').prepend(''); $('.submenu-toggle-btn').on('click', function () { $(this).siblings('.sub-menu').stop().slideToggle(); $(this).toggleClass('active'); }); $('.header-main .toggle-btn').on('click', function () { $(this).siblings('.main-navigation').animate({ width: 'toggle' }); }); $('.main-navigation .close-btn').on('click', function () { $('.main-navigation').animate({ width: 'toggle' }); }); /* sticky Navigation --------------------------------------------- */ if ($('.site-header').length) { var stickyHeaderHeight = $('.sticky-header').outerHeight(); if (blossom_floral_pro_data.sticky == "1") { $(window).on('scroll', function () { var headerHeight = $('.site-header + div').offset().top; if ($(window).scrollTop() > headerHeight) { $('.sticky-header').addClass('is-sticky'); $('body').addClass('has-sticky-nav'); if ($('#wpadminbar').length) { $('.sticky-header').css('top', adminbarHeight); } } else { $(".sticky-header").removeClass("is-sticky"); $('body').removeClass('has-sticky-nav'); } }); $(".widget-sticky .site-content .widget-area .widget:last-child").css( "top", stickyHeaderHeight + 50 ); } } /* sticky widget --------------------------------------------- */ $(window).on('resize load', function () { var adminbarHeight = $('#wpadminbar').outerHeight(); $(window).on('scroll', function (event) { if (blossom_floral_pro_data.sticky == "1") { $('.widget-area .widget:last-child').css('top', stickyHeaderHeight + 50); } else if ($('#wpadminbar').length) { $('.widget-area .widget:last-child').css('top', adminbarHeight); } else { $('.widget-area .widget:last-child').css('top', 0); } }); }); /* Mobile Navigation --------------------------------------------- */ var adminbarHeight = $('#wpadminbar').outerHeight(); if (adminbarHeight) { $('.site-header .mobile-header .header-bottom-slide .header-bottom-slide-inner ').css("top", adminbarHeight); } else { $('.site-header .mobile-header .header-bottom-slide .header-bottom-slide-inner ').css("top", 0); } $('.sticky-header .toggle-btn,.site-header .mobile-header .toggle-btn-wrap .toggle-btn').click(function () { $('body').addClass('mobile-menu-active'); $('.site-header .mobile-header .header-bottom-slide .header-bottom-slide-inner ').css("transform", "translate(0,0)"); }); $('.site-header .mobile-header .header-bottom-slide .header-bottom-slide-inner .container .mobile-header-wrap > .close').click(function () { $('body').removeClass('mobile-menu-active'); $('.site-header .mobile-header .header-bottom-slide .header-bottom-slide-inner ').css("transform", "translate(-100%,0)"); }); /* article share mobile toggle --------------------------------------------- */ $('.single .content-area article .article-meta .post-share .post-share-title ').on('click', function () { $('.single.single-post .content-area .site-main > article .article-meta .post-share .social-networks').slideToggle(); }); /* secondary Navigation --------------------------------------------- */ $('.secondary-nav .toggle-btn, .secondary-nav .close-btn').on('click', function () { if ($('#wpadminbar').length) { $('.site-header .secondary-nav > div').animate({ width: 'toggle', 'top': adminbarHeight }); } else { $('.site-header .secondary-nav > div').animate({ width: 'toggle' }); } }); /* Navigation Accessiblity --------------------------------------------- */ $('.nav-menu li a, .nav-menu li .submenu-toggle-btn').on('focus', function () { $(this).parents('li').addClass('focus'); }).blur(function () { $(this).parents('li').removeClass('focus'); }); /* Scroll top --------------------------------------------- */ $(window).on('scroll', function () { if ($(this).scrollTop() > 200) { $('.back-to-top').addClass('active'); } else { $('.back-to-top').removeClass('active'); } }); $('.back-to-top').on('click', function () { $('body,html').animate({ scrollTop: 0, }, 600); }); var slider_auto, slider_loop, rtl, header_layout, winWidth; if (blossom_floral_pro_data.auto == '1') { slider_auto = true; } else { slider_auto = false; } if (blossom_floral_pro_data.loop == '1') { slider_loop = true; } else { slider_loop = false; } if (blossom_floral_pro_data.rtl == '1') { rtl = true; } else { rtl = false; } // widgets var day = $('.wp-calendar-table #today').text(); $('.wp-calendar-table #today').html('' + day + ''); /* Banner --------------------------------------------- */ $('.site-banner.slider-one .banner-wrapper').owlCarousel({ items: 1, loop: slider_loop, autoplay: slider_auto, dots: false, rtl: rtl, nav: true, autoplaySpeed: 800, autoplayTimeout: blossom_floral_pro_data.speed, animateOut: blossom_floral_pro_data.animation, center: true, responsive: { 0: { margin: 10, stagePadding: 30, center: false, }, 768: { margin: 10, stagePadding: 80, center: true, }, 1025: { margin: 40, stagePadding: 150, }, 1200: { dots: false, nav: true, margin: 60, stagePadding: 200, }, 1367: { margin: 80, stagePadding: 300, }, 1501: { margin: 90, stagePadding: 342, } } }); //banner 2 $('.site-banner.slider-two .banner-wrapper').owlCarousel({ items: 1, loop: slider_loop, rtl: rtl, autoplay: slider_auto, autoplaySpeed: 800, autoplayTimeout: blossom_floral_pro_data.speed, animateOut: blossom_floral_pro_data.animation, nav: true, dots: false, responsive: { 0: { nav: true, dots: false, }, 768: { nav: true, dots: false, margin: 45, items: 2, }, 992: { dots: false, nav: true, margin: 45, items: 2, }, 1200: { dots: false, nav: true, margin: 45, items: 3, }, } }); if ($('.site-banner.slider-two .banner-wrapper .item').length > 1) { $('.site-banner.slider-two .banner-wrapper ').on('translate.owl.carousel', function (event) { $(this).find(".owl-item.active").addClass("animated owl-animated-out"); $(this).find(".owl-item.active").addClass(blossom_floral_pro_data.animation); }); $('.site-banner.slider-two .banner-wrapper ').on('translated.owl.carousel ', function (event) { $(this).find(".owl-item.active").removeClass("animated owl-animated-out"); $(this).find(".owl-item.active").removeClass(blossom_floral_pro_data.animation); }); } //banner 3 $('.site-banner.slider-three .banner-wrapper').owlCarousel({ items: 1, loop: slider_loop, rtl: rtl, autoplay: slider_auto, autoplaySpeed: 800, autoplayTimeout: blossom_floral_pro_data.speed, animateOut: blossom_floral_pro_data.animation, nav: true, dots: false, }); //banner 4 $('.site-banner.slider-four .banner-wrapper').owlCarousel({ items: 1, rtl: rtl, loop: slider_loop, autoplay: slider_auto, autoplaySpeed: 800, autoplayTimeout: blossom_floral_pro_data.speed, animateOut: blossom_floral_pro_data.animation, nav: true, dots: false, responsive: { 0: { nav: true, dots: false, }, 768: { nav: true, dots: false, margin: 0, items: 2, }, 992: { dots: false, nav: true, margin: 0, items: 2, }, 1200: { dots: false, nav: true, margin: 0, items: 3, }, } }); if ($('.site-banner.slider-four .banner-wrapper .item').length > 1) { $('.site-banner.slider-four .banner-wrapper ').on('translate.owl.carousel', function (event) { $(this).find(".owl-item.active").addClass("animated owl-animated-out"); $(this).find(".owl-item.active").addClass(blossom_floral_pro_data.animation); }); $('.site-banner.slider-four .banner-wrapper ').on('translated.owl.carousel ', function (event) { $(this).find(".owl-item.active").removeClass("animated owl-animated-out"); $(this).find(".owl-item.active").removeClass(blossom_floral_pro_data.animation); }); } //banner 5 $('.site-banner.slider-five .banner-wrapper').owlCarousel({ items: 1, rtl: rtl, loop: slider_loop, autoplay: slider_auto, autoplaySpeed: 800, autoplayTimeout: blossom_floral_pro_data.speed, animateOut: blossom_floral_pro_data.animation, nav: true, dots: false, }); //banner 6 $('.site-banner.slider-six .banner-wrapper').owlCarousel({ items: 1, rtl: rtl, loop: slider_loop, autoplay: slider_auto, autoplaySpeed: 800, autoplayTimeout: blossom_floral_pro_data.speed, animateOut: blossom_floral_pro_data.animation, nav: true, dots: false, }); //banner 7 $('.site-banner.slider-seven .banner-wrapper').owlCarousel({ items: 1, rtl: rtl, loop: slider_loop, autoplay: slider_auto, autoplaySpeed: 800, autoplayTimeout: blossom_floral_pro_data.speed, animateOut: blossom_floral_pro_data.animation, nav: true, dots: false, }); //banner 8 $('.site-banner.slider-eight .banner-wrapper').owlCarousel({ items: 1, rtl: rtl, loop: slider_loop, autoplay: slider_auto, autoplaySpeed: 800, autoplayTimeout: blossom_floral_pro_data.speed, animateOut: blossom_floral_pro_data.animation, nav: true, dots: false, }); /* promo section owl-carousel --------------------------------------------- */ $('.promo-section .bttk-itw-holder').addClass('owl-carousel'); $('.promo-section .bttk-itw-holder').owlCarousel({ items: 3, margin: 30, autoplay: false, loop: true, rtl: rtl, nav: true, dots: false, autoplaySpeed: 800, autoplayTimeout: 3000, responsive: { 0: { items: 1, }, 768: { items: 2, }, 1025: { items: 3, nav: true } } }); // Shop Section slider $('.shop-slider').owlCarousel({ nav: false, dots: true, rtl: rtl, lazyLoad: true, responsive: { 0: { items: 1, margin: 15 }, 768: { items: 3, margin: 15 }, 1200: { items: 4, margin: 15 }, 1440: { margin: 40, items: 4 } } }); // Bottom shop slider $('.bottom-shop-slider').owlCarousel({ dots: false, nav: true, rtl: rtl, lazyLoad: true, responsive: { 0: { items: 1, margin: 0 }, 768: { items: 3, margin: 20 }, 1025: { items: 4, margin: 22 }, 1200: { items: 5, margin: 22 } } }); /** Lightbox */ if (blossom_floral_pro_data.lightbox == '1') { $('.entry-content').find('.gallery-columns-1').find('.gallery-icon > a').attr('data-fancybox', 'group1'); $('.entry-content').find('.gallery-columns-2').find('.gallery-icon > a').attr('data-fancybox', 'group2'); $('.entry-content').find('.gallery-columns-3').find('.gallery-icon > a').attr('data-fancybox', 'group3'); $('.entry-content').find('.gallery-columns-4').find('.gallery-icon > a').attr('data-fancybox', 'group4'); $('.entry-content').find('.gallery-columns-5').find('.gallery-icon > a').attr('data-fancybox', 'group5'); $('.entry-content').find('.gallery-columns-6').find('.gallery-icon > a').attr('data-fancybox', 'group6'); $('.entry-content').find('.gallery-columns-7').find('.gallery-icon > a').attr('data-fancybox', 'group7'); $('.entry-content').find('.gallery-columns-8').find('.gallery-icon > a').attr('data-fancybox', 'group8'); $('.entry-content').find('.gallery-columns-9').find('.gallery-icon > a').attr('data-fancybox', 'group9'); $("a[href$='.jpg'],a[href$='.jpeg'],a[href$='.png'],a[href$='.gif'],[data-fancybox]").fancybox({ buttons: [ "zoom", //"share", "slideShow", "fullScreen", //"download", //"thumbs", "close" ] }); } /** * First Letter of word to Drop Cap * https://stackoverflow.com/questions/5458605/first-word-selector * https://paulund.co.uk/capitalize-first-letter-string-javascript */ $.fn.wrapStart = function (numWords) { var node = this.contents().filter(function () { return this.nodeType == 3; }).first(), text = node.text(), first = text.split(" ", numWords).join(" "); firstLetter = first.charAt(0); finale = '' + firstLetter + '' + first.slice(1); if (!node.length) return; node[0].nodeValue = text.slice(first.length); node.before(finale); }; if (($('.post-template-default').length > 0 || ($('.page-template-default').length > 0 && $('.home').length == 0)) && blossom_floral_pro_data.drop_cap == 1) { $('.entry-content p').wrapStart(1); } /** Sticky Header */ if (blossom_floral_pro_data.sticky == '1' && blossom_floral_pro_data.singular != '1') { var mns = "sticky-menu"; holder = $('.header-holder'); header_layout = blossom_floral_pro_data.h_layout; navhol = (header_layout == 'six' || header_layout == 'okseven') ? $('.main-header') : $('.navigation-holder'); hdr = holder.outerHeight(); nav = navhol.outerHeight(); if (header_layout == 'four') { holder.addClass(mns); $('.sticky-holder').height(hdr); } else if (header_layout == 'five') { $('.site-header').addClass(mns); var ht = $('.site-header').outerHeight(); $('.sticky-holder').height(ht); } else if (header_layout == 'eight') { holder.addClass(mns); $('.sticky-holder').height(hdr); } else { $(window).on('scroll', function () { if ($(this).scrollTop() > hdr) { navhol.addClass(mns); $('.sticky-holder').height(nav); } else { navhol.removeClass(mns); $('.sticky-holder').height(0); } }); } } //Sticky widget if (blossom_floral_pro_data.sticky_widget == '1' && winWidth > 1024) { $("#secondary").stick_in_parent({ offset_top: 60, }); } /* popular-post owl-carousel --------------------------------------------- */ $('.popular-post .popular-post-wrapper .post-grid').owlCarousel({ items: 1, loop: true, nav: true, rtl: rtl, center: true, responsive: { 0: { items: 1 }, 768: { margin: 30, center: false, items: 2 }, 992: { margin: 30, center: true, items: 3, }, 1200: { items: 3.5, margin: 60, } } }); /* masonry init --------------------------------------------- */ //Home Page Masonry var $masonry_grid = $('.masonry-layout .site-main img.wp-post-image'); function blossom_floral_pro_masonry_update() { var $grid = $('.masonry-layout .site-main'); $grid.imagesLoaded(function () { $grid.masonry({ itemSelector: 'article', percentPosition: true, }); }); } if( $masonry_grid.length > 0 ){ $masonry_grid.on( 'load', function() { blossom_floral_pro_masonry_update(); }); } });