garancia-pharmaciens/httpdocs/plans-merchandising.php

<?php
/*-----------------------------------------------------*/
include_once("_inc/config.php");
/*-----------------------------------------------------*/

$_RUBRIQUE = "plans-merchandising";

/*-----------------------------------------------------*/
include_once("_inc/assets/metas.php");
include_once("_inc/assets/top.php");
/*-----------------------------------------------------*/
?>


<div class="page">

    <div id="arianne">
    	<a href="home.php">Accueil</a> | 
        <a href="plans-merchandising.php">Animez votre point de vente</a> | 
        <span class="current">Plans merchandising</span>
    </div>
    
    <div class="page_menu">
        <a href="plans-merchandising.php" class="current"><span>Plans merchandising</span></a>
        <a href="affichettes-visuels-logos.php"><span>Affichettes, Visuels & Logos</span></a>
        <a href="cas-de-comptoir-spots-tv.php"><span>Cas de comptoir & Spots TV</span></a>
        <a href="animez-votre-site-internet.php"><span>Animez votre site internet</span></a>
    </div>
    
    <div class="clear"></div>
    
    <div class="page_contents">
    
    	<h2>Mettez en valeur votre gamme de soins Garancia pour envoûter vos clients !</h2>
        
        <p>Sélectionnez la dimension adaptée à votre configuration linéaire pour visualiser le plan merchandising correspondant : </p>
    	
        
        <div class="plan_top">
        	
            <div class="plan_selector">
            	<div class="label">sélectionnez un format</div>
                <div class="plan_container">
					<?php
                    $category = "-1";
                    $items = getFrontPlans();
                    foreach($items as $item){
                        $currCategory = $item -> category;
                        if($category != $currCategory){
                            if($category == "-1"){
                                echo "<ul>";
                            }else{
                                echo "</ul><ul>";
                            }
                        }
                        $category = $currCategory;
                    ?>
                    <li><a href="plans/<?php echo $item -> id; ?>.<?php echo $item -> fileformat; ?>"><?php echo $item -> label; ?></a></li>
                    
                    <?php } ?>
                    </ul>
                </div>
            </div>
            
            <div class="tools">
            	<a href="#null" rel="popin" class="download"><img src="_img/download_btn.png" alt="imprimer" /></a>
                <img src="_img/tools_separator.png" alt="" />
                <a href="#null" rel="popin" class="print"><img src="_img/print_btn.png" alt="impression" /></a>
                <a href="#null" rel="popin" class="see">Voir ce plan</a>
                
                <!--
                <a href="#download" rel="download" class="download"><img src="_img/download_btn.png" alt="imprimer" /></a>
                <img src="_img/tools_separator.png" alt="" />
                <a href="#print" rel="print" class="print"><img src="_img/print_btn.png" alt="impression" /></a>
                <a href="#print" rel="see" class="see">Voir ce plan</a>
                -->
            </div>
			
            <div class="clear"></div>

                        

            
        </div>
        
    
    	<h1><span>[</span> exemples de linéaires CHEZ VOS CONFRèRES <span>]</span></h1>
		
        <div>
        	<img src="files/plans/home.jpg" alt="exemple" />
        </div>
        
        <p>
        	Pour toutes questions :
        </p>
        
        <div style="margin:20px 0;">
        	<a href="contact.php" class="btnRightArrow">contactez-nous</a>
        </div>
        
    </div>

    
</div>
<script type="text/javascript">
$(".plan_selector li a").click(function(e) {
	
	$(".plan_selector li a").removeClass("selected");
	$(this).addClass("selected");
	
	var label = $(this).html();
	
	
	
	$(".plan_selector .label").html(label);
	/*
	$(".tools .download").attr("href",$(this).attr("href"));
	$(".tools .see").attr("href",$(this).attr("href"));
	$(".tools .print").attr("href","popins/print_file.php?file=" + $(this).attr("href"));
	$(".tools .download").attr("rel",label);
	*/
	
	$(".tools .download, .tools .see, .tools .print").attr("href",$(this).attr("href"));
		
	//$(".tools").css("display","block");
	$(".tools").css("opacity",0);
	TweenLite.to($(".tools"),0.5,{opacity:1});
	
	
	showPopin("file_viewer","file=" + $(this).attr("href"));
	
	return false;
});

/*
$(".tools .download").click(function(e) {
    if($(".tools").css("opacity") == 1){
		window.location = "?download=" + $(this).attr("href") + "&filename=" + $(this).attr("rel");
	}
	return false;
});
*/



//redim de la zone du selector

var selWidth = 0;
$(".plans-merchandising .plan_selector .plan_container ul").each(function(index, element) {
    selWidth += $(this).innerWidth();
	selWidth += 1;
});

$(".plans-merchandising .plan_selector .plan_container").css("width",selWidth + "px").css("display","none");


$(".plan_selector").click(function(e) {
    if($(".plan_selector .plan_container").css("display") != "block"){
		$(".plan_selector .plan_container").css("display","block");
	}else{
		$(".plan_selector .plan_container").css("display","none");
	}
});

$(".plan_selector").mouseleave(function(e) {
    $(".plan_selector .plan_container").css("display","none");
});


/*
$(".tools .print").click(function(e) {
     if($(".tools").css("opacity") == 1){
		$(this).printPage();
	 }
	return false;
});*/

$(".tools .download, .tools .see, .tools .print").click(function(e) {
     if($(".tools").css("opacity") == 1){
		showPopin("file_viewer","file=" + $(this).attr("href"));
	 }
	return false;
});


$(".tools").css("opacity",0.2);

</script>

<?php

/*-----------------------------------------------------*/
include_once("_inc/assets/footer.php");
/*-----------------------------------------------------*/
?>