Skip to content

N
NAP-wordpress
Commit 41b5ccf2 authored by imac's avatar imac
Browse files
Options

[Bugfix]Add header to product page

parent 624e01a0
Hide whitespace changes
Inline Side-by-side
Showing with 153 additions and 146 deletions
wp-content/themes/nap/assets/css/main.css
View file @ 41b5ccf2
......@@ -1068,6 +1068,7 @@ aside.news-wrapper {
display: block;
border-radius: 50%;
margin: 0 auto;
position: relative;
}
.list-format ul li{
text-align: center;
......
wp-content/themes/nap/assets/js/product.js
View file @ 41b5ccf2
......@@ -3,151 +3,153 @@ $(function(){
$('a[href^="#"], .easyzoom img').click(function(e){
e.preventDefault();
});
};//END init Function
$.fn.zoom = function(){ //Zoom on Image
$(this).on('click', function() {
var zoom = $(this);
$( ".easyzoom" ).each(function( i ) {
var $easyzoom = $(this).easyZoom();
var api = $easyzoom.filter('.easyzoom--with-toggle').data('easyZoom');
api.teardown();
var $this = $(this);
if ($this.data("active") === true) {
$this.data("active", false);
zoom.removeClass("active");
};//END init Function
$.fn.zoom = function(){ //Zoom on Image
$(this).on('click', function() {
var zoom = $(this);
$( ".easyzoom" ).each(function( i ) {
var $easyzoom = $(this).easyZoom();
var api = $easyzoom.filter('.easyzoom--with-toggle').data('easyZoom');
api.teardown();
} else {
$this.data("active", true);
zoom.addClass("active");
api._init();
}
var $this = $(this);
if ($this.data("active") === true) {
$this.data("active", false);
zoom.removeClass("active");
api.teardown();
} else {
$this.data("active", true);
zoom.addClass("active");
api._init();
}
});
});
});
} //END Zoom On Image
$.fn.getListColors = function(){
$(this).each(function(){
var colorWrapper = $(this).find('>span'),
color = colorWrapper.data('color');
colorWrapper.css('background' , color);
})
}
$.fn.getListFormat = function(){
$(this).each(function(){
var formatWrapper = $(this).find('>span'),
formatW = formatWrapper.data('width'),
formatH = formatWrapper.data('height');
formatWrapper.css({'height' : formatH , 'width' : formatW });
})
}
$.fn.selectColor= function(){
$(this).on('click',function(){
$(this).parent().parent().find('li').removeClass('selected');
if (!($(this).hasClass('disabled'))){
$(this).toggleClass('selected');
}
})
}
$.fn.selectFormat = function(){
$(this).on('click',function(){
var actifImage = $(this).find('img').data('img-active'),
initialImage = $(this).find('img').data('img');
$(this).parent().parent().find('li').each(function(){
img = $(this).find('img');
img.attr('src',img.data('img'));
} //END Zoom On Image
$.fn.getListColors = function(){
$(this).each(function(){
var colorWrapper = $(this).find('>span'),
color = colorWrapper.data('color');
colorWrapper.css('background' , color);
})
}
$.fn.getListFormat = function(){
$(this).each(function(){
var formatWrapper = $(this).find('>span'),
formatW = formatWrapper.data('width'),
formatH = formatWrapper.data('height');
formatWrapper.css({'height' : formatH , 'width' : formatW });
})
$(this).parent().parent().find('li').removeClass('selected');
if (!($(this).hasClass('disabled'))){
$(this).toggleClass('selected');
}
if ($(this).hasClass('selected')){
$(this).find('img').attr('src',actifImage);
}else{
$(this).find('img').attr('src',initialImage);
}
})
}
$.fn.slider_product = function(){
$('#slides').not('.slick-initialized').slick({
autoplay: false,
arrows:true,
dots: true,
slidesToShow: 1,
adaptiveHeight: true,
}
$.fn.selectColor= function(){
$(this).on('click',function(){
$(this).parent().parent().find('li').removeClass('selected');
if (!($(this).hasClass('disabled'))){
$(this).toggleClass('selected');
}
})
}
$.fn.selectFormat = function(){
$(this).on('click',function(){
var actifImage = $(this).find('img').data('img-active'),
initialImage = $(this).find('img').data('img');
$(this).parent().parent().find('li').each(function(){
img = $(this).find('img');
img.attr('src',img.data('img'));
})
$(this).parent().parent().find('li').removeClass('selected');
if (!($(this).hasClass('disabled'))){
$(this).toggleClass('selected');
}
if ($(this).hasClass('selected')){
$(this).find('img').attr('src',actifImage);
}else{
$(this).find('img').attr('src',initialImage);
}
})
}
$.fn.slider_product = function(){
$('#slides').not('.slick-initialized').slick({
autoplay: false,
arrows:true,
dots: true,
slidesToShow: 1,
adaptiveHeight: true,
//centerMode: true,
centerPadding: '0px',
});
}
$.fn.selectSlide = function(slide){
$(this).click(function(e) {
e.preventDefault();
var data = $(this).data("color"),
dataIndex = slide.find("[data-color="+data+"]").data("slick-index"),
slideno = $(this).data('color');
slide.slick('slickGoTo', dataIndex);
});
}
$.fn.open_gallery = function(){
$(this).on('click',function(){
tl = new TimelineMax()
tl.staggerFromTo('.slides-wrapper .gallery article',0.5,{opacity:0,y:100},{opacity:1,y:0},0.1,0);
tl.fromTo('.gallery',0.5,{opacity:0,visibility:"hidden"},{opacity:1,visibility:"visible"},0);
tl.fromTo('#slides',0.5,{opacity:1},{opacity:0},0);
tl.fromTo('.nav-slider',0.5,{opacity:1},{opacity:0},0);
});
$('.gallery').on('click','.close-btn,article',function(){
tl.reverse();
})
}
$.fn.showRightPanelAnimation = function(removeClass,addClass){
$(this).each(function(i) {
var $li = $(this);
setTimeout(function() {
$li.removeClass(removeClass).addClass(addClass);
}
$.fn.selectSlide = function(slide){
$(this).click(function(e) {
e.preventDefault();
var data = $(this).data("color"),
dataIndex = slide.find("[data-color="+data+"]").data("slick-index"),
slideno = $(this).data('color');
slide.slick('slickGoTo', dataIndex);
});
}
$.fn.open_gallery = function(){
$(this).on('click',function(){
tl = new TimelineMax()
tl.staggerFromTo('.slides-wrapper .gallery article',0.5,{opacity:0,y:100},{opacity:1,y:0},0.1,0);
tl.fromTo('.gallery',0.5,{opacity:0,visibility:"hidden"},{opacity:1,visibility:"visible"},0);
tl.fromTo('#slides',0.5,{opacity:1},{opacity:0},0);
tl.fromTo('.nav-slider',0.5,{opacity:1},{opacity:0},0);
});
$('.gallery').on('click','.close-btn,article',function(){
tl.reverse();
})
}
$.fn.showRightPanelAnimation = function(removeClass,addClass){
$(this).each(function(i) {
var $li = $(this);
setTimeout(function() {
$li.removeClass(removeClass).addClass(addClass);
}, i*100); // delay 100 ms
});
}
$.fn.showRightPanel = function(){
var wrapper = $(this),
widthPanel = wrapper.outerWidth();
wrapper.css('right', -widthPanel)
$('.show-product').on('click',function(){
$('.product-details').css('right', widthPanel);
wrapper.css({'right': 0, 'opacity':1});
$('#product .product-list article').showRightPanelAnimation('fadeOutUp','hidden-elem visible-elem animated fadeInDown');
})
$(this).on('click','.close-btn',function(){
wrapper.css('right', -widthPanel);
$('#product .product-list article').showRightPanelAnimation('fadeInDown','fadeOutUp');
$('.product-details').css('right', 0);
})
}
$.fn.productAnimation = function(){
tlProduct = new TimelineMax();
tlProduct.fromTo('.product-images',1,{autoAlpha:0, marginLeft:"-10%"},{autoAlpha:1, marginLeft:"0"},0);
tlProduct.staggerFromTo('.product-details .list',0.7,{opacity:0, marginLeft:"-10%"},{opacity:1, marginLeft:"0"},0.4,0.5);
tlProduct.fromTo('.product-info',1,{autoAlpha:0, marginLeft:"-10%"},{autoAlpha:1, marginLeft:"0"},1.2);
}
$('.product-list article img, .product-list article ul li').on('click', function() {
var toLink = $(this).data('link');
$('.load-page').parent().addClass('active');
$('.load-page').load(toLink,function(){
$('.list-color li').getListColors();
//$('.list-format li').getListFormat();
$('.list-color li').selectColor();
$('.list-format li').selectFormat();
$('#zoom').zoom();
$('article[data-color], .list-color li span').selectSlide($('#slides'));
$('#mozaique').open_gallery();
initFunction();
$('html').css('overflow','hidden');
setTimeout(function(){
$.fn.productAnimation();
$('#product .product-list').showRightPanel();
$.fn.slider_product();
},800)
$('.download-btn').click(function(e){
e.stopPropagation();
});
});
})
});
}
$.fn.showRightPanel = function(){
var wrapper = $(this),
widthPanel = wrapper.outerWidth();
wrapper.css('right', -widthPanel)
$('.show-product').on('click',function(){
$('.product-details').css('right', widthPanel);
wrapper.css({'right': 0, 'opacity':1});
$('#product .product-list article').showRightPanelAnimation('fadeOutUp','hidden-elem visible-elem animated fadeInDown');
})
$(this).on('click','.close-btn',function(){
wrapper.css('right', -widthPanel);
$('#product .product-list article').showRightPanelAnimation('fadeInDown','fadeOutUp');
$('.product-details').css('right', 0);
})
}
$.fn.productAnimation = function(){
tlProduct = new TimelineMax();
tlProduct.fromTo('.product-images',1,{autoAlpha:0, marginLeft:"-10%"},{autoAlpha:1, marginLeft:"0"},0);
tlProduct.staggerFromTo('.product-details .list',0.7,{opacity:0, marginLeft:"-10%"},{opacity:1, marginLeft:"0"},0.4,0.5);
tlProduct.fromTo('.product-info',1,{autoAlpha:0, marginLeft:"-10%"},{autoAlpha:1, marginLeft:"0"},1.2);
}
$('.product-list article img, .product-list article ul li').on('click', function() {
$('head').append($('.header-shop'));
var toLink = $(this).data('link');
$('.load-page').parent().addClass('active');
$('.load-page').load(toLink,function(){
$('.list-color li').getListColors();
$('.list-color li').selectColor();
$('.list-format li').selectFormat();
$('#zoom').zoom();
$('article[data-color], .list-color li span').selectSlide($('#slides'));
$('#mozaique').open_gallery();
initFunction();
$('html').css('overflow','hidden');
setTimeout(function(){
$.fn.productAnimation();
$('#product .product-list').showRightPanel();
$.fn.slider_product();
$('.list-color li').selectColor();
$('.list-format li').selectFormat();
},500)
$('.download-btn').click(function(e){
e.stopPropagation();
});
});
})
});
\ No newline at end of file
wp-content/themes/nap/footer.php
View file @ 41b5ccf2
......@@ -12,7 +12,7 @@
</div>
<div class="row right">
<ul>
<li><a href="#">newsletter</a></li>
<li class='nl'><a href="#">newsletter</a></li>
<li><a href="<?php echo get_permalink(260)?>">téléchargements</a></li>
<li><a href="phototheque.php">phototèque</a></li>
<li><a href="<?php echo get_permalink(171)?>">mentions légales</a></li>
......
wp-content/themes/nap/header-shop.php 0 → 100755
View file @ 41b5ccf2
<?php wp_head(); //get_header( 'shop' );?>
wp-content/themes/nap/woocommerce/single-product.php
View file @ 41b5ccf2
<?php while (have_posts()) : the_post(); ?>
<?php wc_get_template_part('content', 'single-product'); ?>
<?php endwhile; // end of the loop. ?>
<?php get_header('shop'); ?>
<?php
while (have_posts()) : the_post();
wc_get_template_part('content', 'single-product');
endwhile; // end of the loop.
?>
<?php get_footer('shop'); ?>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment