Skip to content

N
NAP-wordpress
Commit 1bbdde10 authored by Nahla Shiri's avatar Nahla Shiri
Browse files
Options

correction js + css + fiche technique

parent 43366f80
Hide whitespace changes
Inline Side-by-side
Showing with 744 additions and 2811 deletions
wp-content/themes/nap/assets/css/img/$$departement.svg deleted 100644 → 0
View file @ 43366f80
This source diff could not be displayed because it is too large. You can view the blob instead.
wp-content/themes/nap/assets/css/img/$departement_v2.svg deleted 100644 → 0
View file @ 43366f80
This source diff could not be displayed because it is too large. You can view the blob instead.
wp-content/themes/nap/assets/css/main.css
View file @ 1bbdde10
......@@ -63,6 +63,14 @@
padding: 0px;
color: #182566;
}
::-webkit-scrollbar {
width: 0px; /* remove scrollbar space */
background: transparent; /* optional: just make scrollbar invisible */
}
.product-details .list {overflow: -moz-scrollbars-none;}
@keyframes fadein {
from {
opacity:0;
......@@ -700,10 +708,10 @@ nav ul ul{
display: none;
width: 190px;
}
nav ul ul li:before{
/*nav ul ul li:before{
content: "•";
padding-right: 5px;
}
}*/
nav ul ul li {
font-size: 14px;
font-weight: 300;
......@@ -791,6 +799,10 @@ VII/ Pages...............ALL pages
========================================================================== */
/* --------------*/ /* ---------->>> HOME <<<-----------*/ /* --------------*/
#home {
background: rgba(7,17,48,0.5);
}
.img-wrapper{
height: 100vh;
background-size: cover;
......@@ -865,20 +877,36 @@ aside.news-wrapper {
height: 100%;
}
.product-images{
width: 59%;
width: 59% !important;
padding: 39px;
opacity: 0;
text-align: center;
position: relative;
}
.product-slides{
width: 80%;
margin: 0 auto;
position: relative;
padding-left: 60px;
.product-images .close-panel{
position: absolute;
left: 5%;
}
.woocommerce-product-details__short-description {
display: none;
}
.product-slides .product-header {
text-align: left;
margin-left: 35px;
}
.product-slides {
width: 580px;
margin: 0 auto;
position: relative;
padding-left: 25px;
}
.product-header{
color: #182566;
padding-bottom: 33px;
padding-top: 22px;
padding: 22px 30px 33px;
}
.product-header h3{
font-size: 25px;
......@@ -889,8 +917,8 @@ aside.news-wrapper {
position: relative;
}
#slides{
/* width: 80%;*/
width: 500px;
width: 415px;
/*width: 500px;*/
height: 100%;
margin: 0 auto;
}
......@@ -900,7 +928,7 @@ aside.news-wrapper {
margin: 0 auto;
}
.element-slider{
height: 500px;
height: 415px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
......@@ -970,7 +998,7 @@ aside.news-wrapper {
margin-bottom: 12px;
border-radius: 20px;
position: relative;
padding: 3px 0px;
//padding: 3px 0px;
/*padding: 3px 10px 4px 3px; */
cursor: pointer;
text-align: center;
......@@ -979,6 +1007,7 @@ aside.news-wrapper {
width: 25px;
display: block;
height: 25px;
line-height: 25px;
}
.nav-slider ul li.active{
background: #FF6A5F;
......@@ -989,8 +1018,8 @@ aside.news-wrapper {
}
.nav-slider ul li:hover{
background: #FF6A5F;
width: 100%;
padding-right: 13px;
width: 150%;
padding-right: 10px;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
......@@ -1059,14 +1088,21 @@ aside.news-wrapper {
}
.product-details .list{
width: 50%;
padding: 40px 30px;
padding: 40px 0px;
position: relative;
height: 100%;
background: #fff;
overflow-y: auto;
overflow-y: hidden;
opacity: 0;
border-left: 1px solid rgba(26,26,26,0.1);
}
.product-details .list ul {
overflow-y: scroll;
max-height: 560px;
margin-right: -17px;
}
.border-l:before{
content: '';
display: block;
......@@ -1101,10 +1137,31 @@ aside.news-wrapper {
margin: 0 auto;
position: relative;
}
.pa_format ul li{
text-align: center;
margin-bottom: 25px;
color: #313D7A;
.pa_format ul li {
text-align: center;
color: #313D7A;
max-width: 85%;
}
.pa_format ul li label {
overflow: hidden;
display: block;
vertical-align: text-top;
}
label.chevron.bottom {
display: block;
width: 120%;
}
.pa_format ul li img {
vertical-align: top;
margin-top: -50px;
}
.pa_format ul li:last-of-type{
margin-bottom: 20px;
}
.pa_format li.disabled{
color: rgba(26,26,26,0.2);
......@@ -1165,7 +1222,7 @@ aside.news-wrapper {
.product-info .info-content h2{
font-size: 20px;
line-height: 24px;
letter-spacing: 2px;
letter-spacing: 1px;
text-transform: uppercase;
}
.product-info .info-content h3{
......@@ -1184,6 +1241,11 @@ aside.news-wrapper {
.product-info .details p{
padding-bottom: 6px;
}
.entry-summary .price {
font-size: 0;
}
.product-info .price{
font-size: 20px;
line-height: 24px;
......@@ -1340,6 +1402,7 @@ aside.news-wrapper {
-moz-appearance:none;
appearance:none;
position: relative;
margin-left: -15px;
}
.reset_variations, .quantity{
display: none !important;
......@@ -1592,6 +1655,44 @@ aside.news-wrapper {
display: none;
}
.filter-bloc .bloc-content ul {
overflow-y: auto;
max-height: 300px;
overflow-x: hidden;
}
.filter-bloc .list-color-filter li {
display: inline-block;
height: 15px;
width: 15px;
border-radius: 50%;
cursor: pointer;
text-align: center;
margin-bottom: 4px;
margin-right: 3px;
}
.filter-bloc .list-color-filter li.selected:before {
content: '\2713';
color: #fff;
margin: 0 auto;
font-size: 9px;
margin-bottom: 0px;
}
.filter-bloc .list-color-filter li:before {
content: '';
}
.filter-bloc .list-color-filter li:last-child {
width: 100%;
margin-top: 8px;
text-align: center;
font-size: 9px;
letter-spacing: 0.2px;
}
.filter-bloc ul li {
display: block;
padding-bottom: 2px;
......@@ -1629,6 +1730,10 @@ aside.news-wrapper {
cursor: pointer;
letter-spacing: 0.2px;
}
/******NS***********/
/*******************/
.cover-wrapper{
position: absolute;
left: 0;
......@@ -1689,7 +1794,7 @@ aside.news-wrapper {
.right-container .right-panel{
position: absolute;
right: 0;
padding: 0px 17px;
padding: 0px 15px;
padding-bottom: 100px;
}
.panel section > h2{
......
wp-content/themes/nap/assets/js/main.js
View file @ 1bbdde10
......@@ -157,9 +157,11 @@ $(function(){
$this.addClass('active');
$('.filter-bloc .bloc-content').slideUp('slow');
$this.find('.bloc-content').slideDown('slow');
$('.commercial').slideUp('slow');
}else{
$this.removeClass('active');
$this.find('.bloc-content').slideUp('slow');
//$('.commercial').slideDown('slow');
}
}).on('click','.filter-bloc li:not(.disabled,.reinit)',function(e){
......
wp-content/themes/nap/assets/js/nap.js
View file @ 1bbdde10
jQuery( document ).ready( function() {
jQuery( document ).on('click',".download_file", function() {
var id ;
var download_link = jQuery( '.download_file_link' ).attr('href');
var current_var = jQuery( '.download_file_link' ).attr('id');
var variation_id = jQuery( 'input[name="variation_id"]' ).val();
if(variation_id == 0)
jQuery(document).ready(function() {
jQuery(document).on('click', ".download_file", function() {
var id;
var download_link = jQuery('.download_file_link').attr('href');
var current_var = jQuery('.download_file_link').attr('id');
var variation_id = jQuery('input[name="variation_id"]').val();
if (variation_id == 0)
id = current_var;
else
id = variation_id;
var link = download_link+'?variation_id='+id;
window.open(link, '_blank');
var link = download_link + 'variation_id=' + id;
window.open(link, '_blank');
return false;
return false;
});
jQuery(document ).on('change','.color-list input,.format-list input ', function() {
var varID = jQuery( 'input[name="variation_id"]' ).val();
if(varID != 0 ){
var price = jQuery('.woocommerce-variation-price .woocommerce-Price-amount').text();
var pq = jQuery('.woocommerce-variation-description').text();
jQuery('.price .crete').text(price);
jQuery('.pq').text(pq);
}
var name= jQuery(this).attr('name');
if (jQuery(this).is(':checked') && name =='attribute_pa_couleur'){
jQuery('.info-color').text(jQuery(this).attr('value'));
jQuery(document).on('change', '.color-list input,.format-list input ', function() {
var varID = jQuery('input[name="variation_id"]').val();
if (varID != 0) {
var price = jQuery('.woocommerce-variation-price .woocommerce-Price-amount').text();
var pq = jQuery('.woocommerce-variation-description').text();
jQuery('.price .crete').text(price);
jQuery('.pq').text(pq);
}
var name = jQuery(this).attr('name');
if (jQuery(this).is(':checked') && name == 'attribute_pa_couleur') {
jQuery('.info-color').text(jQuery(this).attr('value'));
}
if (jQuery(this).is(':checked') && name == 'attribute_pa_format') {
jQuery('.info-format').text(jQuery(this).attr('value'));
jQuery('.info-format-txt').text(jQuery(this).attr('value'));
}
});
jQuery("#search-btn").on('click', function() {
jQuery('article').show();
jQuery('.list-animation section').show();
jQuery('article').removeClass('in_search');
//filtre couleur
var tabcolor = [];
i = 0;
jQuery(".list-color-filter .selected").each(function() {
tabcolor[i++] = jQuery(this).attr('data-color');
});
//console.log(tabcolor);
jQuery(".product-list article li").each(function() {
var product_color = jQuery(this).attr('data-color');
if (jQuery.inArray(product_color, tabcolor) >= 0) {
jQuery(this).closest('article').addClass('in_search');
}
if (jQuery(this).is(':checked') && name =='attribute_pa_format'){
jQuery('.info-format').text(jQuery(this).attr('value'));
jQuery('.info-format-txt').text(jQuery(this).attr('value'));
});
if (tabcolor.length > 0)
{
jQuery('article:not(.in_search)').hide();
jQuery('.list-animation section').each(function() {
if (jQuery(this).find('article.in_search').length == 0) {
jQuery(this).hide();
}
});
}
});
});
\ No newline at end of file
wp-content/themes/nap/assets/js/product.js
View file @ 1bbdde10
......@@ -47,12 +47,16 @@ $(function(){
}
})
}
$.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');
......@@ -88,11 +92,13 @@ $(function(){
tl = new TimelineMax()
tl.staggerFromTo('.slides-wrapper .gallery article',0.3,{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);
tl.fromTo('.nav-slider',0.1,{opacity:1},{opacity:0},0);
tl.fromTo('#slides',0.5,{opacity:1},{opacity:0},0);
});
$('.gallery').on('click','.close-btn,article',function(){
tl.reverse();
$('.gallery').fadeTo( "slow", 0).css('visibility','hidden');
$('#slides,.nav-slider').fadeTo( "slow", 1);
})
}
$.fn.showRightPanelAnimation = function(removeClass,addClass){
......@@ -119,16 +125,23 @@ $(function(){
})
}
$.fn.productAnimation = function(){
//first format Actif
var activeImg = $('.format-label #format_0').data('img-active');
$('.format-label #format_0').attr('src',activeImg);
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);
tlProduct.fromTo('.product-images',0.2,{autoAlpha:0, marginLeft:"-10%"},{autoAlpha:1, marginLeft:"0"},0);
tlProduct.staggerFromTo('.product-details .list',0.2,{opacity:0, marginLeft:"-10%"},{opacity:1, marginLeft:"0"},0.4,0.5);
tlProduct.fromTo('.product-info',0.2,{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(){
//alert('here');
sizeProductDetails = $('.product-details .list').length;
if (sizeProductDetails < 2) {
$('.product-info').outerWidth('78.3%');
......@@ -151,7 +164,7 @@ $(function(){
$('.pa_couleur li').selectColor();
$('.pa_format li').selectFormat();
$('.color-list.selected').selectSlide($('#slides'));
},500)
},100)
$('.download-btn:not(.download_file)').click(function(e){
e.stopPropagation();
});
......
wp-content/themes/nap/fiche-technique.php
View file @ 1bbdde10
......@@ -4,7 +4,7 @@
* Template Name: Fiche technique
*
*/
$nfiles = glob("devis/[!\\.]*");
$nfiles = glob("fiches-techniques/[!\\.]*");
if ($nfiles !== FALSE) {
......@@ -15,26 +15,41 @@ if ($nfiles !== FALSE) {
}
$fiche_num = str_pad($nb_fiche, 6, "0", STR_PAD_LEFT);
$product_id = $_GET['product_id'];
$variation_id = $_GET['variation_id'];
$code_variation = nap_load_variation_settings_fields($variation_id);
$fiche_id = $code_variation['var_fiche'];
$variable_product = wc_get_product($variation_id);
$product_title = $variable_product->get_title();
$product_infos = get_page_by_title($product_title, OBJECT, 'product');
// titre = Catégorie + sous catégorie + format + tag
$file_title = "";
$product_cats = array_reverse(wp_get_post_terms($product_infos->ID, 'product_cat'));
$product_cats = wp_get_post_terms($product_id, 'product_cat');
$file_title.=$product_cats[1]->name;
//fiche variable
if($variation_id !='undefined'){
$code_variation = nap_load_variation_settings_fields($variation_id);
$fiche_id = $code_variation['var_fiche'];
$sku = nap_variable_meta($variation_id, 'sku');
$gencod = $code_variation['var_gencod'];
$itf14 = $code_variation['var_itf14'] ;
$variable_product = wc_get_product($variation_id);
$thumb_image = get_the_post_thumbnail($variation_id, 'medium');
$file_title.="<br/>" . $variable_product->get_attribute('format') . " " . get_the_title($product_id);
$color="<span class='variation_color'><strong><em>Couleur </em>: " . $variable_product->get_attribute('couleur') . "</strong></span>";
}
$file_title.=$product_cats[1]->name;
//fiche simple
else {
$fiche_id = get_post_meta($product_id, '_fiche_simple', true);
$sku = get_post_meta($product_id, '_sku',true);
$gencod = get_post_meta($product_id, '_gencod_simple', true);
$itf14 = get_post_meta($product_id,'_itf14_simple', true);
$thumb_image = get_the_post_thumbnail($product_id, 'medium');
$file_title.="<br/>" . get_the_title($product_id);
}
$product = wc_get_product($product_infos->ID);
$tags = $product->get_tag_ids();
$file_title.="<br/>" . $variable_product->get_attribute('format') . " " . get_tag($tags[0])->name;
$icones = "";
if (get_field('fiche_icones', $fiche_id)):
......@@ -45,7 +60,7 @@ if (get_field('fiche_icones', $fiche_id)):
endwhile;
endif;
echo $file_content = "<html>
$file_content = "<html>
<head><title>" . $file_title . "</title>
<style>
.html,body {
......@@ -106,10 +121,9 @@ echo $file_content = "<html>
.thumb_var img {
max-width: 400px !important;
max-height: 400px !important;
padding-right: 100px;
float: right;
}
.gallery-item {
......@@ -157,21 +171,21 @@ echo $file_content = "<html>
</head>
<body><div class='file_content'>
<div class='file_header'>
<div class='half_width thumb_var'>
" . $thumb_image = get_the_post_thumbnail($variation_id, 'shop_catalog') . "
<div class='half_width thumb_var' style='text-align:center'>
" . $thumb_image. "
</div>
<div class='half_width'>
<div class='half_width' style='margin-left:20px;'>
<h1>" . $file_title . "</h1>
<span class='variation_color'><strong><em>Couleur </em>: " . $variable_product->get_attribute('couleur') . "</strong></span>
".$color."
" . nap_get_content($fiche_id) . "
<div>" . $icones . "</div>
</div>
</div>
<div class='bleu_zone'>
<div class='half_width' style='position:relative; padding-left:30px'>
<p>Code article : " . $code_variation['var_code'] . "</p>
<p>Gencod : " . $code_variation['var_gencod'] . "</p>
<p>ITF 14 : " . $code_variation['var_itf14'] . "</p>
<p>Code article : " . $sku . "</p>
<p>Gencod : " . $gencod. "</p>
<p>ITF 14 : " . $itf14 . "</p>
</div>
......@@ -193,8 +207,10 @@ echo $file_content = "<html>
<th>L (cm)</th>
<th>l (cm)</th>
<th>H (cm)</th>
<th>Ø (cm)</th>
<th>Épaisseur (cm)</th>
<th>Capacité (cm)</th>
<th>Taille</th>
<th>Poids (g)</th>
</tr>
</thead>
......@@ -203,8 +219,10 @@ echo $file_content = "<html>
<td>" . get_field('ft_unite_L1', $fiche_id) . "</td>
<td>" . get_field('ft_unite_l2', $fiche_id) . "</td>
<td>" . get_field('ft_unite_H', $fiche_id) . "</td>
<td>" . get_field('ft_unite_diametre', $fiche_id) . "</td>
<td>" . get_field('ft_unite_epaisseur', $fiche_id) . "</td>
<td>" . get_field('ft_unite_capacite', $fiche_id) . "</td>
<td>" . get_field('ft_unite_taille', $fiche_id) . "</td>
<td>" . get_field('ft_unite_poids', $fiche_id) . "</td>
</tr>
</tbody>
......
wp-content/themes/nap/functions.php
View file @ 1bbdde10
......@@ -22,6 +22,13 @@ function get_zones($post_ID = 157) {
return json_encode($allZones);
}
function nap_enqueue_scripts() {
// Enqueue jQuery UI and autocomplete
wp_enqueue_script( 'jquery-ui-core' );
wp_enqueue_script( 'jquery-ui-autocomplete' );
}
add_action( 'wp_enqueue_scripts', 'nap_enqueue_scripts' );
//Dequeue CSS
function nap_dequeue_unnecessary_css() {
wp_dequeue_style('additional-parent-style');
......@@ -148,28 +155,13 @@ add_action('woocommerce_product_after_variable_attributes', 'nap_variation_setti
function nap_variation_settings_fields($loop, $variation_data, $variation) {
// code variation
woocommerce_wp_text_input(
array(
'id' => 'var_code_' . $variation->ID,
'label' => __('Code article', 'woocommerce'),
/* 'desc_tip' => 'true',
'description' => __( 'Ajouter le code article.', 'woocommerce' ), */
'value' => get_post_meta($variation->ID, '_var_code', true),
'custom_attributes' => array(
'step' => 'any',
'min' => '0'
)
)
);
// Gencode
woocommerce_wp_text_input(
array(
'id' => 'var_gencod_' . $variation->ID,
'label' => __('Gencod(EAN13)', 'woocommerce'),
/* 'desc_tip' => 'true',
'description' => __( 'Ajouter le Gencod', 'woocommerce' ), */
'value' => get_post_meta($variation->ID, '_var_gencod', true),
'custom_attributes' => array(
'step' => 'any',
......@@ -183,8 +175,6 @@ function nap_variation_settings_fields($loop, $variation_data, $variation) {
array(
'id' => 'var_itf14_' . $variation->ID,
'label' => __('ITF 14', 'woocommerce'),
/* 'desc_tip' => 'true',
'description' => __( 'Ajouter le Gencod', 'woocommerce' ), */
'value' => get_post_meta($variation->ID, '_var_itf14', true),
'custom_attributes' => array(
'step' => 'any',
......@@ -192,17 +182,54 @@ function nap_variation_settings_fields($loop, $variation_data, $variation) {
)
)
);
$option = nap_post_type_listing('fiche_technique');
woocommerce_wp_text_input(
array(
'id' => 'fiche_var_auto_'. $variation->ID,
'name'=>'fiche_var_auto_'. $variation->ID,
'value' => get_post_meta($variation->ID, 'fiche_var_auto', true),
'label' => __( 'Fiche technique', 'woocommerce' ),
)
);?>
<script type="text/javascript">
jQuery(document).ready(function(){
var posts = <?php echo json_encode( $option ); ?>;
var data = [];
jQuery.each(posts, function( index, value ) {
data.push({'label':value, 'value':index});
});
jQuery('input[name="fiche_var_auto_<?php echo $variation->ID?>"]').click(function() {
jQuery(this).val('');
});
jQuery( 'input[name="fiche_var_auto_<?php echo $variation->ID?>"]' ).autocomplete({
source: data,
minLength: 1,
select: function(event, ui) {
event.preventDefault();
jQuery(this).val(ui.item.label);
jQuery("#_var_fiche_<?php echo $variation->ID?>").val(ui.item.value);
}
});
});
</script>
<?php
woocommerce_wp_hidden_input(
array(
'id' => '_var_fiche_'. $variation->ID,
'label' => __( 'Fiche technique', 'woocommerce' ),
'value' => get_post_meta($variation->ID, '_var_fiche', true),
'name'=>'_var_fiche_'. $variation->ID,
)
);
// Select fiches techniques
$option = nap_post_type_listing('fiche_technique');
woocommerce_wp_select(
array(
'id' => 'var_fiche_' . $variation->ID,
'label' => __('Fiche technique ', 'woocommerce'),
'value' => get_post_meta($variation->ID, '_var_fiche', true),
'options' => $option
)
);
}
// Save Variation Settings
......@@ -210,12 +237,6 @@ add_action('woocommerce_save_product_variation', 'nap_save_variation_settings_fi
function nap_save_variation_settings_fields($variation_id) {
// code variation
$var_code = $_POST['var_code_' . $variation_id];
if (!empty($var_code)) {
update_post_meta($variation_id, '_var_code', esc_attr($var_code));
}
// Gencode
$var_gencod = $_POST['var_gencod_' . $variation_id];
if (!empty($var_gencod)) {
......@@ -228,10 +249,18 @@ function nap_save_variation_settings_fields($variation_id) {
}
// Select fiches techniques
$var_fiche = $_POST['var_fiche_' . $variation_id];
$var_fiche = $_POST['_var_fiche_'. $variation_id];
if (!empty($var_fiche)) {
update_post_meta($variation_id, '_var_fiche', esc_attr($var_fiche));
}
$select_fiche = $_POST['fiche_var_auto_'.$variation_id];
if( ! empty( $select_fiche ) ) {
update_post_meta( $variation_id, 'fiche_var_auto', esc_attr( $select_fiche ) );
}
}
function nap_load_variation_settings_fields($variations_id) {
......@@ -252,7 +281,7 @@ function nap_category_image($catID) {
}
function nap_attachment_image($pageID) {
$thumb = wp_get_attachment_image_src(get_post_thumbnail_id($pageID), 'default');
$thumb = wp_get_attachment_image_src(get_post_thumbnail_id($pageID), 'large');
$url = $thumb['0'];
return $url;
}
......@@ -299,12 +328,12 @@ function nap_menu() {
if ($sub_cats) {
$class = '';
foreach ($sub_cats as $key => $sub_category) {
$subcat_name = explode(' ', $sub_category->name);
if ($key == 0)
$calss = 'active';
else
$calss = '';
$menu.= '<li data-cover = "' . nap_category_image($sub_category->term_id) . '"><a class="' . $calss . '" href="#cat' . $sub_category->term_id . '">' . $subcat_name[1] . '</a></li>';
$menu.= '<li data-cover = "' . nap_category_image($sub_category->term_id) . '"><a class="' . $calss . '" href="#cat' . $sub_category->term_id . '">' . $sub_category->name . '</a></li>';
}
}
......@@ -394,6 +423,13 @@ function nap_distinct_format_variations($variations) {
}
function nap_image_resize($image,$size){
$ext = substr($image, strrpos($image, "."));
$url = substr($image, 0, strrpos($image, "."));
return $newimage = $url . "-".$size."x".$size. $ext;
}
function nap_get_item($post_ID, $args = null, $current_page = '', $options = null) {
$link = $image = $size = '';
......@@ -411,7 +447,7 @@ function nap_get_item($post_ID, $args = null, $current_page = '', $options = nul
}
}
$nap_article = '<article class = " visible row">
<a href="#"></a>
<figure data-bg = "" class = "' . $size . ' transition">
......@@ -422,13 +458,21 @@ function nap_get_item($post_ID, $args = null, $current_page = '', $options = nul
$nap_article .= '<ul class = "clearfix">';
$variations = get_posts($args);
$temp_colors = array();
foreach ($variations as $key => $value) {
$color = nap_variation_color($value->ID);
if (!in_array($color, $temp_colors)) {
$temp_colors[] = $color;
$nap_article.='<li data-link = "' . get_permalink($post_ID) . nap_variation_url($value->ID) . '" data-image = "' . get_the_post_thumbnail_url($value->ID, 'thumbnail') . '" data-color = "' . $color . '"></li> ';
if(!empty($variations)){
foreach ($variations as $key => $value) {
$color = nap_variation_color($value->ID);
$format = nap_variation_format($value->ID);
if (!in_array($color, $temp_colors)) {
$temp_colors[] = $color;
$nap_article.='<li data-link = "' . get_permalink($post_ID) . nap_variation_url($value->ID) . '" data-image = "' . nap_image_resize(get_the_post_thumbnail_url($value->ID),'200') . '" data-color = "' . $color . '" data-format = "' . $format . '"></li> ';
}
}
}
else
{
$nap_article.='<li data-link = "' . get_permalink($post_ID). '" data-image = "' . nap_image_resize(get_the_post_thumbnail_url($value->ID),'200') . '"></li> ';
}
$nap_article.='</ul>';
endif;
$nap_article.='</figure>
......@@ -459,4 +503,99 @@ function my_front_end_login_fail( $username ) {
}
}
\ No newline at end of file
add_action( 'woocommerce_product_options_general_product_data', 'nap_general_product_data_custom_field' );
function nap_general_product_data_custom_field($post_id) {
woocommerce_wp_text_input(
array(
'id' => '_gencod_simple',
'label' => __( 'Gencod(EAN13)', 'woocommerce' ),
)
);
woocommerce_wp_text_input(
array(
'id' => '_itf14_simple',
'label' => __( 'ITF 14', 'woocommerce' ),
)
);
$option = nap_post_type_listing('fiche_technique');
woocommerce_wp_text_input(
array(
'id' => 'fiche_simple_auto',
'name'=>'fiche_simple_auto',
'label' => __( 'Fiche technique', 'woocommerce' ),
)
);?>
<script type="text/javascript">
jQuery(document).ready(function(){
var posts = <?php echo json_encode( $option ); ?>;
var data = [];
jQuery.each(posts, function( index, value ) {
data.push({'label':value, 'value':index});
});
jQuery('input[name="fiche_simple_auto"]').click(function() {
jQuery(this).val('');
});
jQuery( 'input[name="fiche_simple_auto"]' ).autocomplete({
source: data,
minLength: 1,
select: function(event, ui) {
event.preventDefault();
jQuery(this).val(ui.item.label);
jQuery("#_fiche_simple").val(ui.item.value);
}
});
});
</script>
<?php
woocommerce_wp_hidden_input(
array(
'id' => '_fiche_simple',
'label' => __( 'Fiche technique', 'woocommerce' ),
'name'=>'_fiche_simple',
)
);
}
add_action( 'woocommerce_process_product_meta', 'nap_save_general_proddata_custom_field' );
function nap_save_general_proddata_custom_field( $post_id ) {
$select_fiche = $_POST['fiche_simple_auto'];
if( ! empty( $select_fiche ) ) {
update_post_meta( $post_id, 'fiche_simple_auto', esc_attr( $select_fiche ) );
}
$id_fiche = $_POST['_fiche_simple'];
if( ! empty( $id_fiche ) ) {
update_post_meta( $post_id, '_fiche_simple', esc_attr( $id_fiche ) );
}
$text_gencod = $_POST['_gencod_simple'];
if( ! empty( $text_gencod ) ) {
update_post_meta( $post_id, '_gencod_simple', esc_attr( $text_gencod ) );
}
$text_itf14 = $_POST['_itf14_simple'];
if( ! empty( $text_itf14 ) ) {
update_post_meta( $post_id, '_itf14_simple', esc_attr( $text_itf14 ) );
}
}
\ No newline at end of file
wp-content/themes/nap/sidebar.php
View file @ 1bbdde10
......@@ -3,7 +3,7 @@
<nav class="row">
<div class="main-nav nav-wrapper animated slideInLeft">
<div class="nav-header">
<a href="<?php echo get_home_url(); ?>" title="nap by CGMP"><h1 class="logo" style="background: url('<?php echo home_url('wp-content/themes/nap/assets/css/img/naplogo.svg')?>')">nap by CGMP</h1></a>
<a href="<?php echo get_home_url(); ?>" title="nap by CGMP"><h1 class="logo" >nap by CGMP</h1></a>
</div>
<?php get_template_part( 'nav-list' );?>
</div>
......
wp-content/themes/nap/woocommerce/archive-product.php
View file @ 1bbdde10
......@@ -20,11 +20,12 @@ if (!defined('ABSPATH')) {
}
$current_page = 'catalogue';
get_header();
$product;
$cate = get_queried_object();
$cateID = $cate->term_id;
//SubCats
$child_category = get_terms('product_cat', array('parent'=>$cateID, 'child_of' => the_category_ID(), 'exclude' => $cateID, 'orderby' => 'id', 'order' => 'ASC'));
$child_category = get_terms('product_cat', array('parent' => $cateID, 'child_of' => the_category_ID(), 'exclude' => $cateID, 'orderby' => 'id', 'order' => 'ASC'));
?>
<div class="container clearfix" id="catalogue" data-page = "<?php echo $cateID; ?>">
......@@ -42,71 +43,55 @@ $child_category = get_terms('product_cat', array('parent'=>$cateID, 'child_of' =
<span>Filtres</span>
<span class="close-btn"></span>
</div>
<div class="filter-bloc">
<div class="header">
<p><span>Univers</span></p>
</div>
<div class="bloc-content">
<ul>
<li>Nouveautés</li>
<li>Noël</li>
<li class = "disabled">Printemps</li>
</ul>
</div>
<?php
$attributes = array('Univers' => 'pa_univers', 'Matiére' => 'pa_matiere', 'Format' => 'pa_format', 'Couleurs' => 'pa_couleur');
foreach ($attributes as $key => $value) :
?>
<div class="filter-bloc">
<div class="header">
<p><span><?php echo $key ?></span></p>
</div>
</div>
<div class="filter-bloc">
<div class="header">
<p><span>Matiére</span></p>
</div>
<div class="bloc-content">
<ul>
<li>Nouveautés</li>
<li>Noël</li>
<li class = "disabled">Printemps</li>
</ul>
</div>
</div>
<div class="filter-bloc">
<div class="header">
<p><span>Format</span></p>
</div>
<div class="bloc-content">
<ul>
<li>Nouveautés</li>
<li>Noël</li>
<li class = "disabled">Printemps</li>
</ul>
</div>
</div>
<div class="filter-bloc">
<div class="header">
<p><span>Couleurs</span></p>
</div>
<div class="bloc-content">
<ul class = "list-color-filter clearfix">
<li data-color = "#7A3853"></li>
<li data-color = "#fff"></li>
<li data-color = "#7A3853"></li>
<li data-color = "#E8A380"></li>
<li data-color = "#fff"></li>
<li data-color = "#7A3853"></li>
<li data-color = "#E8A380"></li>
<li data-color = "#fff"></li>
<li data-color = "#7A3853"></li>
<li data-color = "#7A3853"></li>
<li data-color = "#fff"></li>
<li data-color = "#7A3853"></li>
<li data-color = "#E8A380"></li>
<li data-color = "#fff"></li>
<li data-color = "#7A3853"></li>
<li class="reinit">Tout déselectionner</li>
</ul>
<?php
$terms = get_terms($value);
if (!empty($terms) && !is_wp_error($terms)):
?>
<div class="bloc-content">
<ul <?php if ($value == 'pa_couleur') echo 'class = "list-color-filter clearfix"'; ?>>
<?php
foreach ($terms as $term) :
if ($value == 'pa_couleur'):
$color = get_field('couleurs', 'pa_couleur_' . $term->term_id);
if (isset($color) && strlen($color) > 0):
?>
<li data-color = "<?php echo $color; ?>" class="<?php echo $term->name; ?>"></li>
<?php
endif;
else :
?>
<li><?php echo $term->name; ?></li>
<?php
endif;
endforeach;
if ($value == 'pa_couleur'):
?>
<li class="reinit">Tout déselectionner</li>
<?php endif; ?>
</ul>
</div>
<?php endif; ?>
</div>
</div>
<?php endforeach; ?>
<div class="center filter-btn-list">
<div class="btn pink-btn rounded">Rechercher</div>
<div class="btn pink-btn rounded" id="search-btn">Rechercher</div>
<span class = "reinit-all">Effacer les filtres</span>
</div>
</div>
......@@ -132,13 +117,13 @@ $child_category = get_terms('product_cat', array('parent'=>$cateID, 'child_of' =
$args = array('post_type' => 'product', 'stock' => 1, 'posts_per_page' => -1, 'product_cat' => $value->name);
$naps_posts = new WP_Query($args);
$options = array();
while ($naps_posts->have_posts()) : $naps_posts->the_post();
$id = get_the_ID();
$options['size'] = (get_field('produit_affichage',$id ))? get_field('produit_affichage',$id ):'small';
$options['size'] = (get_field('produit_affichage', $id)) ? get_field('produit_affichage', $id) : 'small';
$args = array(
'post_type' => 'product_variation',
'post_type' => array('product', 'product_variation'),
'post_status' => array('private', 'publish'),
'numberposts' => -1,
'orderby' => 'menu_order',
......
wp-content/themes/nap/woocommerce/single-product/add-to-cart/simple.php
View file @ 1bbdde10
<?php
//print_r($_GET);
/**
* Simple product add to cart
* Variable product add to cart
*
* This template can be overridden by copying it to yourtheme/woocommerce/single-product/add-to-cart/simple.php.
* This template can be overridden by copying it to yourtheme/woocommerce/single-product/add-to-cart/variable.php.
*
* HOWEVER, on occasion WooCommerce will need to update template files and you
* (the theme developer) will need to copy the new files to your theme to
......@@ -10,61 +11,221 @@
* happen. When this occurs the version of the template file will be bumped and
* the readme will list any important changes.
*
* @see https://docs.woocommerce.com/document/template-structure/
* @author WooThemes
* @package WooCommerce/Templates
* @version 3.0.0
* @see https://docs.woocommerce.com/document/template-structure/
* @author WooThemes
* @package WooCommerce/Templates
* @version 3.0.0
*/
if ( ! defined( 'ABSPATH' ) ) {
exit;
if (!defined('ABSPATH')) {
exit;
}
global $product;
$id = get_the_ID();
$product_cats = wp_get_post_terms($id, 'product_cat');
//print_r($product_cats);
$subcat_iD = $product_cats[0]->term_id;
//$current_variationID = $_GET['variation_id'];
if ( ! $product->is_purchasable() ) {
return;
}
/* if (!function_exists('print_attribute_radio')) {
function print_attribute_radio($checked_value, $value, $label, $name, $index=0) {
$current_color = $_GET['attribute_couleur'];
$selected = $default_checked = "";
if ($value == strtolower($current_color)){
$default_checked = "checked";
$selected = "selected";
}
$checked = sanitize_title($checked_value) === $checked_value ? checked($checked_value, sanitize_title($value), false) : checked($checked_value, $value, false);
$input_name = 'attribute_' . esc_attr($name);
$esc_value = esc_attr($value);
$id = esc_attr($name . '_v_' . $value);
if ($name == 'pa_couleur') {
$hexa = nap_color_attribute($value);
$filtered_label = apply_filters('woocommerce_variation_option_name', $label);
printf(' <style>
#' . $id . ':after { background-color: ' . $hexa . '; }
</style><li class="color-list '.$selected.' " data-color="' . $hexa . '">
<input data-color="' . $hexa . '" type="radio" name="%1$s" value="%2$s" id="%3$s" %4$s ' . $default_checked . '></li>', $input_name, $esc_value, $id, $checked, $filtered_label);
} else {
$icons = nap_icon_format($value);
$format_img='<img src="'.$icons['inactive'].'" data-img = "'.$icons['inactive'].'" data-img-active = "'.$icons['active'].'" id="format_'.$index.'">';
$filtered_label = apply_filters('woocommerce_variation_option_name', $label);
printf('<li class="format-list selected"><input type="radio" name="%1$s" value="%2$s" id="%3$s" %4$s>
<label class="format-label" for="%3$s">'.$format_img.'</label>
<div class="format-desc">'.$value.'</span>
</li>', $input_name, $esc_value, $id, $checked, $filtered_label); //<label class="format-label" style="background:url(' . $icons['inactive'] . ')" for="%3$s"></label>
}
}
}
*
*/
do_action('woocommerce_before_add_to_cart_form');
?>
<div id="product" class="clearfix">
<div class="product-images row animated">
<div class = "btn-wrapper row close-panel">
<div class="pink-btn circle-btn"><a href="#"><span class = "abs-center backlink">Retour</span></a></div>
</div>
<div class="product-slides row">
<div class="product-header">
<h2 class="crete -italic font-small"><?php echo $product_cats[0]->name ?></h2>
<h3 class="crete"><?php the_title(); ?></h3>
</div>
<div class="slides-wrapper center">
<div class="row">
<div class="nav-slider transition">
<ul>
<li id = "mozaique"><span class="icon mozaique row"></span><span class="desc">Mozaïque</span></li>
<li id = "zoom" data-active="false" ><span class="icon zoom"></span><span class="desc">Zoom</span></li>
<li><span class="icon download"></span><span class="desc">Télécharger</span></li>
</ul>
</div>
<div id="slides">
<?php
?>
<div style="background-image:url('<?php echo get_the_post_thumbnail_url($ID, 'medium') ?>')" class="image element-slider easyzoom easyzoom--overlay easyzoom--with-toggle" data-slick-index = "1">
<a href="<?php echo get_the_post_thumbnail_url($ID, 'full') ?>">
<!--<img src="<?php echo get_the_post_thumbnail_url($ID, 'medium') ?>" alt="" />-->
</a>
</div>
<?php
/* if (get_field('images_ambiance', 'product_cat_' . $subcat_iD)):
$ambiance = array();
while (has_sub_field('images_ambiance', 'product_cat_' . $subcat_iD)) :
$image_amb = get_sub_field('img_ab');
$ambiance [] = $image_amb;
$attachment = wp_get_attachment_image_src($image_amb, 'medium');
$hd = wp_get_attachment_image_src($image_amb, 'full');
?>
<div style="background-image:url('<?php echo $attachment[0]; ?>')" class="image element-slider easyzoom easyzoom--overlay easyzoom--with-toggle" data-slick-index = "1">
<a href="<?php echo $hd[0]; ?>">
<!--<img src="<?php echo $attachment[0]; ?>" alt="" />-->
</a>
</div>
<?php
endwhile;
endif; */
?>
</div>
</div>
<div class="gallery clearfix">
<div class="gallery-content clearfix">
<span class="close-btn"></span>
<article class = "row" data-color = "">
<a href="<?php echo get_the_post_thumbnail_url($ID, 'full') ?>"></a>
<figure>
<img src="<?php echo get_the_post_thumbnail_url($ID, 'medium') ?>" alt="" title="">
</figure>
</article>
<?php
if (!empty($ambiance)):
foreach ($ambiance as $key => $value) :
$attachment = wp_get_attachment_image_src($value, 'medium');
$hd = wp_get_attachment_image_src($value, 'full');
?>
<article class = "row" data-color = "red">
<a class = "download-btn" href="<?php echo $hd[0]; ?>" download></a>
<figure>
<img src="<?php echo $attachment[0]; ?>" alt="" title="">
</figure>
</article>
<?php
endforeach;
endif;
?>
</div>
</div>
</div>
</div>
</div>
echo wc_get_stock_html( $product );
<?php $formats = explode(',', nap_variation_format($id)); ?>
<div class="product-details full-height row right transition">
<div class="product-info row center right border-l">
<div class="info-content">
<?php $formats = explode(',', nap_variation_format($id)); ?>
<h2 class = "crete font-small" ><?php echo $product_cats[0]->name ?></h2>
<h3 class = "crete font-small info-attr" ><span class="info-format"><?php echo $formats[0]; ?></span> <span class="info-color"><?php echo$_GET['attribute_couleur'] ?></span></h3>
<div class="details font-small">
<p class="info-format-txt">
<?php echo $formats[0]; ?>
</p>
<p class="pq"><?php echo do_shortcode(get_the_excerpt());?></p>
</div>
<div class="price">
<span class="crete"><?php echo $price = get_post_meta(get_the_ID(), '_regular_price', true); ?> € ht</span>
<div class="notice">( prix public conseillé )</div>
<div class="font-small">
<div class="product_meta">
if ( $product->is_in_stock() ) : ?>
<?php do_action('woocommerce_product_meta_start'); ?>
<?php do_action( 'woocommerce_before_add_to_cart_form' ); ?>
<?php if (wc_product_sku_enabled() && ( $product->get_sku() || $product->is_type('variable') )) : ?>
<form class="cart" method="post" enctype='multipart/form-data'>
<?php
/**
* @since 2.1.0.
*/
do_action( 'woocommerce_before_add_to_cart_button' );
<span class="sku_wrapper"><span class="sku"><?php echo ( $sku = $product->get_sku() ) ? $sku : nap_variable_meta($current_variationID, 'sku'); ?></span></span>
/**
* @since 3.0.0.
*/
do_action( 'woocommerce_before_add_to_cart_quantity' );
<?php endif; ?>
woocommerce_quantity_input( array(
'min_value' => apply_filters( 'woocommerce_quantity_input_min', $product->get_min_purchase_quantity(), $product ),
'max_value' => apply_filters( 'woocommerce_quantity_input_max', $product->get_max_purchase_quantity(), $product ),
'input_value' => isset( $_POST['quantity'] ) ? wc_stock_amount( $_POST['quantity'] ) : $product->get_min_purchase_quantity(),
) );
/**
* @since 3.0.0.
*/
do_action( 'woocommerce_after_add_to_cart_quantity' );
?>
<?php do_action('woocommerce_product_meta_end'); ?>
<button type="submit" name="add-to-cart" value="<?php echo esc_attr( $product->get_id() ); ?>" class="single_add_to_cart_button button alt"><?php echo esc_html( $product->single_add_to_cart_text() ); ?></button>
</div>
<?php
/**
* @since 2.1.0.
*/
do_action( 'woocommerce_after_add_to_cart_button' );
?>
</form>
</div>
</div>
</div>
<div class = "btn-list">
<a href="<?php echo get_permalink(157); ?>" class="btn pink-btn rounded">Nous contacter</a>
<a class="btn pink-btn rounded download-btn download_file">Télécharger la fiche technique </a>
<a href="<?php echo get_permalink(43); ?>?product_id=<?php echo $product->get_id() ?>&" class="hidden download_file_link" id="<?php echo $current_variationID ?>"></a>
</div>
<div class="font-small circle-btn add-icon show-product"><span class= "abs-center">Produits associées</span></div>
</div>
</div>
<div class="product-list transition border-l fixed">
<div class="suggest-header">
<h2>Produits associés</h2>
<span class="close-btn"></span>
</div>
<div class="product-list-content">
<article class = "row full-width">
<a href="#"></a>
<figure>
<img src="http://nap.mano.fr/wp-content/uploads/2017/07/505714-papier-toilette-jumbo-500x375.jpg" alt="" title="">
</figure>
<h3 class = "font-small" >Bobines papier toilette</h3>
</article>
<article class = "row full-width">
<a href="#"></a>
<figure>
<img src="http://nap.mano.fr/wp-content/uploads/2017/07/450108-flexibles-noirs-21cm-315x500.jpg" alt="" title="">
</figure>
<h3 class = "font-small" >Pailles</h3>
</article>
<?php do_action( 'woocommerce_after_add_to_cart_form' ); ?>
<?php endif; ?>
</div>
</div>
</div>
wp-content/themes/nap/woocommerce/single-product/add-to-cart/variable.php
View file @ 1bbdde10
......@@ -24,13 +24,15 @@ global $product;
$attribute_keys = array_keys($attributes);
$product_cats = array_reverse(wp_get_post_terms($product->get_id(), 'product_cat'));
$product_cats = wp_get_post_terms($product->get_id(), 'product_cat');
$subcat_iD = $product_cats[1]->term_id;
$current_variationID = $_GET['variation_id'];
if (!function_exists('print_attribute_radio')) {
function print_attribute_radio($checked_value, $value, $label, $name) {
function print_attribute_radio($checked_value, $value, $label, $name, $index=0) {
$current_color = $_GET['attribute_couleur'];
$selected = $default_checked = "";
if ($value == strtolower($current_color)){
......@@ -53,16 +55,20 @@ if (!function_exists('print_attribute_radio')) {
<input data-color="' . $hexa . '" type="radio" name="%1$s" value="%2$s" id="%3$s" %4$s ' . $default_checked . '></li>', $input_name, $esc_value, $id, $checked, $filtered_label);
} else {
$icons = nap_icon_format($value);
$format_img='<img src="'.$icons['inactive'].'" data-img = "'.$icons['inactive'].'" data-img-active = "'.$icons['active'].'" id="format_'.$index.'">';
$filtered_label = apply_filters('woocommerce_variation_option_name', $label);
printf('<li class="format-list"><input type="radio" name="%1$s" value="%2$s" id="%3$s" %4$s>
printf('<li class="format-list selected"><input type="radio" name="%1$s" value="%2$s" id="%3$s" %4$s>
<label class="format-label" for="%3$s"><img src="'.$icons['inactive'].'" data-img = "'.$icons['inactive'].'" data-img-active = "'.$icons['active'].'"></label>
<label class="format-label" for="%3$s">'.$format_img.'</label>
<div class="format-desc">'.$value.'</span>
</li>', $input_name, $esc_value, $id, $checked, $filtered_label); //<label class="format-label" style="background:url(' . $icons['inactive'] . ')" for="%3$s"></label>
}
}
}
}
do_action('woocommerce_before_add_to_cart_form');
?>
......@@ -75,7 +81,7 @@ do_action('woocommerce_before_add_to_cart_form');
<div class="product-slides row">
<div class="product-header">
<h2 class="crete -italic font-small"><?php echo $product_cats[1]->name ?></h2>
<h3 class="crete"><?php the_title(); ?></h3>
<h3 class="crete"><?php the_title();?></h3>
</div>
<div class="slides-wrapper center">
<div class="row">
......@@ -137,19 +143,22 @@ do_action('woocommerce_before_add_to_cart_form');
</article>
<?php
endforeach;
if(!empty($ambiance)):
foreach ($ambiance as $key => $value) :
$attachment = wp_get_attachment_image_src($value, 'medium');
$hd = wp_get_attachment_image_src($value, 'full');
?>
foreach ($ambiance as $key => $value) :
$attachment = wp_get_attachment_image_src($value, 'medium');
$hd = wp_get_attachment_image_src($value, 'full');
?>
<article class = "row" data-color = "red">
<a class = "download-btn" href="<?php echo $hd[0]; ?>" download></a>
<figure>
<img src="<?php echo $attachment[0]; ?>" alt="" title="">
</figure>
</article>
<?php endforeach; ?>
<article class = "row" data-color = "red">
<a class = "download-btn" href="<?php echo $hd[0]; ?>" download></a>
<figure>
<img src="<?php echo $attachment[0]; ?>" alt="" title="">
</figure>
</article>
<?php
endforeach;
endif;
?>
</div>
......@@ -175,7 +184,7 @@ do_action('woocommerce_before_add_to_cart_form');
<div class="list row <?php echo $name;?> left border-l center">
<div class="product-header center font-small label">
<label for="<?php echo sanitize_title($name); ?>" class = "chevron bottom">Choix <?php if($i==0) echo 'de la '; else echo 'du '; ?><?php echo wc_attribute_label($name); ?></label>
<label for="<?php echo sanitize_title($name); ?>" class = "chevron bottom"> <?php if($i==0) echo 'choix de la '; else echo 'choix du '; ?><?php echo strtolower(wc_attribute_label($name)); ?></label>
</div>
<?php
$sanitized_name = sanitize_title($name);
......@@ -194,15 +203,17 @@ do_action('woocommerce_before_add_to_cart_form');
// Get terms if this is a taxonomy - ordered. We need the names too.
$terms = wc_get_product_terms($product->get_id(), $name, array('fields' => 'all'));
foreach ($terms as $term) {
foreach ($terms as $key=>$term) {
if (!in_array($term->slug, $options)) {
continue;
}
print_attribute_radio($checked_value, $term->slug, $term->name, $sanitized_name);
print_attribute_radio($checked_value, $term->slug, $term->name, $sanitized_name,$key);
}
} else {
foreach ($options as $option) {
print_attribute_radio($checked_value, $option, $option, $sanitized_name);
}
}
}
......@@ -230,49 +241,12 @@ do_action('woocommerce_before_add_to_cart_form');
<?php do_action('woocommerce_after_variations_form'); ?>
<!--<div class="list row list-color left border-l">
<div class="product-header center font-small">
<span class = "chevron bottom">Choix de la couleur</span>
</div>
<ul>
<?php
foreach ($var_colors as $key => $value) :
$variable_product = wc_get_product($key);
?>
<li class = "" data-name='<?php echo $variable_product->get_attribute('couleur'); ?>'><span data-color="<?php echo $value; ?>"></span></li>
<?php endforeach; ?>
</ul>
</div>
<div class="list row pa_format left border-l">
<div class="product-header center font-small">
<span class = "chevron bottom">Choix du format</span>
</div>
<ul>
<?php
$formats_tab = nap_distinct_format_variations($variations);
foreach ($formats_tab as $key => $value) :
$icons = nap_icon_format($key);
$term = get_term_by('name', $value, 'pa_format');
// print_r($term);
?>
<li class ="" data-format='<?php echo $term->slug; ?>'>
<img src="<?php echo $icons['inactive'] ?>" data-img = "<?php echo $icons['inactive'] ?>" data-img-active = '<?php echo $icons['active'] ?>'>
<div class="format-desc"><?php echo $value ?></div>
</li>
<?php endforeach; ?>
</ul>
</div>-->
</form>
<div class="product-info row center left border-l">
<div class="info-content">
<h2 class = "crete -italic font-small" ><?php echo $product_cats[1]->name ?></h2>
<h3 class = "crete -italic font-small info-attr" ><span class="info-format"><?php echo $_GET['attribute_format']?></span> <span class="info-color"><?php echo$_GET['attribute_couleur'] ?></span></h3>
<h2 class = "crete font-small" ><?php echo $product_cats[1]->name ?></h2>
<h3 class = "crete font-small info-attr" ><span class="info-format"><?php echo $_GET['attribute_format']?></span> <span class="info-color"><?php echo$_GET['attribute_couleur'] ?></span></h3>
<div class="details font-small">
<p class="info-format-txt"><?php echo $_GET['attribute_format']?></p>
<p class="pq"><?php echo nap_variable_meta($current_variationID, 'variation_description'); ?></p>
......@@ -302,7 +276,7 @@ do_action('woocommerce_before_add_to_cart_form');
<div class = "btn-list">
<a href="<?php echo get_permalink(157); ?>" class="btn pink-btn rounded">Nous contacter</a>
<a class="btn pink-btn rounded download-btn download_file">Télécharger la fiche technique </a>
<a href="<?php echo get_permalink(43); ?>" class="hidden download_file_link" id="<?php echo $current_variationID ?>"></a>
<a href="<?php echo get_permalink(43); ?>?product_id=<?php echo $product->get_id()?>&" class="hidden download_file_link" id="<?php echo $current_variationID ?>"></a>
</div>
<div class="font-small circle-btn add-icon show-product"><span class= "abs-center">Produits associées</span></div>
</div>
......
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