form.mcatalogue.php

<?php if(!defined('PLX_ROOT')) exit; ?>

<?php

	# Récupétion d'une instance de plxMotor
	$plxMotor = plxMotor::getInstance();
	$plxPlugin = $plxMotor->plxPlugins->getInstance('mcatalogue');

	# Récupération de la config
	$config = $plxPlugin->mcatalogueConfig();
	# Récupération du produit
	$product = $plxPlugin->productContent();

	# Breadcrumb
	echo "<ul class=\"breadcrumb\">";
	echo '<li>'.$plxPlugin->mnuName.'</li>';
	echo '<li>'.$product["category"].'</li>';
	echo '<li>'.$product["title"].'</li>';
	echo "</ul>";
	
	# Titre du produit ATTENTION BALISE DEJA PRESENTE VIDE!
	echo('<h1 class="mcatalogue">');
	echo $product["title"];
	echo('</h1>');
	
	# Images produit
	echo '
	<div class="grid row">
	<div id="productImage" class="col sml-12 med-6 *** col-xs-12 col-sm-6 col-md-6">
		<img class="img-product img-master center" src="'.$plxPlugin->productImage(1).'" alt="image product" />
			<div class="grid row">
	';
	
	# Attention si php < 5.5 obligation de déclarer des var avant le test empty
	$img1 = $plxPlugin->productImage(1);	
	$img2 = $plxPlugin->productImage(2);
	$img3 = $plxPlugin->productImage(3);
	
	if( !empty($img2) || !empty($img3) ) {
		echo '<div class="col sml-4 med-4 *** col-xs-4 col-md-4"><img class="thumb thumbnail" src="'.$plxPlugin->productImage(1).'" alt="image 1" title="cliquez pour changer"/></div>';
	}
	if( !empty($img2) ) {
		echo '<div class="col sml-4 med-4 *** col-xs-4 col-md-4"><img class="thumb thumbnail" src="'.$plxPlugin->productImage(2).'" alt="image 1" title="cliquez pour changer"/></div>';
	}	
	if( !empty($img3) ) {
		echo '<div class="col sml-4 med-4 *** col-xs-4 col-md-4"><img class="thumb thumbnail" src="'.$plxPlugin->productImage(3).'" alt="image 1" title="cliquez pour changer"/></div>';
	}
	echo '		
			</div>
	</div>';	

	# Prix du produit
	echo '<div id="productContent" class="col sml-12 med-6 *** col-xs-12 col-sm-6 col-md-6">
		<p>
		<span class="productBackPrice">
		<span class="productPrice">'
		.$product["price"].
		'<sup>'.$config["currency"].'</sup></span></span></p><br/>';
		

		# Description du produit
	echo $product["content"];
	
	# lien de partage
	if( $config["share"] == 1){
			echo '<div class="text-center">
				 <div id="lessbuttons_holder"></div><script async src="https://lessbuttons.com/script.js?facebook=1&twitter=1&googleplus=1&position=inline"></script>
				</div>';
	}

	echo '</div></div>';	

	
	#Détails
	if( !empty($product["details"]) ) :
?>
	<h2 class="mcatalogue">En savoir plus</h2>
    <div id="mtab" class="mtab">   
        <ul class="tabs">
			<li><a href="#mtab" title="Détails" class="tab active">Détails</a></li>
        </ul>
 
        <div id="content_1" class="content">        
			<?php echo $product["details"]; ?>
        </div>
        <div id="content_2" class="content">
			<?php $plxPlugin -> productShowImage(); ?>
        </div>
    </div>
	<?php endif; ?>


	
	
	
<!-- JQUERY POWER! -->
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script type="text/javascript">
    // Une fois le chargment de la page terminé ...
    $(document).ready(  function() {

	// Change l'image sur un clic souris
		$( "img.thumb" ).click(function() {
			var src = $(this).attr("src");
			$( "img.img-product" ).attr("src", src);
		});

	}
);
</script>