API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Oct 23rd, 2018
99
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.14 KB | None | 0 0
raw download clone embed print report
  1. // Template Start
  2. jQuery(document).ready(function() {
  3. bindGrid();
  4. var isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent);
  5. if (!isMobile) {
  6. if (jQuery(".parallax").length) {
  7. jQuery(".parallax").sitManParallex({
  8. invert: false
  9. });
  10. };
  11. }
  12. // ---------------- home page blog slider setting ----------------------
  13.  
  14. var psblog = jQuery("#blog-carousel");
  15. psblog.owlCarousel({
  16. items: 3, //10 items above 1000px browser width
  17. itemsDesktop: [1199, 3],
  18. itemsDesktopSmall: [991, 2],
  19. itemsTablet: [479, 1],
  20. itemsMobile: [319, 1],
  21. pagination: false
  22. });
  23. // Custom Navigation Events
  24. jQuery(".blog_next").click(function() {
  25. psblog.trigger('owl.next');
  26. })
  27. jQuery(".blog_prev").click(function() {
  28. psblog.trigger('owl.prev');
  29. });
  30.  
  31. // ---------------- start more menu setting ----------------------
  32.  
  33. if (jQuery(window).width() >= 1300) {
  34. var max_elem = 6;
  35. var items = jQuery('.menu ul#top-menu > li');
  36. var surplus = items.slice(max_elem, items.length);
  37. surplus.wrapAll('<li class="category more_menu" id="more_menu"><div id="top_moremenu" class="popover sub-menu js-sub-menu collapse"><ul class="top-menu more_sub_menu">');
  38. jQuery('.menu ul#top-menu .more_menu').prepend('<a href="#" class="dropdown-item" data-depth="0"><span class="float-xs-right hidden-md-up"><span data-target="#top_moremenu" data-toggle="collapse" class="navbar-toggler collapse-icons"><i class="material-icons add">&#xE313;</i><i class="material-icons remove">&#xE316;</i></span></span></span>More</a>');
  39. jQuery('.menu ul#top-menu .more_menu').mouseover(function() {
  40. jQuery(this).children('div').css('display', 'block');
  41. })
  42. .mouseout(function() {
  43. jQuery(this).children('div').css('display', 'none');
  44. });
  45. } else if ((jQuery(window).width() >= 992) && (jQuery(window).width() < 1299)) {
  46. var max_elem = 6;
  47. var items = jQuery('.menu ul#top-menu > li');
  48. var surplus = items.slice(max_elem, items.length);
  49. surplus.wrapAll('<li class="category more_menu" id="more_menu"><div id="top_moremenu" class="popover sub-menu js-sub-menu collapse"><ul class="top-menu more_sub_menu">');
  50. jQuery('.menu ul#top-menu .more_menu').prepend('<a href="#" class="dropdown-item" data-depth="0"><span class="float-xs-right hidden-md-up"><span data-target="#top_moremenu" data-toggle="collapse" class="navbar-toggler collapse-icons"><i class="material-icons add">&#xE313;</i><i class="material-icons remove">&#xE316;</i></span></span></span>More</a>');
  51. jQuery('.menu ul#top-menu .more_menu').mouseover(function() {
  52. jQuery(this).children('div').css('display', 'block');
  53. })
  54. .mouseout(function() {
  55. jQuery(this).children('div').css('display', 'none');
  56. });
  57. }
  58. // ---------------- end more menu setting ----------------------
  59. /* ---------------- start more menu setting ---------------------- */
  60. var max_elem = 10;
  61. var items = jQuery('.header-top .vertical-menu ul#top-vertical-menu[data-depth="0"] > li');
  62. var surplus = items.slice(max_elem, items.length);
  63. surplus.wrapAll('<li class="category more_menu" id="more_menu"><div id="top_moremenu" class="popover sub-menu js-sub-menu collapse"><ul class="top-menu more_sub_menu">');
  64. jQuery('.header-top .vertical-menu ul#top-vertical-menu .more_menu').prepend('<a href="#" class="dropdown-item" data-depth="0"><span class="float-xs-right hidden-md-up"><span data-target="#top_moremenu" data-toggle="collapse" class="navbar-toggler collapse-icons"><i class="material-icons add">&#xE313;</i><i class="material-icons remove">&#xE316;</i></span></span></span>More Menu</a>');
  65. jQuery('.header-top .vertical-menu ul#top-vertical-menu .more_menu').mouseover(function() {
  66. jQuery(this).children('div').css('display', 'block');
  67. })
  68. .mouseout(function() {
  69. jQuery(this).children('div').css('display', 'none');
  70. });
  71. /* ---------------- end more menu setting ---------------------- */
  72. });
  73.  
  74. jQuery(".products-section-title").wrap("<div class='title-wrapper'></div>");
  75. jQuery(".all-product-link").wrap("<div class='product-more'></div>");
  76.  
  77. jQuery('.search_button').click(function(event) {
  78. jQuery(this).toggleClass('active');
  79. event.stopPropagation();
  80. jQuery(".searchtoggle").slideToggle("fast");
  81. jQuery(".ui-autocomplete-input").focus();
  82. });
  83.  
  84. jQuery('.header-top .vertical-menu .top-vertical-menu').css('display', 'none');
  85. jQuery('.header-top .vertical-menu .block-title').click(function(event) {
  86. jQuery('.header-top .vertical-menu .top-vertical-menu').toggleClass('active');
  87. event.stopPropagation();
  88. jQuery('.header-top .vertical-menu .top-vertical-menu').slideToggle("medium");
  89. });
  90. jQuery(".searchtoggle").on("click", function(event) {
  91. event.stopPropagation();
  92. });
  93.  
  94. jQuery('.pst_userinfotitle').click(function(event) {
  95. jQuery(this).toggleClass('active');
  96. event.stopPropagation();
  97. jQuery(".user-info").slideToggle("slow");
  98. });
  99. jQuery(".user-info").on("click", function(event) {
  100. event.stopPropagation();
  101. });
  102.  
  103. // Add/Remove acttive class on menu active in responsive
  104. jQuery('#menu-icon').on('click', function() {
  105. jQuery(this).toggleClass('active');
  106. });
  107.  
  108. // Loading image before flex slider load
  109. jQuery(window).load(function() {
  110. jQuery(".loadingdiv").removeClass("spinner");
  111. });
  112.  
  113. // Flex slider load
  114. jQuery(window).load(function() {
  115. if (jQuery('.flexslider').length > 0) {
  116. jQuery('.flexslider').flexslider({
  117. slideshowSpeed: jQuery('.flexslider').data('interval'),
  118. pauseOnHover: jQuery('.flexslider').data('pause'),
  119. animation: "fade"
  120. });
  121. }
  122. });
  123.  
  124. // Scroll page bottom to top
  125. jQuery(window).scroll(function() {
  126. if (jQuery(this).scrollTop() > 500) {
  127. jQuery('.top_button').fadeIn(500);
  128. } else {
  129. jQuery('.top_button').fadeOut(500);
  130. }
  131. });
  132. jQuery('.top_button').click(function(event) {
  133. event.preventDefault();
  134. jQuery('html, body').animate({
  135. scrollTop: 0
  136. }, 800);
  137. });
  138.  
  139. /*====== Carousel Slider For Feature Product ==== */
  140. var pstfeature = jQuery("#pstfeature-carousel");
  141. pstfeature.owlCarousel({
  142. items: 3, //10 items above 1000px browser width
  143. itemsDesktop: [1249, 3],
  144. itemsDesktopSmall: [991, 3],
  145. itemsTablet: [767, 2],
  146. itemsMobile: [480, 1],
  147. pagination: false,
  148. autoplay: true
  149. });
  150.  
  151. // Custom Navigation Events
  152. jQuery(".pstfeature_next").click(function() {
  153. pstfeature.trigger('owl.next');
  154. })
  155. jQuery(".pstfeature_prev").click(function() {
  156. pstfeature.trigger('owl.prev');
  157. });
  158.  
  159. /*====== Carousel Slider For New Product ==== */
  160. var pstnewproduct = jQuery("#pstnewproduct-carousel");
  161. pstnewproduct.owlCarousel({
  162. items: 3, //10 items above 1000px browser width
  163. itemsDesktop: [1249, 3],
  164. itemsDesktopSmall: [991, 3],
  165. itemsTablet: [767, 2],
  166. itemsMobile: [479, 1],
  167. pagination: false
  168. });
  169.  
  170. // Custom Navigation Events
  171. jQuery(".pstnewproduct_next").click(function() {
  172. pstnewproduct.trigger('owl.next');
  173. })
  174. jQuery(".pstnewproduct_prev").click(function() {
  175. pstnewproduct.trigger('owl.prev');
  176. });
  177.  
  178. /*====== Carousel Slider For Bestseller Product ==== */
  179. var pstbestseller = jQuery("#pstbestseller-carousel");
  180. pstbestseller.owlCarousel({
  181. items: 2, //10 items above 1000px browser width
  182. itemsDesktop: [1249, 2],
  183. itemsDesktopSmall: [991, 2],
  184. itemsTablet: [767, 2],
  185. itemsMobile: [480, 1],
  186. pagination: false
  187. });
  188.  
  189. // Custom Navigation Events
  190. jQuery(".pstbestseller_next").click(function() {
  191. pstbestseller.trigger('owl.next');
  192. })
  193. jQuery(".pstbestseller_prev").click(function() {
  194. pstbestseller.trigger('owl.prev');
  195. });
  196.  
  197. /*====== Carousel Slider For Special Product ==== */
  198. var pstspecial = jQuery("#pstspecial-carousel");
  199. pstspecial.owlCarousel({
  200. items: 3, //10 items above 1000px browser width
  201. itemsDesktop: [1249, 3],
  202. itemsDesktopSmall: [991, 3],
  203. itemsTablet: [767, 2],
  204. itemsMobile: [480, 1],
  205. pagination: false
  206. });
  207.  
  208. // Custom Navigation Events
  209. jQuery(".pstspecial_next").click(function() {
  210. pstspecial.trigger('owl.next');
  211. })
  212. jQuery(".pstspecial_prev").click(function() {
  213. pstspecial.trigger('owl.prev');
  214. });
  215.  
  216. /*====== Carousel Slider For Accessories Product ==== */
  217. var pstaccessories = jQuery("#pstaccessories-carousel");
  218. pstaccessories.owlCarousel({
  219. items: 4, //10 items above 1000px browser width
  220. itemsDesktop: [1199, 4],
  221. itemsDesktopSmall: [991, 3],
  222. itemsTablet: [767, 2],
  223. itemsMobile: [479, 1],
  224. pagination: false
  225. });
  226.  
  227. // Custom Navigation Events
  228. jQuery(".pstaccessories_next").click(function() {
  229. pstaccessories.trigger('owl.next');
  230. })
  231. jQuery(".pstaccessories_prev").click(function() {
  232. pstaccessories.trigger('owl.prev');
  233. });
  234.  
  235. /*====== Carousel Slider For Category Product ==== */
  236. var pstproductscategory = jQuery("#pstproductscategory-carousel");
  237. pstproductscategory.owlCarousel({
  238. items: 3, //10 items above 1000px browser width
  239. itemsDesktop: [1199, 3],
  240. itemsDesktopSmall: [991, 3],
  241. itemsTablet: [767, 2],
  242. itemsMobile: [479, 1],
  243. pagination: false
  244. });
  245.  
  246. // Custom Navigation Events
  247. jQuery(".pstproductscategory_next").click(function() {
  248. pstproductscategory.trigger('owl.next');
  249. })
  250. jQuery(".pstproductscategory_prev").click(function() {
  251. pstproductscategory.trigger('owl.prev');
  252. });
  253.  
  254. /*====== Carousel Slider For Viewed Product ==== */
  255. var pstviewed = jQuery("#pstviewed-carousel");
  256. pstviewed.owlCarousel({
  257. items: 3, //10 items above 1000px browser width
  258. itemsDesktop: [1199, 3],
  259. itemsDesktopSmall: [991, 3],
  260. itemsTablet: [767, 2],
  261. itemsMobile: [479, 1],
  262. pagination: false
  263. });
  264.  
  265. // Custom Navigation Events
  266. jQuery(".pstviewed_next").click(function() {
  267. pstviewed.trigger('owl.next');
  268. })
  269. jQuery(".pstviewed_prev").click(function() {
  270. pstviewed.trigger('owl.prev');
  271. });
  272.  
  273. /*====== Carousel Slider For Crosssell Product ==== */
  274. var pstcrosssell = jQuery("#pstcrosssell-carousel");
  275. pstcrosssell.owlCarousel({
  276. items: 3, //10 items above 1000px browser width
  277. itemsDesktop: [1199, 3],
  278. itemsDesktopSmall: [991, 3],
  279. itemsTablet: [767, 2],
  280. itemsMobile: [479, 1],
  281. pagination: false
  282. });
  283.  
  284. // Custom Navigation Events
  285. jQuery(".pstcrosssell_next").click(function() {
  286. pstcrosssell.trigger('owl.next');
  287. })
  288. jQuery(".pstcrosssell_prev").click(function() {
  289. pstcrosssell.trigger('owl.prev');
  290. });
  291.  
  292. /*====== Carousel Slider For Manufacture ==== */
  293. var pstbrand = jQuery("#pstbrand-carousel");
  294. pstbrand.owlCarousel({
  295. items: 5, //10 items above 1000px browser width
  296. itemsDesktop: [1199, 4],
  297. itemsDesktopSmall: [991, 3],
  298. itemsTablet: [767, 2],
  299. itemsMobile: [479, 1],
  300. autoPlay: true,
  301. pagination: false,
  302. navigation: false
  303. });
  304.  
  305. // Custom Navigation Events
  306. jQuery(".pstbrand_next").click(function() {
  307. pstbrand.trigger('owl.next');
  308. })
  309. jQuery(".pstbrand_prev").click(function() {
  310. pstbrand.trigger('owl.prev');
  311. });
  312.  
  313. var psttestimonial = jQuery("#psttestimonial-carousel");
  314. psttestimonial.owlCarousel({
  315. autoPlay: true,
  316. singleItem: true,
  317. pagination: false,
  318. navigation: false
  319. });
  320.  
  321. function bindGrid() {
  322. var view = jQuery.totalStorage("display");
  323.  
  324. if (view && view != 'grid')
  325. display(view);
  326. else
  327. jQuery('.display').find('li#grid').addClass('selected');
  328.  
  329. jQuery(document).on('click', '#grid', function(e){
  330. e.preventDefault();
  331. display('grid');
  332. });
  333.  
  334. jQuery(document).on('click', '#list', function(e){
  335. e.preventDefault();
  336. display('list');
  337. });
  338. }
  339.  
  340. function display(view)
  341. {
  342. if (view == 'list')
  343. {
  344. jQuery('#products ul.product_list').removeClass('grid').addClass('list row');
  345. jQuery('#products .product_list > li').removeClass('col-xs-12 col-sm-5 col-md-4 col-lg-4').addClass('col-xs-12');
  346. jQuery('#products .product_list > li .thumbnail-container').addClass('col-xs-4 col-xs-5 col-md-4');
  347. jQuery('#products .product_list > li .product-description').addClass('center-block col-xs-4 col-xs-7 col-md-8');
  348. jQuery("#products .product_list > li").find(".button-container.cart").each(function(i){
  349. jQuery(this).insertAfter(jQuery(this).parent().find(".highlighted-informations"));
  350. });
  351. jQuery("#products .product_list > li").find(".product-review-title").each(function(i){
  352. jQuery(this).insertBefore(jQuery(this).parent().parent().find(".product-price-and-shipping"));
  353. });
  354. jQuery("#products .product_list > li").find(".product-actions").each(function(i){
  355. jQuery(this).appendTo(jQuery(this).parent().parent().parent().find(".product-description"));
  356. });
  357. jQuery("#products .product_list > li").find(".st-list-product-reviews").each(function(i){
  358. jQuery(this).insertAfter(jQuery(this).parent().parent().parent().find(".product-description .product-title"));
  359. });
  360. jQuery('.display').find('li#list').addClass('selected');
  361. jQuery('.display').find('li#grid').removeAttr('class');
  362. jQuery.totalStorage('display', 'list');
  363. }
  364. else
  365. {
  366. jQuery('#products ul.product_list').removeClass('list').addClass('grid row');
  367. jQuery('#products .product_list > li').removeClass('col-xs-12').addClass('col-xs-12 col-sm-5 col-md-4 col-lg-4');
  368. jQuery('#products .product_list > li .thumbnail-container').removeClass('col-xs-4 col-xs-5 col-md-4');
  369. jQuery('#products .product_list > li .product-description').removeClass('center-block col-xs-4 col-xs-7 col-md-8');
  370. jQuery('#products .product_list > li ').each(function() {
  371. jQuery(this).parent().append(this);
  372. });
  373. jQuery("#products .product_list > li").find(".product-actions").each(function(i){
  374. jQuery(this).appendTo(jQuery(this).parent().parent().find(".thumbnail-container"));
  375. });
  376. jQuery("#products .product_list > li").find(".button-container.cart").each(function(i){
  377. jQuery(this).insertBefore(jQuery(this).parent().find(".product-actions"));
  378. });
  379. jQuery("#products .product_list > li").find(".st-list-product-reviews").each(function(i){
  380. jQuery(this).insertAfter(jQuery(this).parent().parent().find(".thumbnail-container .product-flags"));
  381. });
  382. jQuery("#products .product_list > li").find(".st-list-product-reviews").each(function(i){
  383. jQuery(this).insertBefore(jQuery(this).parent().parent().parent().find(".product-description .product-title"));
  384. });
  385. jQuery('.display').find('li#grid').addClass('selected');
  386. jQuery('.display').find('li#list').removeAttr('class');
  387. jQuery.totalStorage('display', 'grid');
  388. }
  389. }
  390.  
  391. function responsivecolumn() {
  392. if (jQuery(document).width() <= 991) {
  393. // ---------------- Fixed header responsive ----------------------
  394. jQuery(window).bind('scroll', function() {
  395. if (jQuery(window).scrollTop() > 0) {
  396. jQuery('.header-nav').addClass('fixed');
  397. } else {
  398. jQuery('.header-nav').removeClass('fixed');
  399. }
  400. });
  401. }
  402. if (jQuery(document).width() <= 991) {
  403. jQuery('.container #columns_inner #left-column').appendTo('.container #columns_inner');
  404.  
  405. } else if (jQuery(document).width() >= 992) {
  406. jQuery('.container #columns_inner #left-column').prependTo('.container #columns_inner');
  407. }
  408. }
  409. jQuery(document).ready(function() {
  410. responsivecolumn();
  411. // tm_top link
  412. jQuery('#header #search_toggle').click(function() {
  413. jQuery('#header .search-container').slideToggle("slow");
  414. jQuery('#header #search_toggle').toggleClass('active');
  415. });
  416. });
  417. jQuery(window).resize(function() {
  418. responsivecolumn();
  419. });
  420.  
  421. // JS for fixed the header
  422. function HeadFixTop() {
  423. var num = 710;
  424. if (jQuery(document).width() >= 992) {
  425. jQuery(window).bind('scroll', function() {
  426. if (jQuery(window).scrollTop() > num) {
  427. jQuery('.nav-bar').addClass('fixed');
  428. } else {
  429. jQuery('.nav-bar').removeClass('fixed');
  430. }
  431. });
  432. } else {
  433. jQuery('.nav-bar').removeClass('fixed');
  434. }
  435. }
  436. jQuery(document).ready(function() {
  437. "use strict";
  438. HeadFixTop();
  439. jQuery("#top-menu .sub-menu li:has(ul)").parent().parent().parent().addClass("mega");
  440. jQuery("#top-vertical-menu li:has(ul)").parent().parent().addClass("mega");
  441. });
  442. jQuery(window).resize(function() {
  443. "use strict";
  444. HeadFixTop()
  445. });
  446. jQuery(document).ready(function() {
  447. // Search toggle
  448. jQuery('#header #search-toggle').click(function() {
  449. jQuery('#header .search-container').slideToggle("slow");
  450. jQuery('#header #search-toggle').toggleClass('active');
  451. });
  452. });
  453.  
  454. if (jQuery(window).width() >= 992) {
  455. jQuery(document).ready(function(){
  456. if (jQuery('body').is('#index')) {
  457. jQuery(window).scroll(function () {
  458. hb_animated_contents();
  459. });
  460. jQuery(window).load(function () {
  461. hb_animated_contents();
  462. });
  463. function hb_animated_contents() {
  464. jQuery(".hb-animate-element:in-viewport").each(function (i) {
  465. var jQuerythis = jQuery(this);
  466. if (!jQuerythis.hasClass('hb-in-viewport')) {
  467. setTimeout(function () {
  468. jQuerythis.addClass('hb-in-viewport');
  469. }, 150 * i);
  470. }
  471. });
  472. }
  473. }
  474. else{}
  475. });
  476. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!