[Bugfix]Redmine - #641 : Image transition

wp-content/themes/nap/assets/css/main.css

@@ -69,7 +69,7 @@
     background: transparent;  /* optional: just make scrollbar invisible */
   }
   
-.product-details .list {overflow: -moz-scrollbars-none;}
+  .product-details .list {overflow: -moz-scrollbars-none;}
 
   @keyframes fadein {
     from {
@@ -711,20 +711,20 @@ nav ul ul{
 /*nav ul ul li:before{
   content: "•";
   padding-right: 5px;
-}*/
-nav ul ul li {
+  }*/
+  nav ul ul li {
     font-size: 14px;
     font-weight: 300;
     line-height: 19px;
     padding-bottom: 5px;
-}
-.header .nav-content li li a {
+  }
+  .header .nav-content li li a {
     opacity: 0.6;
-}
-.header .nav-content li a.active,
-.nav-content ul ul li.active{
+  }
+  .header .nav-content li a.active,
+  .nav-content ul ul li.active{
     opacity: 1 !important;
-}
+  }
 /* ==========================================================================
 VI/   FOOTER...............footer
 ========================================================================== */
@@ -1155,7 +1155,7 @@ label.chevron.bottom {
 }
 
 label.chevron.bottom::first-letter {
-text-transform: uppercase;
+  text-transform: uppercase;
 }
 .pa_format ul li img {
   vertical-align: top;
@@ -1247,12 +1247,13 @@ text-transform: uppercase;
 
 .entry-summary .price {
   font-size: 0;
-
+  display: none;
 }
 .product-info .price{
   font-size: 20px;
   line-height: 24px;
   letter-spacing: 2px;
+  display: block;
 }
 .product-info .notice{
   font-size: 9px;

wp-content/themes/nap/assets/js/main.js

@@ -37,7 +37,7 @@ $(function(){
 				$('.gallery-wrapper').removeClass('hidden-elem').addClass('animated visible-elem fadeInUp');
 			},0)
 		});
-	});
+});
     //Get file name of uploaded file	
     $('#file-p').on('change',function(e){
     	var fileName = e.target.files[0].name;
@@ -164,7 +164,6 @@ $(function(){
 			}else{
 				$this.removeClass('active');
 				$this.find('.bloc-content').slideUp('slow');
-                                //$('.commercial').slideDown('slow');
 			}
 
 		}).on('click','.filter-bloc li:not(.disabled,.reinit)',function(e){
@@ -260,10 +259,7 @@ $(function(){
 			$.fn.fullpage.moveSectionDown();
 		});
 	}
-
-
 	$.fn.getMenuBg = function(){
-		//debugger;
 		var imgSrc = $('header .nav-content > ul').find(' > li.current').data('img');
 		navwWidth = $('.nav-wrapper').width();
 		$('.container-bg').css({
@@ -349,7 +345,7 @@ $.fn.animation = function(){
 	setTimeout(function(){$('.form-wrapper').removeClass('hidden-elem').addClass('animated fadeInUp')},1000)
 	animateOnScroll();
 }
-function onScrollCover(direction){
+function onScrollCover(){
 	cover = $('.subcat a.active').attr("href");
 	$('.cover-wrapper').each(function () {
 		coverWrapper = $(this).data('cat');
@@ -365,32 +361,20 @@ function onScrollCover(direction){
 };
 var lastScrollTop = 0;
 function onScroll(event){
-	var st = $(this).scrollTop();
-	if (st > lastScrollTop){
-		var direction = "down";
-	}
-	else if(st === lastScrollTop)
-	{ 
-	//In IE this is an important condition because there seems to be some instances where the last scrollTop is equal to the new one
-}
-else {
-	var direction = "up";
-}
-lastScrollTop = st;
-var scrollPos = $(this).scrollTop(),
+	var scrollPos = $(this).scrollTop(),
 //items = event.data.items;
 items = "li .subcat a";
 if ( timer ) clearTimeout(timer);
 
 timer = setTimeout(function(){
-	onScrollCover(direction);
+	onScrollCover();
 }, 330);
 
 $(items).each(function () {
 	var currLink = $(this);
 	var refElement = $(currLink.attr("href"));
 		//console.log(currLink);
-		if (refElement.length && refElement.position().top - 20 <= scrollPos && refElement.position().top + refElement.height() > scrollPos) {
+		if (refElement.length && refElement.position().top - 100 <= scrollPos && refElement.position().top + refElement.height() > scrollPos) {
 			$('.subcat a').removeClass("active");
 			currLink.addClass("active");
 			if ($('nav ul ul').find('li.active')){
@@ -407,8 +391,6 @@ $(items).each(function () {
 			currLink.removeClass("active");
 		}
 	});
-
-
 }
 function scrollAnchor(elemId, skipZero){
 	$('.subcat a[href^="#"]').on('click', function (e) {
@@ -422,17 +404,10 @@ function scrollAnchor(elemId, skipZero){
 		temp = 0;
 		$target = $(target);
 		$parent = $('#load-page');
-	//	console.log($parent.position().top);
-	//console.log($(this).position().top);
-
-		//console.log(target , $target.offset().top);
-		//console.log('parent' , $parent.offset().top);
-		//if (skipZero && $target.offset().top === $parent.offset().top) {return;}
 		$(elemId).stop().animate({
 			'scrollTop': $target.position().top - temp //- $parent.offset().top
 		}, 1000, 'swing', function () {
 			window.location.hash = target;
-            // $(document).on("scroll", onS1croll);
 		});
 	});
 }
@@ -442,10 +417,6 @@ $(window).load( function() {
 var timer;
 $(window).scroll(function(e) {
 	onScroll(e)
-/*	clearTimeout(timer);
-	timer = setTimeout(function() {
-		$(window).trigger("scrollStop");
-	}, 330);*/
 });
 //$(window).bind("scrollStop",onScroll)
 $(document).ready(function(){
@@ -472,13 +443,9 @@ $(document).ready(function(){
 	$.fn.responsive();
 	$('.list-color-filter li').setBgColorList();
 	$.fn.animation(); //Global animation for entire site
-
-
 	//TODO
 	$('.cover-wrapper').last().addClass('last');
 	$('.cover-wrapper').first().addClass('first');
-
-
 }); //end document ready
 
 $(window).resize(function() {