1186 lines
37 KiB
JavaScript
1186 lines
37 KiB
JavaScript
|
/* -------------------------------------------------------------------------------- /
|
||
|
|
|
||
|
|
Magentech jQuery
|
||
|
|
Created by Magentech
|
||
|
|
v1.0 - 20.9.2016
|
||
|
|
All rights reserved.
|
||
|
|
|
||
|
|
+----------------------------------------------------+
|
||
|
|
TABLE OF CONTENTS
|
||
|
|
+----------------------------------------------------+
|
||
|
|
[1] Home page 1
|
||
|
|
[2] Home page 2
|
||
|
|
[2] Home page 5
|
||
|
|
[3] Home page 6
|
||
|
|
[4] Home page 8
|
||
|
|
|
||
|
|
/ -------------------------------------------------------------------------------- */
|
||
|
|
|
||
|
|
"use strict"
|
||
|
|
|
||
|
|
|
||
|
|
/* ---------------------------------------------------
|
||
|
|
Home page 1
|
||
|
|
-------------------------------------------------- */
|
||
|
|
|
||
|
|
$(document).ready(function(){
|
||
|
|
// $(".vertical-wrapper").css('display', 'block');
|
||
|
|
});
|
||
|
|
$('.time-box').each(function(){
|
||
|
|
$(this).countdown('2018/01/10', function(event) {
|
||
|
|
$(this).html(event.strftime("<div class='day-time time'><div class='num-day num-time'>%D</div><div class='name-day name-time'>Days</div></div><div class='hour-time time'><div class='num-hour num-time'>%H</div><div class='name-hour name-time'>Hours</div></div><div class='min-time time'><div class='num-min num-time'>%M</div><div class='name-min name-time'>Mins</div></div><div class='sec-time time'><div class='num-sec num-time'>%S</div><div class='name-sec name-time'>Secs</div></div>"));
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
$('.time-box-2').countdown('2017/11/10', function(event) {
|
||
|
|
$(this).html(event.strftime("<div class='day-time time'><div class='num-day num-time'>%D</div><div class='name-day name-time'>Days</div></div><div class='hour-time time'><div class='num-hour num-time'>%H</div><div class='name-hour name-time'>Hours</div></div><div class='min-time time'><div class='num-min num-time'>%M</div><div class='name-min name-time'>Mins</div></div><div class='sec-time time'><div class='num-sec num-time'>%S</div><div class='name-sec name-time'>Secs</div></div>"));
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
$(document).ready(function(){
|
||
|
|
$(".layout-home1 #sosearchpro .button-xs").click(function(){
|
||
|
|
if(!$(this).hasClass("open")){
|
||
|
|
$(this).addClass("open");
|
||
|
|
} else{
|
||
|
|
$(this).removeClass("open");
|
||
|
|
}
|
||
|
|
if(!$(".layout-home1 #sosearchpro #search0").hasClass("open")){
|
||
|
|
$(".layout-home1 #sosearchpro #search0").addClass("open");
|
||
|
|
} else{
|
||
|
|
$(".layout-home1 #sosearchpro #search0").removeClass("open");
|
||
|
|
}
|
||
|
|
});
|
||
|
|
});
|
||
|
|
/* ---------------------------------------------------
|
||
|
|
Home page 2
|
||
|
|
-------------------------------------------------- */
|
||
|
|
|
||
|
|
|
||
|
|
$('.time-sale').countdown('2018/01/10', function(event) {
|
||
|
|
$(this).html(event.strftime('<span class="time-day">%D days</span><span class="time-hour"> %H : %M : %S</span>'));
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
/* ---------------------------------------------------
|
||
|
|
Home page 3
|
||
|
|
-------------------------------------------------- */
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
$(document).ready(function(){
|
||
|
|
$("#header .search .btn-search").click(function(){
|
||
|
|
if(!$(".search .btn-search").hasClass("open")){
|
||
|
|
$(".search .btn-search").addClass("open");
|
||
|
|
} else{
|
||
|
|
$(this).removeClass("open");
|
||
|
|
}
|
||
|
|
if(!$(".search .input-search").hasClass("open")){
|
||
|
|
$(".search .input-search").addClass("open");
|
||
|
|
} else{
|
||
|
|
$(".search .input-search").removeClass("open");
|
||
|
|
}
|
||
|
|
});
|
||
|
|
$(".btn-shopping-cart").click(function(){
|
||
|
|
if($(".search .btn-search").hasClass("open")){
|
||
|
|
$(".search .btn-search").removeClass("open");
|
||
|
|
}
|
||
|
|
if($(".search .input-search").hasClass("open")){
|
||
|
|
$(".search .input-search").removeClass("open");
|
||
|
|
}
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/* ---------------------------------------------------
|
||
|
|
Home page 3
|
||
|
|
-------------------------------------------------- */
|
||
|
|
|
||
|
|
$(document).ready(function(){
|
||
|
|
$(".product-load").css("display", "none");
|
||
|
|
$(".layout-home7 #product1 .loadmore").click(function(){
|
||
|
|
$("#product1 .product-load").css("display", "block");
|
||
|
|
});
|
||
|
|
$(".layout-home7 #product2 .loadmore").click(function(){
|
||
|
|
$("#product2 .product-load").css("display", "block");
|
||
|
|
});
|
||
|
|
$(".layout-home7 #product3 .loadmore").click(function(){
|
||
|
|
$("#product3 .product-load").css("display", "block");
|
||
|
|
});
|
||
|
|
$(".layout-home7 #product4 .loadmore").click(function(){
|
||
|
|
$("#product4 .product-load").css("display", "block");
|
||
|
|
});
|
||
|
|
$(".layout-home7 #product5 .loadmore").click(function(){
|
||
|
|
$("#product5 .product-load").css("display", "block");
|
||
|
|
});
|
||
|
|
$(".layout-home7 #product6 .loadmore").click(function(){
|
||
|
|
$("#product6 .product-load").css("display", "block");
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
/* ---------------------------------------------------
|
||
|
|
Home page 3
|
||
|
|
-------------------------------------------------- */
|
||
|
|
|
||
|
|
$(document).ready(function(){
|
||
|
|
$(".vidiblle-header").click(function(){
|
||
|
|
if(!$(".vidiblle-header").hasClass("open")){
|
||
|
|
$(".vidiblle-header").addClass("open");
|
||
|
|
} else{
|
||
|
|
$(this).removeClass("open");
|
||
|
|
}
|
||
|
|
if(!$("#header").hasClass("open")){
|
||
|
|
$("#header").addClass("open");
|
||
|
|
} else{
|
||
|
|
$("#header").removeClass("open");
|
||
|
|
}
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/* ---------------------------------------------------
|
||
|
|
Listing Tabs - Slider
|
||
|
|
-------------------------------------------------- */
|
||
|
|
|
||
|
|
(function(element) {
|
||
|
|
var $element = $(element),
|
||
|
|
$tab = $('.ltabs-tab', $element),
|
||
|
|
$tab_label = $('.ltabs-tab-label', $tab),
|
||
|
|
$tabs = $('.ltabs-tabs', $element),
|
||
|
|
ajax_url = $tabs.parents('.ltabs-tabs-container').attr('data-ajaxurl'),
|
||
|
|
effect = $tabs.parents('.ltabs-tabs-container').attr('data-effect'),
|
||
|
|
delay = $tabs.parents('.ltabs-tabs-container').attr('data-delay'),
|
||
|
|
duration = $tabs.parents('.ltabs-tabs-container').attr('data-duration'),
|
||
|
|
type_source = $tabs.parents('.ltabs-tabs-container').attr('data-type_source'),
|
||
|
|
|
||
|
|
$col_lg = $tabs.parents('.ltabs-tabs-container').attr('data-lg'),
|
||
|
|
$col_md = $tabs.parents('.ltabs-tabs-container').attr('data-md'),
|
||
|
|
$col_sm = $tabs.parents('.ltabs-tabs-container').attr('data-sm'),
|
||
|
|
$col_xs = $tabs.parents('.ltabs-tabs-container').attr('data-xs'),
|
||
|
|
$margin = $tabs.parents('.ltabs-tabs-container').attr('data-margin'),
|
||
|
|
|
||
|
|
$items_content = $('.ltabs-items', $element),
|
||
|
|
$items_inner = $('.ltabs-items-inner', $items_content),
|
||
|
|
$items_first_active = $('.ltabs-items-selected', $element),
|
||
|
|
$select_box = $('.ltabs-selectbox', $element),
|
||
|
|
$tab_label_select = $('.ltabs-tab-selected', $element),
|
||
|
|
setting = '2',
|
||
|
|
type_show = 'slider';
|
||
|
|
enableSelectBoxes();
|
||
|
|
|
||
|
|
/* First Ajax Listing tabs*/
|
||
|
|
var el = $('.tab-sel',$element).attr('data-active-content'),
|
||
|
|
el_active = $(el,$element);
|
||
|
|
listing_tab_ajax(el_active);
|
||
|
|
|
||
|
|
function enableSelectBoxes() {
|
||
|
|
var $tab_wrap = $('.ltabs-tabs-wrap', $element);
|
||
|
|
$tab_label_select.html($('.ltabs-tab', $element).filter('.tab-sel').children('.ltabs-tab-label').html());
|
||
|
|
if ($(window).innerWidth() <= 767) {
|
||
|
|
$tab_wrap.addClass('ltabs-selectbox');
|
||
|
|
} else {
|
||
|
|
$tab_wrap.removeClass('ltabs-selectbox');
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
$('span.ltabs-tab-selected, span.ltabs-tab-arrow', $element).click(function() {
|
||
|
|
if ($('.ltabs-tabs', $element).hasClass('ltabs-open')) {
|
||
|
|
$('.ltabs-tabs', $element).removeClass('ltabs-open');
|
||
|
|
} else {
|
||
|
|
$('.ltabs-tabs', $element).addClass('ltabs-open');
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
$(window).resize(function() {
|
||
|
|
if ($(window).innerWidth() <= 767) {
|
||
|
|
$('.ltabs-tabs-wrap', $element).addClass('ltabs-selectbox');
|
||
|
|
} else {
|
||
|
|
$('.ltabs-tabs-wrap', $element).removeClass('ltabs-selectbox');
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
function showAnimateItems(el) {
|
||
|
|
var $_items = $('.new-ltabs-item', el), nub = 0;
|
||
|
|
$('.ltabs-loadmore-btn', el).fadeOut('fast');
|
||
|
|
$_items.each(function (i) {
|
||
|
|
nub++;
|
||
|
|
switch(effect) {
|
||
|
|
case 'none' : $(this).css({'opacity':'1','filter':'alpha(opacity = 100)'}); break;
|
||
|
|
default: animatesItems($(this),nub*delay,i,el);
|
||
|
|
}
|
||
|
|
if (i == $_items.length - 1) {
|
||
|
|
$('.ltabs-loadmore-btn', el).fadeIn(3000);
|
||
|
|
}
|
||
|
|
$(this).removeClass('new-ltabs-item');
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
function animatesItems($this,fdelay,i,el) {
|
||
|
|
var $_items = $('.ltabs-item', el);
|
||
|
|
$this.stop(true, true).attr("style",
|
||
|
|
"-webkit-animation:" + effect +" "+ duration +"ms;"
|
||
|
|
+ "-moz-animation:" + effect +" "+ duration +"ms;"
|
||
|
|
+ "-o-animation:" + effect +" "+ duration +"ms;"
|
||
|
|
+ "-moz-animation-delay:" + fdelay + "ms;"
|
||
|
|
+ "-webkit-animation-delay:" + fdelay + "ms;"
|
||
|
|
+ "-o-animation-delay:" + fdelay + "ms;"
|
||
|
|
+ "animation-delay:" + fdelay + "ms;").delay(fdelay).animate({
|
||
|
|
opacity: 1,
|
||
|
|
filter: 'alpha(opacity = 100)'
|
||
|
|
}, {
|
||
|
|
delay: 1000
|
||
|
|
});
|
||
|
|
if (i == ($_items.length - 1)) {
|
||
|
|
$(".ltabs-items-inner").addClass("play");
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
function updateStatus($el) {
|
||
|
|
$('.ltabs-loadmore-btn', $el).removeClass('loading');
|
||
|
|
var countitem = $('.ltabs-item', $el).length;
|
||
|
|
$('.ltabs-image-loading', $el).css({display: 'none'});
|
||
|
|
$('.ltabs-loadmore-btn', $el).parent().attr('data-rl_start', countitem);
|
||
|
|
var rl_total = $('.ltabs-loadmore-btn', $el).parent().attr('data-rl_total');
|
||
|
|
var rl_load = $('.ltabs-loadmore-btn', $el).parent().attr('data-rl_load');
|
||
|
|
var rl_allready = $('.ltabs-loadmore-btn', $el).parent().attr('data-rl_allready');
|
||
|
|
|
||
|
|
if (countitem >= rl_total) {
|
||
|
|
$('.ltabs-loadmore-btn', $el).addClass('loaded');
|
||
|
|
$('.ltabs-image-loading', $el).css({display: 'none'});
|
||
|
|
$('.ltabs-loadmore-btn', $el).attr('data-label', rl_allready);
|
||
|
|
$('.ltabs-loadmore-btn', $el).removeClass('loading');
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
function listing_tab_ajax(category_id ) {
|
||
|
|
var parent_active = $(category_id),
|
||
|
|
total_product = parent_active.data('total'),
|
||
|
|
tab_active = $('.ltabs-items-inner', parent_active),
|
||
|
|
nb_column0 = $col_lg,
|
||
|
|
nb_column1 = $col_md,
|
||
|
|
nb_column2 = $col_sm,
|
||
|
|
nb_column3 = $col_xs,
|
||
|
|
nb_margin = parseInt($margin, 10);
|
||
|
|
tab_active.owlCarousel({
|
||
|
|
nav: true,
|
||
|
|
dots: false,
|
||
|
|
|
||
|
|
loop: false,
|
||
|
|
autoplay: false,
|
||
|
|
lazyLoad: true,
|
||
|
|
autoplayHoverPause: true,
|
||
|
|
autoplayTimeout: 5000,
|
||
|
|
autoplaySpeed: 5000,
|
||
|
|
navRewind: true,
|
||
|
|
navText: ['', ''],
|
||
|
|
margin: nb_margin ,
|
||
|
|
responsive: {
|
||
|
|
0: {
|
||
|
|
items: nb_column3,
|
||
|
|
nav: total_product <= nb_column3 ? false : ((true) ? true : false),
|
||
|
|
},
|
||
|
|
767: {
|
||
|
|
items: nb_column2,
|
||
|
|
nav: total_product <= nb_column2 ? false : ((true) ? true : false),
|
||
|
|
},
|
||
|
|
991: {
|
||
|
|
items: nb_column1,
|
||
|
|
nav: total_product <= nb_column1 ? false : ((true) ? true : false),
|
||
|
|
},
|
||
|
|
1199: {
|
||
|
|
items: nb_column0,
|
||
|
|
|
||
|
|
nav: total_product <= nb_column0 ? false : ((true) ? true : false),
|
||
|
|
},
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
/*Quick View*/
|
||
|
|
$('.iframe-link').magnificPopup({
|
||
|
|
type:'iframe',
|
||
|
|
fixedContentPos: true,
|
||
|
|
fixedBgPos: true,
|
||
|
|
overflowY: 'auto',
|
||
|
|
closeBtnInside: true,
|
||
|
|
closeOnContentClick: true,
|
||
|
|
preloader: true,
|
||
|
|
midClick: true,
|
||
|
|
removalDelay: 300,
|
||
|
|
mainClass: 'my-mfp-zoom-in',
|
||
|
|
//gallery: { enabled: true }
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
$( '.product_1846281811484147376 .thumbs-product .item-img', $(category_id) ).click(function() {
|
||
|
|
$( '.product_1846281811484147376 .thumbs-product .item-img', $(category_id) ).removeClass('thumb-active');
|
||
|
|
$(this).addClass('thumb-active');
|
||
|
|
var thumb_src = $(this).attr("data-src");
|
||
|
|
$( ".product_1846281811484147376 .product-image-container img", $(category_id)).attr("src",thumb_src);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
$tab.on('click.ltabs-tab', function () {
|
||
|
|
|
||
|
|
var $this = $(this);
|
||
|
|
if ($this.hasClass('tab-sel')) return false;
|
||
|
|
if ($this.parents('.ltabs-tabs').hasClass('ltabs-open')) {
|
||
|
|
$this.parents('.ltabs-tabs').removeClass('ltabs-open');
|
||
|
|
}
|
||
|
|
$tab.removeClass('tab-sel');
|
||
|
|
$this.addClass('tab-sel');
|
||
|
|
var items_active = $this.attr('data-active-content');
|
||
|
|
var _items_active = $(items_active,$element);
|
||
|
|
$items_content.removeClass('ltabs-items-selected');
|
||
|
|
_items_active.addClass('ltabs-items-selected');
|
||
|
|
$tab_label_select.html($tab.filter('.tab-sel').children('.ltabs-tab-label').html());
|
||
|
|
var $loading = $('.ltabs-loading', _items_active);
|
||
|
|
var loaded = _items_active.hasClass('ltabs-items-loaded');
|
||
|
|
|
||
|
|
|
||
|
|
type_show =$tabs.parents('.ltabs-tabs-container').attr('data-type_show');
|
||
|
|
if (!loaded && !_items_active.hasClass('ltabs-process')) {
|
||
|
|
_items_active.addClass('ltabs-process');
|
||
|
|
var category_id = $this.attr('data-category-id'),
|
||
|
|
path_url = 'ajax/listingtab_',
|
||
|
|
ajax_url = $tabs.parents('.ltabs-tabs-container').attr('data-ajaxurl')+path_url+category_id+ '.html';
|
||
|
|
|
||
|
|
$loading.show();
|
||
|
|
$.ajax({
|
||
|
|
type: 'POST',
|
||
|
|
url: ajax_url,
|
||
|
|
//dataType: 'json',// when on gave connection errors
|
||
|
|
data: {
|
||
|
|
is_ajax_listing_tabs: 1,
|
||
|
|
ajax_reslisting_start: 1,
|
||
|
|
categoryid: category_id,
|
||
|
|
setting: setting,
|
||
|
|
lbmoduleid: 1,
|
||
|
|
},
|
||
|
|
success: function (data) {
|
||
|
|
|
||
|
|
if (data != '') {
|
||
|
|
|
||
|
|
$('.ltabs-loading', _items_active).replaceWith(data);
|
||
|
|
_items_active.addClass('ltabs-items-loaded').removeClass('ltabs-process');
|
||
|
|
$loading.remove();
|
||
|
|
if (type_show != 'slider') {
|
||
|
|
showAnimateItems(_items_active);
|
||
|
|
}
|
||
|
|
updateStatus(_items_active);
|
||
|
|
listing_tab_ajax(_items_active);
|
||
|
|
}
|
||
|
|
if(typeof(_SoQuickView) != 'undefined'){
|
||
|
|
_SoQuickView();
|
||
|
|
}
|
||
|
|
|
||
|
|
},
|
||
|
|
error: function(xhr, ajaxOptions, thrownError) {
|
||
|
|
alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
|
||
|
|
}
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
} else {
|
||
|
|
if (type_show == 'loadmore') {
|
||
|
|
$('.ltabs-item', $items_content).removeAttr('style').addClass('new-ltabs-item');
|
||
|
|
showAnimateItems(_items_active);
|
||
|
|
}else{
|
||
|
|
var $tag_id = $element;
|
||
|
|
var owl = $('.owl2-carousel' , _items_active);
|
||
|
|
var $navpage = $(".wap-listing-tabs", $tag_id);
|
||
|
|
$navpage.siblings(".owl2-controls").addClass('hidden');
|
||
|
|
|
||
|
|
owl = owl.data('owlCarousel');
|
||
|
|
|
||
|
|
if (typeof owl !== 'undefined') {
|
||
|
|
owl.onResize();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
})('#so_listing_tabs_1');
|
||
|
|
|
||
|
|
(function(element) {
|
||
|
|
var $element = $(element),
|
||
|
|
$tab = $('.ltabs-tab', $element),
|
||
|
|
$tab_label = $('.ltabs-tab-label', $tab),
|
||
|
|
$tabs = $('.ltabs-tabs', $element),
|
||
|
|
ajax_url = $tabs.parents('.ltabs-tabs-container').attr('data-ajaxurl'),
|
||
|
|
effect = $tabs.parents('.ltabs-tabs-container').attr('data-effect'),
|
||
|
|
delay = $tabs.parents('.ltabs-tabs-container').attr('data-delay'),
|
||
|
|
duration = $tabs.parents('.ltabs-tabs-container').attr('data-duration'),
|
||
|
|
type_source = $tabs.parents('.ltabs-tabs-container').attr('data-type_source'),
|
||
|
|
$margin = $tabs.parents('.ltabs-tabs-container').attr('data-margin'),
|
||
|
|
|
||
|
|
$col_lg = $tabs.parents('.ltabs-tabs-container').attr('data-lg'),
|
||
|
|
$col_md = $tabs.parents('.ltabs-tabs-container').attr('data-md'),
|
||
|
|
$col_sm = $tabs.parents('.ltabs-tabs-container').attr('data-sm'),
|
||
|
|
$col_xs = $tabs.parents('.ltabs-tabs-container').attr('data-xs'),
|
||
|
|
|
||
|
|
|
||
|
|
$items_content = $('.ltabs-items', $element),
|
||
|
|
$items_inner = $('.ltabs-items-inner', $items_content),
|
||
|
|
$items_first_active = $('.ltabs-items-selected', $element),
|
||
|
|
$select_box = $('.ltabs-selectbox', $element),
|
||
|
|
$tab_label_select = $('.ltabs-tab-selected', $element),
|
||
|
|
setting = '2',
|
||
|
|
type_show = 'slider';
|
||
|
|
enableSelectBoxes();
|
||
|
|
|
||
|
|
/* First Ajax Listing tabs*/
|
||
|
|
var el = $('.tab-sel',$element).attr('data-active-content'),
|
||
|
|
el_active = $(el,$element);
|
||
|
|
listing_tab_ajax(el_active);
|
||
|
|
|
||
|
|
function enableSelectBoxes() {
|
||
|
|
var $tab_wrap = $('.ltabs-tabs-wrap', $element);
|
||
|
|
$tab_label_select.html($('.ltabs-tab', $element).filter('.tab-sel').children('.ltabs-tab-label').html());
|
||
|
|
if ($(window).innerWidth() <= 767) {
|
||
|
|
$tab_wrap.addClass('ltabs-selectbox');
|
||
|
|
} else {
|
||
|
|
$tab_wrap.removeClass('ltabs-selectbox');
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
$('span.ltabs-tab-selected, span.ltabs-tab-arrow', $element).click(function() {
|
||
|
|
if ($('.ltabs-tabs', $element).hasClass('ltabs-open')) {
|
||
|
|
$('.ltabs-tabs', $element).removeClass('ltabs-open');
|
||
|
|
} else {
|
||
|
|
$('.ltabs-tabs', $element).addClass('ltabs-open');
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
$(window).resize(function() {
|
||
|
|
if ($(window).innerWidth() <= 767) {
|
||
|
|
$('.ltabs-tabs-wrap', $element).addClass('ltabs-selectbox');
|
||
|
|
} else {
|
||
|
|
$('.ltabs-tabs-wrap', $element).removeClass('ltabs-selectbox');
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
function showAnimateItems(el) {
|
||
|
|
var $_items = $('.new-ltabs-item', el), nub = 0;
|
||
|
|
$('.ltabs-loadmore-btn', el).fadeOut('fast');
|
||
|
|
$_items.each(function (i) {
|
||
|
|
nub++;
|
||
|
|
switch(effect) {
|
||
|
|
case 'none' : $(this).css({'opacity':'1','filter':'alpha(opacity = 100)'}); break;
|
||
|
|
default: animatesItems($(this),nub*delay,i,el);
|
||
|
|
}
|
||
|
|
if (i == $_items.length - 1) {
|
||
|
|
$('.ltabs-loadmore-btn', el).fadeIn(3000);
|
||
|
|
}
|
||
|
|
$(this).removeClass('new-ltabs-item');
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
function animatesItems($this,fdelay,i,el) {
|
||
|
|
var $_items = $('.ltabs-item', el);
|
||
|
|
$this.stop(true, true).attr("style",
|
||
|
|
"-webkit-animation:" + effect +" "+ duration +"ms;"
|
||
|
|
+ "-moz-animation:" + effect +" "+ duration +"ms;"
|
||
|
|
+ "-o-animation:" + effect +" "+ duration +"ms;"
|
||
|
|
+ "-moz-animation-delay:" + fdelay + "ms;"
|
||
|
|
+ "-webkit-animation-delay:" + fdelay + "ms;"
|
||
|
|
+ "-o-animation-delay:" + fdelay + "ms;"
|
||
|
|
+ "animation-delay:" + fdelay + "ms;").delay(fdelay).animate({
|
||
|
|
opacity: 1,
|
||
|
|
filter: 'alpha(opacity = 100)'
|
||
|
|
}, {
|
||
|
|
delay: 1000
|
||
|
|
});
|
||
|
|
if (i == ($_items.length - 1)) {
|
||
|
|
$(".ltabs-items-inner").addClass("play");
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
function updateStatus($el) {
|
||
|
|
$('.ltabs-loadmore-btn', $el).removeClass('loading');
|
||
|
|
var countitem = $('.ltabs-item', $el).length;
|
||
|
|
$('.ltabs-image-loading', $el).css({display: 'none'});
|
||
|
|
$('.ltabs-loadmore-btn', $el).parent().attr('data-rl_start', countitem);
|
||
|
|
var rl_total = $('.ltabs-loadmore-btn', $el).parent().attr('data-rl_total');
|
||
|
|
var rl_load = $('.ltabs-loadmore-btn', $el).parent().attr('data-rl_load');
|
||
|
|
var rl_allready = $('.ltabs-loadmore-btn', $el).parent().attr('data-rl_allready');
|
||
|
|
|
||
|
|
if (countitem >= rl_total) {
|
||
|
|
$('.ltabs-loadmore-btn', $el).addClass('loaded');
|
||
|
|
$('.ltabs-image-loading', $el).css({display: 'none'});
|
||
|
|
$('.ltabs-loadmore-btn', $el).attr('data-label', rl_allready);
|
||
|
|
$('.ltabs-loadmore-btn', $el).removeClass('loading');
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
function listing_tab_ajax(category_id ) {
|
||
|
|
var parent_active = $(category_id),
|
||
|
|
total_product = parent_active.data('total'),
|
||
|
|
tab_active = $('.ltabs-items-inner', parent_active),
|
||
|
|
nb_column0 = $col_lg,
|
||
|
|
nb_column1 = $col_md,
|
||
|
|
nb_column2 = $col_sm,
|
||
|
|
nb_column3 = $col_xs,
|
||
|
|
nb_margin = parseInt($margin, 10);
|
||
|
|
tab_active.owlCarousel({
|
||
|
|
nav: true,
|
||
|
|
dots: false,
|
||
|
|
|
||
|
|
loop: false,
|
||
|
|
autoplay: false,
|
||
|
|
lazyLoad: true,
|
||
|
|
autoplayHoverPause: true,
|
||
|
|
autoplayTimeout: 5000,
|
||
|
|
autoplaySpeed: 5000,
|
||
|
|
navRewind: true,
|
||
|
|
navText: ['', ''],
|
||
|
|
margin: nb_margin ,
|
||
|
|
responsive: {
|
||
|
|
0: {
|
||
|
|
items: nb_column3,
|
||
|
|
nav: total_product <= nb_column3 ? false : ((true) ? true : false),
|
||
|
|
},
|
||
|
|
767: {
|
||
|
|
items: nb_column2,
|
||
|
|
nav: total_product <= nb_column2 ? false : ((true) ? true : false),
|
||
|
|
},
|
||
|
|
991: {
|
||
|
|
items: nb_column1,
|
||
|
|
nav: total_product <= nb_column1 ? false : ((true) ? true : false),
|
||
|
|
},
|
||
|
|
1199: {
|
||
|
|
items: nb_column0,
|
||
|
|
nav: total_product <= nb_column0 ? false : ((true) ? true : false),
|
||
|
|
},
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
/*Quick View*/
|
||
|
|
$('.iframe-link').magnificPopup({
|
||
|
|
type:'iframe',
|
||
|
|
fixedContentPos: true,
|
||
|
|
fixedBgPos: true,
|
||
|
|
overflowY: 'auto',
|
||
|
|
closeBtnInside: true,
|
||
|
|
closeOnContentClick: true,
|
||
|
|
preloader: true,
|
||
|
|
midClick: true,
|
||
|
|
removalDelay: 300,
|
||
|
|
mainClass: 'my-mfp-zoom-in',
|
||
|
|
//gallery: { enabled: true }
|
||
|
|
});
|
||
|
|
|
||
|
|
$( '.product_1846281811484147376 .thumbs-product .item-img', $element ).click(function() {
|
||
|
|
$( '.product_1846281811484147376 .thumbs-product .item-img', $element ).removeClass('thumb-active');
|
||
|
|
$(this).addClass('thumb-active');
|
||
|
|
var thumb_src = $(this).attr("data-src");
|
||
|
|
$( ".product_1846281811484147376 .product-image-container img").attr("src",thumb_src);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
$tab.on('click.ltabs-tab', function () {
|
||
|
|
|
||
|
|
var $this = $(this);
|
||
|
|
if ($this.hasClass('tab-sel')) return false;
|
||
|
|
if ($this.parents('.ltabs-tabs').hasClass('ltabs-open')) {
|
||
|
|
$this.parents('.ltabs-tabs').removeClass('ltabs-open');
|
||
|
|
}
|
||
|
|
$tab.removeClass('tab-sel');
|
||
|
|
$this.addClass('tab-sel');
|
||
|
|
var items_active = $this.attr('data-active-content');
|
||
|
|
var _items_active = $(items_active,$element);
|
||
|
|
$items_content.removeClass('ltabs-items-selected');
|
||
|
|
_items_active.addClass('ltabs-items-selected');
|
||
|
|
$tab_label_select.html($tab.filter('.tab-sel').children('.ltabs-tab-label').html());
|
||
|
|
var $loading = $('.ltabs-loading', _items_active);
|
||
|
|
var loaded = _items_active.hasClass('ltabs-items-loaded');
|
||
|
|
|
||
|
|
|
||
|
|
type_show =$tabs.parents('.ltabs-tabs-container').attr('data-type_show');
|
||
|
|
if (!loaded && !_items_active.hasClass('ltabs-process')) {
|
||
|
|
_items_active.addClass('ltabs-process');
|
||
|
|
var category_id = $this.attr('data-category-id'),
|
||
|
|
path_url = 'ajax/listingtab_',
|
||
|
|
ajax_url = $tabs.parents('.ltabs-tabs-container').attr('data-ajaxurl')+path_url+category_id+ '.html';
|
||
|
|
|
||
|
|
$loading.show();
|
||
|
|
$.ajax({
|
||
|
|
type: 'POST',
|
||
|
|
url: ajax_url,
|
||
|
|
//dataType: 'json',// when on gave connection errors
|
||
|
|
data: {
|
||
|
|
is_ajax_listing_tabs: 1,
|
||
|
|
ajax_reslisting_start: 1,
|
||
|
|
categoryid: category_id,
|
||
|
|
setting: setting,
|
||
|
|
lbmoduleid: 1,
|
||
|
|
},
|
||
|
|
success: function (data) {
|
||
|
|
|
||
|
|
if (data != '') {
|
||
|
|
|
||
|
|
$('.ltabs-loading', _items_active).replaceWith(data);
|
||
|
|
_items_active.addClass('ltabs-items-loaded').removeClass('ltabs-process');
|
||
|
|
$loading.remove();
|
||
|
|
if (type_show != 'slider') {
|
||
|
|
showAnimateItems(_items_active);
|
||
|
|
}
|
||
|
|
updateStatus(_items_active);
|
||
|
|
listing_tab_ajax(_items_active);
|
||
|
|
}
|
||
|
|
if(typeof(_SoQuickView) != 'undefined'){
|
||
|
|
_SoQuickView();
|
||
|
|
}
|
||
|
|
|
||
|
|
},
|
||
|
|
error: function(xhr, ajaxOptions, thrownError) {
|
||
|
|
alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
|
||
|
|
}
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
} else {
|
||
|
|
if (type_show == 'loadmore') {
|
||
|
|
$('.ltabs-item', $items_content).removeAttr('style').addClass('new-ltabs-item');
|
||
|
|
showAnimateItems(_items_active);
|
||
|
|
}else{
|
||
|
|
var $tag_id = $element;
|
||
|
|
var owl = $('.owl2-carousel' , _items_active);
|
||
|
|
var $navpage = $(".wap-listing-tabs", $tag_id);
|
||
|
|
$navpage.siblings(".owl2-controls").addClass('hidden');
|
||
|
|
|
||
|
|
owl = owl.data('owlCarousel');
|
||
|
|
|
||
|
|
if (typeof owl !== 'undefined') {
|
||
|
|
owl.onResize();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
})('#so_listing_tabs_2');
|
||
|
|
|
||
|
|
/* ---------------------------------------------------
|
||
|
|
Owl carousel - Slider
|
||
|
|
-------------------------------------------------- */
|
||
|
|
|
||
|
|
$(document).ready(function ($) {
|
||
|
|
"use strict";
|
||
|
|
// Content slider
|
||
|
|
$('.yt-content-slider').each(function () {
|
||
|
|
var $slider = $(this),
|
||
|
|
$panels = $slider.children('div'),
|
||
|
|
data = $slider.data();
|
||
|
|
// Remove unwanted br's
|
||
|
|
//$slider.children(':not(.yt-content-slide)').remove();
|
||
|
|
// Apply Owl Carousel
|
||
|
|
$slider.owlCarousel({
|
||
|
|
responsiveClass: true,
|
||
|
|
mouseDrag: true,
|
||
|
|
video:true,
|
||
|
|
|
||
|
|
lazyLoad: (data.lazyload == 'yes') ? true : false,
|
||
|
|
autoplay: (data.autoplay == 'yes') ? true : false,
|
||
|
|
autoHeight: (data.autoheight == 'yes') ? true : false,
|
||
|
|
autoplayTimeout: data.delay * 1000,
|
||
|
|
smartSpeed: data.speed * 1000,
|
||
|
|
autoplayHoverPause: (data.hoverpause == 'yes') ? true : false,
|
||
|
|
center: (data.center == 'yes') ? true : false,
|
||
|
|
loop: (data.loop == 'yes') ? true : false,
|
||
|
|
dots: (data.pagination == 'yes') ? true : false,
|
||
|
|
nav: (data.arrows == 'yes') ? true : false,
|
||
|
|
dotClass: "owl-dot",
|
||
|
|
dotsClass: "owl-dots",
|
||
|
|
margin: data.margin,
|
||
|
|
navText: ['',''],
|
||
|
|
|
||
|
|
responsive: {
|
||
|
|
0: {
|
||
|
|
items: data.items_column4
|
||
|
|
},
|
||
|
|
480: {
|
||
|
|
items: data.items_column3
|
||
|
|
},
|
||
|
|
768: {
|
||
|
|
items: data.items_column2
|
||
|
|
},
|
||
|
|
992: {
|
||
|
|
items: data.items_column1
|
||
|
|
},
|
||
|
|
1200: {
|
||
|
|
items: data.items_column0
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
/* ---------------------------------------------------
|
||
|
|
1.Home page 5
|
||
|
|
-------------------------------------------------- */
|
||
|
|
$(document).ready(function(){
|
||
|
|
"use strict";
|
||
|
|
$('.so-extraslider').each(function () {
|
||
|
|
var $slider = $(this),
|
||
|
|
$panels = $slider.children('div'),
|
||
|
|
data = $slider.data();
|
||
|
|
// Remove unwanted br's
|
||
|
|
//$slider.children(':not(.yt-content-slide)').remove();
|
||
|
|
// Apply Owl Carousel
|
||
|
|
$slider.owlCarousel({
|
||
|
|
responsiveClass: true,
|
||
|
|
mouseDrag: true,
|
||
|
|
video:true,
|
||
|
|
|
||
|
|
lazyLoad: (data.lazyload == 'yes') ? true : false,
|
||
|
|
autoplay: (data.autoplay == 'yes') ? true : false,
|
||
|
|
autoHeight: (data.autoheight == 'yes') ? true : false,
|
||
|
|
autoplayTimeout: data.delay * 1000,
|
||
|
|
smartSpeed: data.speed * 1000,
|
||
|
|
autoplayHoverPause: (data.hoverpause == 'yes') ? true : false,
|
||
|
|
center: (data.center == 'yes') ? true : false,
|
||
|
|
loop: (data.loop == 'yes') ? true : false,
|
||
|
|
dots: (data.pagination == 'yes') ? true : false,
|
||
|
|
nav: (data.arrows == 'yes') ? true : false,
|
||
|
|
dotClass: "owl-dot",
|
||
|
|
dotsClass: "owl-dots",
|
||
|
|
margin: data.margin,
|
||
|
|
navText: ['',''],
|
||
|
|
afterLazyLoad: function(elem){
|
||
|
|
$('.iframe-link').magnificPopup({
|
||
|
|
type:'iframe',
|
||
|
|
fixedContentPos: true,
|
||
|
|
fixedBgPos: true,
|
||
|
|
overflowY: 'auto',
|
||
|
|
closeBtnInside: true,
|
||
|
|
closeOnContentClick: true,
|
||
|
|
preloader: true,
|
||
|
|
midClick: true,
|
||
|
|
removalDelay: 300,
|
||
|
|
mainClass: 'my-mfp-zoom-in',
|
||
|
|
//gallery: { enabled: true }
|
||
|
|
});
|
||
|
|
},
|
||
|
|
responsive: {
|
||
|
|
0: {
|
||
|
|
items: data.items_column4
|
||
|
|
},
|
||
|
|
480: {
|
||
|
|
items: data.items_column3
|
||
|
|
},
|
||
|
|
768: {
|
||
|
|
items: data.items_column2
|
||
|
|
},
|
||
|
|
992: {
|
||
|
|
items: data.items_column1
|
||
|
|
},
|
||
|
|
1200: {
|
||
|
|
items: data.items_column0
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
/* ---------------------------------------------------
|
||
|
|
2.Home page 6
|
||
|
|
-------------------------------------------------- */
|
||
|
|
var clientsay__owl = $('.slider-clientsay__owl');
|
||
|
|
clientsay__owl.owlCarousel({
|
||
|
|
loop:false,
|
||
|
|
margin:0,
|
||
|
|
responsiveClass:true,
|
||
|
|
nav: false,
|
||
|
|
dots: true,
|
||
|
|
autoplay : false,
|
||
|
|
dotsContainer: '.owl-dots',
|
||
|
|
responsive:{
|
||
|
|
0:{
|
||
|
|
items:1,
|
||
|
|
},
|
||
|
|
600:{
|
||
|
|
items:1,
|
||
|
|
},
|
||
|
|
1000:{
|
||
|
|
items:1,
|
||
|
|
}
|
||
|
|
}
|
||
|
|
})
|
||
|
|
|
||
|
|
$('.owl-dot').click(function () {
|
||
|
|
clientsay__owl.trigger('to.owl.carousel2', [$(this).index(), 300]);
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
$(document).ready(function($) {
|
||
|
|
var $tag_id = $('#so_listing_tabs1_home7'),
|
||
|
|
parent_active = $('.items-category-1', $tag_id),
|
||
|
|
total_product = parent_active.data('total'),
|
||
|
|
tab_active = $('.ltabs-items-inner', parent_active),
|
||
|
|
nb_column0 = 5,
|
||
|
|
nb_column1 = 4,
|
||
|
|
nb_column2 = 3,
|
||
|
|
nb_column3 = 1,
|
||
|
|
nb_column4 = 1;
|
||
|
|
tab_active.owlCarousel({
|
||
|
|
nav: true,
|
||
|
|
dots: false,
|
||
|
|
margin: 25,
|
||
|
|
loop: false,
|
||
|
|
autoplay: false,
|
||
|
|
autoplayHoverPause: true,
|
||
|
|
autoplayTimeout: 5000,
|
||
|
|
autoplaySpeed: 5000,
|
||
|
|
navRewind: true,
|
||
|
|
navText: ['', ''],
|
||
|
|
responsive: {
|
||
|
|
0: {
|
||
|
|
items: nb_column4,
|
||
|
|
nav: total_product <= nb_column4 ? false : ((true) ? true : false),
|
||
|
|
},
|
||
|
|
480: {
|
||
|
|
items: nb_column3,
|
||
|
|
nav: total_product <= nb_column3 ? false : ((true) ? true : false),
|
||
|
|
},
|
||
|
|
768: {
|
||
|
|
items: nb_column2,
|
||
|
|
nav: total_product <= nb_column2 ? false : ((true) ? true : false),
|
||
|
|
},
|
||
|
|
992: {
|
||
|
|
items: nb_column1,
|
||
|
|
nav: total_product <= nb_column1 ? false : ((true) ? true : false),
|
||
|
|
},
|
||
|
|
1200: {
|
||
|
|
items: nb_column0,
|
||
|
|
nav: total_product <= nb_column0 ? false : ((true) ? true : false),
|
||
|
|
},
|
||
|
|
}
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
$(document).ready(function($) {
|
||
|
|
var $tag_id = $('#so_listing_tabs1_home7'),
|
||
|
|
parent_active = $('.items-category-2', $tag_id),
|
||
|
|
total_product = parent_active.data('total'),
|
||
|
|
tab_active = $('.ltabs-items-inner', parent_active),
|
||
|
|
nb_column0 = 5,
|
||
|
|
nb_column1 = 4,
|
||
|
|
nb_column2 = 3,
|
||
|
|
nb_column3 = 1,
|
||
|
|
nb_column4 = 1;
|
||
|
|
tab_active.owlCarousel({
|
||
|
|
nav: true,
|
||
|
|
dots: false,
|
||
|
|
margin: 25,
|
||
|
|
loop: false,
|
||
|
|
autoplay: false,
|
||
|
|
autoplayHoverPause: true,
|
||
|
|
autoplayTimeout: 5000,
|
||
|
|
autoplaySpeed: 5000,
|
||
|
|
navRewind: true,
|
||
|
|
navText: ['', ''],
|
||
|
|
responsive: {
|
||
|
|
0: {
|
||
|
|
items: nb_column4,
|
||
|
|
nav: total_product <= nb_column4 ? false : ((true) ? true : false),
|
||
|
|
},
|
||
|
|
480: {
|
||
|
|
items: nb_column3,
|
||
|
|
nav: total_product <= nb_column3 ? false : ((true) ? true : false),
|
||
|
|
},
|
||
|
|
768: {
|
||
|
|
items: nb_column2,
|
||
|
|
nav: total_product <= nb_column2 ? false : ((true) ? true : false),
|
||
|
|
},
|
||
|
|
992: {
|
||
|
|
items: nb_column1,
|
||
|
|
nav: total_product <= nb_column1 ? false : ((true) ? true : false),
|
||
|
|
},
|
||
|
|
1200: {
|
||
|
|
items: nb_column0,
|
||
|
|
nav: total_product <= nb_column0 ? false : ((true) ? true : false),
|
||
|
|
},
|
||
|
|
}
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
$(document).ready(function($) {
|
||
|
|
var $tag_id = $('#so_listing_tabs1_home7'),
|
||
|
|
parent_active = $('.items-category-3', $tag_id),
|
||
|
|
total_product = parent_active.data('total'),
|
||
|
|
tab_active = $('.ltabs-items-inner', parent_active),
|
||
|
|
nb_column0 = 5,
|
||
|
|
nb_column1 = 4,
|
||
|
|
nb_column2 = 3,
|
||
|
|
nb_column3 = 1,
|
||
|
|
nb_column4 = 1;
|
||
|
|
tab_active.owlCarousel({
|
||
|
|
nav: true,
|
||
|
|
dots: false,
|
||
|
|
margin: 25,
|
||
|
|
loop: false,
|
||
|
|
autoplay: false,
|
||
|
|
autoplayHoverPause: true,
|
||
|
|
autoplayTimeout: 5000,
|
||
|
|
autoplaySpeed: 5000,
|
||
|
|
navRewind: true,
|
||
|
|
navText: ['', ''],
|
||
|
|
responsive: {
|
||
|
|
0: {
|
||
|
|
items: nb_column4,
|
||
|
|
nav: total_product <= nb_column4 ? false : ((true) ? true : false),
|
||
|
|
},
|
||
|
|
480: {
|
||
|
|
items: nb_column3,
|
||
|
|
nav: total_product <= nb_column3 ? false : ((true) ? true : false),
|
||
|
|
},
|
||
|
|
768: {
|
||
|
|
items: nb_column2,
|
||
|
|
nav: total_product <= nb_column2 ? false : ((true) ? true : false),
|
||
|
|
},
|
||
|
|
992: {
|
||
|
|
items: nb_column1,
|
||
|
|
nav: total_product <= nb_column1 ? false : ((true) ? true : false),
|
||
|
|
},
|
||
|
|
1200: {
|
||
|
|
items: nb_column0,
|
||
|
|
nav: total_product <= nb_column0 ? false : ((true) ? true : false),
|
||
|
|
},
|
||
|
|
}
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
$(document).ready(function($) {
|
||
|
|
(function(element) {
|
||
|
|
var $element = $(element),
|
||
|
|
$tab = $('.ltabs-tab', $element),
|
||
|
|
$tab_label = $('.ltabs-tab-label', $tab),
|
||
|
|
$tabs = $('.ltabs-tabs', $element),
|
||
|
|
//ajax_url = $tabs.parents('.ltabs-tabs-container').attr('data-ajaxurl'),
|
||
|
|
effect = $tabs.parents('.ltabs-tabs-container').attr('data-effect'),
|
||
|
|
delay = $tabs.parents('.ltabs-tabs-container').attr('data-delay'),
|
||
|
|
duration = $tabs.parents('.ltabs-tabs-container').attr('data-duration'),
|
||
|
|
type_source = $tabs.parents('.ltabs-tabs-container').attr('data-type_source'),
|
||
|
|
$items_content = $('.ltabs-items', $element),
|
||
|
|
$items_inner = $('.ltabs-items-inner', $items_content),
|
||
|
|
$items_first_active = $('.ltabs-items-selected', $element),
|
||
|
|
$select_box = $('.ltabs-selectbox', $element),
|
||
|
|
$tab_label_select = $('.ltabs-tab-selected', $element),
|
||
|
|
type_show = 'slider';
|
||
|
|
enableSelectBoxes();
|
||
|
|
|
||
|
|
function enableSelectBoxes() {
|
||
|
|
var $tab_wrap = $('.ltabs-tabs-wrap', $element);
|
||
|
|
$tab_label_select.html($('.ltabs-tab', $element).filter('.tab-sel').children('.ltabs-tab-label').html());
|
||
|
|
if ($(window).innerWidth() <= 767) {
|
||
|
|
$tab_wrap.addClass('ltabs-selectbox');
|
||
|
|
} else {
|
||
|
|
$tab_wrap.removeClass('ltabs-selectbox');
|
||
|
|
}
|
||
|
|
}
|
||
|
|
$('span.ltabs-tab-selected, span.ltabs-tab-arrow', $element).click(function() {
|
||
|
|
if ($('.ltabs-tabs', $element).hasClass('ltabs-open')) {
|
||
|
|
$('.ltabs-tabs', $element).removeClass('ltabs-open');
|
||
|
|
} else {
|
||
|
|
$('.ltabs-tabs', $element).addClass('ltabs-open');
|
||
|
|
}
|
||
|
|
});
|
||
|
|
$(window).resize(function() {
|
||
|
|
if ($(window).innerWidth() <= 767) {
|
||
|
|
$('.ltabs-tabs-wrap', $element).addClass('ltabs-selectbox');
|
||
|
|
} else {
|
||
|
|
$('.ltabs-tabs-wrap', $element).removeClass('ltabs-selectbox');
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
$tab.on('click.tab', function() {
|
||
|
|
var $this = $(this);
|
||
|
|
console.log('tabs');
|
||
|
|
if ($this.hasClass('tab-sel')) return false;
|
||
|
|
if ($this.parents('.ltabs-tabs').hasClass('ltabs-open')) {
|
||
|
|
$this.parents('.ltabs-tabs').removeClass('ltabs-open');
|
||
|
|
}
|
||
|
|
$tab.removeClass('tab-sel');
|
||
|
|
$this.addClass('tab-sel');
|
||
|
|
var items_active = $this.attr('data-active-content');
|
||
|
|
var _items_active = $(items_active, $element);
|
||
|
|
$items_content.removeClass('ltabs-items-selected');
|
||
|
|
_items_active.addClass('ltabs-items-selected');
|
||
|
|
$tab_label_select.html($tab.filter('.tab-sel').children('.ltabs-tab-label').html());
|
||
|
|
var $loading = $('.ltabs-loading', _items_active);
|
||
|
|
var loaded = _items_active.hasClass('ltabs-items-loaded');
|
||
|
|
if (!loaded && !_items_active.hasClass('ltabs-process')) {
|
||
|
|
_items_active.addClass('ltabs-process');
|
||
|
|
var category_id = $this.attr('data-category-id');
|
||
|
|
$loading.show();
|
||
|
|
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
})('#so_listing_tabs1_home7');
|
||
|
|
});
|
||
|
|
|
||
|
|
/* ---------------------------------------------------
|
||
|
|
3.Home page 8
|
||
|
|
-------------------------------------------------- */
|
||
|
|
$('.slideshow--home8').owlCarousel({
|
||
|
|
center: false,
|
||
|
|
startPosition: 0,
|
||
|
|
margin: 0,
|
||
|
|
responsive: {
|
||
|
|
0: {items:1 },
|
||
|
|
768: {items:1 }
|
||
|
|
},
|
||
|
|
nav: true,
|
||
|
|
loop: true,
|
||
|
|
dots: false,
|
||
|
|
dotsSpeed: 1000,
|
||
|
|
|
||
|
|
slideBy: 1,
|
||
|
|
autoplay: true,
|
||
|
|
autoplayTimeout: 5000,
|
||
|
|
autoplayHoverPause: true,
|
||
|
|
autoplaySpeed: 800,
|
||
|
|
|
||
|
|
navSpeed: 1000,
|
||
|
|
mouseDrag: true,
|
||
|
|
|
||
|
|
responsiveRefreshRate: 100,
|
||
|
|
});
|
||
|
|
|
||
|
|
var owlBanner = $('.owl-banner__slider');
|
||
|
|
owlBanner.owlCarousel({
|
||
|
|
loop:true,
|
||
|
|
margin:0,
|
||
|
|
autoWidth: false,
|
||
|
|
dots: true,
|
||
|
|
responsive:{
|
||
|
|
0:{
|
||
|
|
items:1,
|
||
|
|
},
|
||
|
|
480:{
|
||
|
|
items:1,
|
||
|
|
},
|
||
|
|
768:{
|
||
|
|
items:2
|
||
|
|
},
|
||
|
|
1024:{
|
||
|
|
items:2
|
||
|
|
},
|
||
|
|
1200:{
|
||
|
|
items:3
|
||
|
|
}
|
||
|
|
}
|
||
|
|
})
|
||
|
|
|
||
|
|
//BLOCK Newsleter Popup
|
||
|
|
$(document).ready(function($) {
|
||
|
|
$(window).load(function () {
|
||
|
|
$('.common-home').addClass('hidden-scorll');
|
||
|
|
$('.so_newletter_custom_popup_bg').addClass('popup_bg');
|
||
|
|
$('input[name=\'hidden-popup\']').on('change', function(){
|
||
|
|
if ($(this).is(':checked')) {
|
||
|
|
checkCookie();
|
||
|
|
} else {
|
||
|
|
unsetCookie("so_newletter_custom_popup");
|
||
|
|
}
|
||
|
|
});
|
||
|
|
function unsetCookie( name ) {
|
||
|
|
document.cookie = name + '=; expires=Thu, 01 Jan 1970 00:00:01 GMT;';
|
||
|
|
}
|
||
|
|
$('.popup-close').click(function(){
|
||
|
|
var this_close = $('.popup-close');
|
||
|
|
this_close.parents().find('.common-home').removeClass('hidden-scorll');
|
||
|
|
this_close.parents().find('#container-module-newletter').remove();
|
||
|
|
});
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
function setCookie(cname, cvalue, exdays) {
|
||
|
|
var d = new Date();
|
||
|
|
console.log(d.getTime());
|
||
|
|
d.setTime(d.getTime() + (exdays*24*60*60*1000));
|
||
|
|
var expires = "expires="+d.toUTCString();
|
||
|
|
document.cookie = cname + "=" + cvalue + "; " + expires;
|
||
|
|
}
|
||
|
|
function getCookie(cname) {
|
||
|
|
var name = cname + "=";
|
||
|
|
var ca = document.cookie.split(';');
|
||
|
|
for(var i=0; i<ca.length; i++) {
|
||
|
|
var c = ca[i];
|
||
|
|
while (c.charAt(0)==' ') c = c.substring(1);
|
||
|
|
if (c.indexOf(name) == 0) return c.substring(name.length, c.length);
|
||
|
|
}
|
||
|
|
return "";
|
||
|
|
}
|
||
|
|
function checkCookie() {
|
||
|
|
var check_cookie = getCookie("so_newletter_custom_popup");
|
||
|
|
if(check_cookie == ""){
|
||
|
|
setCookie("so_newletter_custom_popup", "Newletter Popup", 1 );
|
||
|
|
}
|
||
|
|
}
|
||
|
|
function subscribe_newsletter()
|
||
|
|
{
|
||
|
|
var emailpattern = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/;
|
||
|
|
var email = $('#txtemail').val();
|
||
|
|
var d = new Date();
|
||
|
|
var createdate = d.getFullYear() + '-' + (d.getMonth()+1) + '-' + d.getDate() + ' ' + d.getHours() + ':' + d.getMinutes() + ':' + d.getSeconds();
|
||
|
|
var status = 0;
|
||
|
|
var dataString = 'email='+email+'&createdate='+createdate+'&status='+status;
|
||
|
|
if(email != "")
|
||
|
|
{
|
||
|
|
if(!emailpattern.test(email))
|
||
|
|
{
|
||
|
|
$('.show-error').remove();
|
||
|
|
$('.send-mail').after('<span class="show-error" style="color: red;margin-left: 10px"> Invalid Email </span>')
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
else
|
||
|
|
{
|
||
|
|
$.ajax({
|
||
|
|
url: 'index.php?route=extension/module/so_newletter_custom_popup/newsletter',
|
||
|
|
type: 'post',
|
||
|
|
data: dataString,
|
||
|
|
dataType: 'json',
|
||
|
|
success: function(json) {
|
||
|
|
$('.show-error').remove();
|
||
|
|
if(json.message == "Subscription Successfull") {
|
||
|
|
checkCookie();
|
||
|
|
$('.send-mail').after('<span class="show-error" style="color: #003bb3;margin-left: 10px"> ' + json.message + '</span>');
|
||
|
|
setTimeout(function () {
|
||
|
|
var this_close = $('.popup-close');
|
||
|
|
this_close.parent().css('display', 'none');
|
||
|
|
this_close.parents().find('.so_newletter_custom_popup_bg').removeClass('popup_bg');
|
||
|
|
}, 3000);
|
||
|
|
|
||
|
|
}else{
|
||
|
|
$('.send-mail').after('<span class="show-error" style="color: red;margin-left: 10px"> ' + json.message + '</span>');
|
||
|
|
}
|
||
|
|
document.getElementById('signup').reset();
|
||
|
|
}
|
||
|
|
});
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
else
|
||
|
|
{
|
||
|
|
alert("Email Is Require");
|
||
|
|
$(email).focus();
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|