[Résolu] Comment recuperer les onglets : caracteristiques, personnalisation ?

BriceVanZeg · April 22, 2014

Bonjour,

j aimerais récupérer les onglets comme dans les versions précédentes, afin de mettre les caractéristiques si il y en a.. dans cet onglets, plutot que dessous comme actuellement.

Si quelqu un a une piste ou a deja bidouillé celà.. je suis preneur.

Par avance merci.

Brice

Edited April 27, 2014 by BriceVanZeg (see edit history)

Finality · April 22, 2014

Bonjour,

il suffit de modifier le template pour activer les onglets. Bootstrap les gère par défaut il serait intéressant de regarder de ce côté

BriceVanZeg · April 22, 2014

j ai beau regarder, mais dans l ancien product.tpl.. il y avait la partie customization: avec des id d onglets..!
Là, plus rien de ce genre.. ou j ai raté qq chose. lol..

Sinon, je fais comme sophip... aidez moi.. lol.. (je plaisante)..

Si qq un a deja chercher a remettre les onglets, et a reussi ? welcome to you.

Brice

Finality · April 22, 2014

Laisse tomber l'ancien product.tpl il faut repartir de zéro Bootstrap gère nativement les onglets, donc il suffit de mettre en forme ton tpl comme bootstrap l'attend : http://getbootstrap.com/javascript/#tabs

Bon courage

BriceVanZeg · April 22, 2014

Super cette page.. Merci. pour le tuyau..!

J vais me pencher la dessus, dés que ca sera bon, je posterais la soluce ici..

Brice

Finality · April 22, 2014

La doc bootstrap est une vraie mine d'or

BriceVanZeg · April 22, 2014

Oui, c clair, mais pour mon truc, j ai encore rien compris, comment je pourrais modifier le tout..! pour recuperer mes onglets comme sur les 1.5.....
J touche en modif et autres, mais en codage .. .bof..!
J vais donc demander a sophip.. de m aider.

En tout cas, c clair, que cette page, est plus qu interressante.! je vais continuer a regarder ca.. (mais je doute)..

Merci a toi,

Brice

BriceVanZeg · April 23, 2014

Up

steven13 · April 25, 2014

Avez vous trouvé la solution?

Si oui, pourriez vous la poster?

Merci =)

myselfidem · April 26, 2014

Une bonne solution a été fournie par un membre !

A tester.

http://www.prestashop.com/forums/topic/316898-product-details-in-tabbed-view/

@+

BriceVanZeg · April 27, 2014

Merci, c'est bon ca.. j ai modifié un peu le truc, et j ai pu placer mes onglets ou je voulais.!
Merci du Tuyau.!

+1 Myselfidem

myselfidem · July 9, 2014

Bonjour,

En suivant plus attentivement les descriptions proposées, je suis parvenu à un certain résultat...

http://www.prestashop.com/forums/topic/316898-product-details-in-tabbed-view/

...mais non encore totalement satisfaisant.

En effet, les onglets apparaissent bien et fonctionnent, mais l'ordre est quelque peu inversé en rapport avec les produits de la même catégories, qui viennent se placer avant la description !

Voici les fichiers utilisés :

product.tpl

{** 2007-2014 PrestaShop** NOTICE OF LICENSE** This source file is subject to the Academic Free License (AFL 3.0)* that is bundled with this package in the file LICENSE.txt.* It is also available through the world-wide-web at this URL:* http://opensource.org/licenses/afl-3.0.php*'>http://opensource.org/licenses/afl-3.0.php* If you did not receive a copy of the license and are unable to* obtain it through the world-wide-web, please send an email* to [email protected] so we can send you a copy immediately.** DISCLAIMER** Do not edit or add to this file if you wish to upgrade PrestaShop to newer* versions in the future. If you wish to customize PrestaShop for your* needs please refer to http://www.prestashop.com for more information.**  @author PrestaShop SA <[email protected]>*  @copyright  2007-2014 PrestaShop SA*  @license    http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)*  International Registered Trademark & Property of PrestaShop SA*}{include file="$tpl_dir./errors.tpl"}{if $errors|@count == 0}	{if !isset($priceDisplayPrecision)}		{assign var='priceDisplayPrecision' value=2}	{/if}	{if !$priceDisplay || $priceDisplay == 2}		{assign var='productPrice' value=$product->getPrice(true, $smarty.const.NULL, $priceDisplayPrecision)}		{assign var='productPriceWithoutReduction' value=$product->getPriceWithoutReduct(false, $smarty.const.NULL)}	{elseif $priceDisplay == 1}		{assign var='productPrice' value=$product->getPrice(false, $smarty.const.NULL, $priceDisplayPrecision)}		{assign var='productPriceWithoutReduction' value=$product->getPriceWithoutReduct(true, $smarty.const.NULL)}	{/if}	<div class="primary_block row" itemscope itemtype="http://schema.org/Product">		{if !$content_only}			<div class="container">				<div class="top-hr"></div>			</div>		{/if}		{if isset($adminActionDisplay) && $adminActionDisplay}			<div id="admin-action">				<p>{l s='This product is not visible to your customers.'}					<input type="hidden" id="admin-action-product-id" value="{$product->id}" />					<input type="submit" value="{l s='Publish'}" name="publish_button" class="exclusive" />					<input type="submit" value="{l s='Back'}" name="lnk_view" class="exclusive" />				</p>				<p id="admin-action-result"></p>			</div>		{/if}		{if isset($confirmation) && $confirmation}			<p class="confirmation">				{$confirmation}			</p>		{/if}		<!-- left infos-->  		<div class="pb-left-column col-xs-12 col-sm-4 col-md-5">			<!-- product img-->        			<div id="image-block" class="clearfix">				{if $product->on_sale}					<span class="sale-box no-print">						<span class="sale-label">{l s='Sale!'}</span>					</span>				{elseif $product->specificPrice && $product->specificPrice.reduction && $productPriceWithoutReduction > $productPrice}					<span class="discount">{l s='Reduced price!'}</span>				{/if}				{if $have_image}					<span id="view_full_size">						{if $jqZoomEnabled && $have_image && !$content_only}							<a class="jqzoom" title="{if !empty($cover.legend)}{$cover.legend|escape:'html':'UTF-8'}{else}{$product->name|escape:'html':'UTF-8'}{/if}" rel="gal1" href="{$link->getImageLink($product->link_rewrite, $cover.id_image, 'thickbox_default')|escape:'html':'UTF-8'}" itemprop="url">								<img itemprop="image" src="{$link->getImageLink($product->link_rewrite, $cover.id_image, 'large_default')|escape:'html':'UTF-8'}" title="{if !empty($cover.legend)}{$cover.legend|escape:'html':'UTF-8'}{else}{$product->name|escape:'html':'UTF-8'}{/if}" alt="{if !empty($cover.legend)}{$cover.legend|escape:'html':'UTF-8'}{else}{$product->name|escape:'html':'UTF-8'}{/if}"/>							</a>						{else}							<img id="bigpic" itemprop="image" src="{$link->getImageLink($product->link_rewrite, $cover.id_image, 'large_default')|escape:'html':'UTF-8'}" title="{if !empty($cover.legend)}{$cover.legend|escape:'html':'UTF-8'}{else}{$product->name|escape:'html':'UTF-8'}{/if}" alt="{if !empty($cover.legend)}{$cover.legend|escape:'html':'UTF-8'}{else}{$product->name|escape:'html':'UTF-8'}{/if}" width="{$largeSize.width}" height="{$largeSize.height}"/>							{if !$content_only}								<span class="span_link no-print">{l s='View larger'}</span>							{/if}						{/if}					</span>				{else}					<span id="view_full_size">						<img itemprop="image" src="{$img_prod_dir}{$lang_iso}-default-large_default.jpg" id="bigpic" alt="" title="{$product->name|escape:'html':'UTF-8'}" width="{$largeSize.width}" height="{$largeSize.height}"/>						{if !$content_only}							<span class="span_link">								{l s='View larger'}							</span>						{/if}					</span>				{/if}			</div> <!-- end image-block -->			{if isset($images) && count($images) > 0}				<!-- thumbnails -->				<div id="views_block" class="clearfix {if isset($images) && count($images) < 2}hidden{/if}">					{if isset($images) && count($images) > 4}						<span class="view_scroll_spacer">							<a id="view_scroll_left" class="" title="{l s='Other views'}" href="javascript:{ldelim}{rdelim}">								{l s='Previous'}							</a>						</span>					{/if}					<div id="thumbs_list">						<ul id="thumbs_list_frame">						{if isset($images)}							{foreach from=$images item=image name=thumbnails}								{assign var=imageIds value="`$product->id`-`$image.id_image`"}								{if !empty($image.legend)}									{assign var=imageTitle value=$image.legend|escape:'html':'UTF-8'}								{else}									{assign var=imageTitle value=$product->name|escape:'html':'UTF-8'}								{/if}								<li id="thumbnail_{$image.id_image}"{if $smarty.foreach.thumbnails.last} class="last"{/if}>									<a 										{if $jqZoomEnabled && $have_image && !$content_only}											href="javascript:void(0);"											rel="{literal}[spam-filter]/literal}gallery: 'gal1', smallimage: '{$link->getImageLink($product->link_rewrite, $imageIds, 'large_default')|escape:'html':'UTF-8'}',largeimage: '{$link->getImageLink($product->link_rewrite, $imageIds, 'thickbox_default')|escape:'html':'UTF-8'}'{literal[spam-filter]{/literal}"										{else}											href="{$link->getImageLink($product->link_rewrite, $imageIds, 'thickbox_default')|escape:'html':'UTF-8'}"											data-fancybox-group="other-views"											class="fancybox{if $image.id_image == $cover.id_image} shown{/if}"										{/if}										title="{$imageTitle}">										<img class="img-responsive" id="thumb_{$image.id_image}" src="{$link->getImageLink($product->link_rewrite, $imageIds, 'cart_default')|escape:'html':'UTF-8'}" alt="{$imageTitle}" title="{$imageTitle}" height="{$cartSize.height}" width="{$cartSize.width}" itemprop="image" />									</a>								</li>							{/foreach}						{/if}						</ul>					</div> <!-- end thumbs_list -->					{if isset($images) && count($images) > 4}						<a id="view_scroll_right" title="{l s='Other views'}" href="javascript:{ldelim}{rdelim}">							{l s='Next'}						</a>					{/if}				</div> <!-- end views-block -->				<!-- end thumbnails -->			{/if}			{if isset($images) && count($images) > 1}				<p class="resetimg clear no-print">					<span id="wrapResetImages" style="display: none;">						<a href="{$link->getProductLink($product)|escape:'html':'UTF-8'}" name="resetImages">							<i class="icon-repeat"></i>							{l s='Display all pictures'}						</a>					</span>				</p>			{/if}		</div> <!-- end pb-left-column -->		<!-- end left infos--> 		<!-- center infos -->		<div class="pb-center-column col-xs-12 col-sm-4">			{if $product->online_only}				<p class="online_only">{l s='Online only'}</p>			{/if}				<h1 itemprop="name">{$product->name|escape:'html':'UTF-8'}</h1>			<p id="product_reference"{if empty($product->reference) || !$product->reference} style="display: none;"{/if}>				<label>{l s='Model'} </label>				<span class="editable" itemprop="sku">{if !isset($groups)}{$product->reference|escape:'html':'UTF-8'}{/if}</span>			</p>			{capture name=condition}				{if $product->condition == 'new'}{l s='New'}				{elseif $product->condition == 'used'}{l s='Used'}				{elseif $product->condition == 'refurbished'}{l s='Refurbished'}				{/if}			{/capture}			<p id="product_condition"{if !$product->condition} style="display: none;"{/if}>				<label>{l s='Condition'} </label>				<span class="editable" itemprop="condition">{$smarty.capture.condition}</span>			</p>			{if $product->description_short || $packItems|@count > 0}				<div id="short_description_block">					{if $product->description_short}						<div id="short_description_content" class="rte align_justify" itemprop="description">{$product->description_short}</div>					{/if}					{if $product->description}						<p class="buttons_bottom_block">							<a href="javascript:{ldelim}{rdelim}" class="button">								{l s='More details'}							</a>						</p>					{/if}					<!--{if $packItems|@count > 0}						<div class="short_description_pack">						<h3>{l s='Pack content'}</h3>							{foreach from=$packItems item=packItem}														<div class="pack_content">								{$packItem.pack_quantity} x <a href="{$link->getProductLink($packItem.id_product, $packItem.link_rewrite, $packItem.category)|escape:'html':'UTF-8'}">{$packItem.name|escape:'html':'UTF-8'}</a>								<p>{$packItem.description_short}</p>							</div>							{/foreach}						</div>					{/if}-->				</div> <!-- end short_description_block -->			{/if}			{if ($display_qties == 1 && !$PS_CATALOG_MODE && $PS_STOCK_MANAGEMENT && $product->available_for_order)}				<!-- number of item in stock -->				<p id="pQuantityAvailable"{if $product->quantity <= 0} style="display: none;"{/if}>					<span id="quantityAvailable">{$product->quantity|intval}</span>					<span {if $product->quantity > 1} style="display: none;"{/if} id="quantityAvailableTxt">{l s='Item'}</span>					<span {if $product->quantity == 1} style="display: none;"{/if} id="quantityAvailableTxtMultiple">{l s='Items'}</span>				</p>			{/if}			{if $PS_STOCK_MANAGEMENT}				<!-- availability -->				<p id="availability_statut"{if ($product->quantity <= 0 && !$product->available_later && $allow_oosp) || ($product->quantity > 0 && !$product->available_now) || !$product->available_for_order || $PS_CATALOG_MODE} style="display: none;"{/if}>					{*<span id="availability_label">{l s='Availability:'}</span>*}					<span id="availability_value"{if $product->quantity <= 0} class="warning_inline"{/if}>{if $product->quantity <= 0}{if $allow_oosp}{$product->available_later}{else}{l s='This product is no longer in stock'}{/if}{else}{$product->available_now}{/if}</span>								</p>				<p class="warning_inline" id="last_quantities"{if ($product->quantity > $last_qties || $product->quantity <= 0) || $allow_oosp || !$product->available_for_order || $PS_CATALOG_MODE} style="display: none"{/if} >{l s='Warning: Last items in stock!'}</p>			{/if}			<p id="availability_date"{if ($product->quantity > 0) || !$product->available_for_order || $PS_CATALOG_MODE || !isset($product->available_date) || $product->available_date < $smarty.now|date_format:'%Y-%m-%d'} style="display: none;"{/if}>				<span id="availability_date_label">{l s='Availability date:'}</span>				<span id="availability_date_value">{dateFormat date=$product->available_date full=false}</span>			</p>			<!-- Out of stock hook -->			<div id="oosHook"{if $product->quantity > 0} style="display: none;"{/if}>				{$HOOK_PRODUCT_OOS}			</div>			{if isset($HOOK_EXTRA_RIGHT) && $HOOK_EXTRA_RIGHT}{$HOOK_EXTRA_RIGHT}{/if}			{if !$content_only}				<!-- usefull links-->				<ul id="usefull_link_block" class="clearfix no-print">					{if $HOOK_EXTRA_LEFT}{$HOOK_EXTRA_LEFT}{/if}					<li class="print">						<a href="javascript:print();">							{l s='Print'}						</a>					</li>					{if $have_image && !$jqZoomEnabled}{/if}				</ul>			{/if}		</div>		<!-- end center infos-->		<!-- pb-right-column-->		<div class="pb-right-column col-xs-12 col-sm-4 col-md-3">			{if ($product->show_price && !isset($restricted_country_mode)) || isset($groups) || $product->reference || (isset($HOOK_PRODUCT_ACTIONS) && $HOOK_PRODUCT_ACTIONS)}			<!-- add to cart form-->			<form id="buy_block" {if $PS_CATALOG_MODE && !isset($groups) && $product->quantity > 0}class="hidden"{/if} action="{$link->getPageLink('cart')|escape:'html':'UTF-8'}" method="post">				<!-- hidden datas -->				<p class="hidden">					<input type="hidden" name="token" value="{$static_token}" />					<input type="hidden" name="id_product" value="{$product->id|intval}" id="product_page_product_id" />					<input type="hidden" name="add" value="1" />					<input type="hidden" name="id_product_attribute" id="idCombination" value="" />				</p>				<div class="box-info-product">					<div class="content_prices clearfix">						{if $product->show_price && !isset($restricted_country_mode) && !$PS_CATALOG_MODE}							<!-- prices -->							<div class="price">								<p class="our_price_display" itemprop="offers" itemscope itemtype="http://schema.org/Offer">									<link itemprop="availability" {if $product->quantity <= 0}href="http://schema.org/OutOfStock"{else}href="http://schema.org/InStock"{/if}>									{if $priceDisplay >= 0 && $priceDisplay <= 2}										<span id="our_price_display" itemprop="price">{convertPrice price=$productPrice}</span>										<!--{if $tax_enabled  && ((isset($display_tax_label) && $display_tax_label == 1) || !isset($display_tax_label))}											{if $priceDisplay == 1}{l s='tax excl.'}{else}{l s='tax incl.'}{/if}										{/if}-->										<meta itemprop="priceCurrency" content="{$currency->iso_code}" />									{/if}								</p>								<p id="reduction_percent" {if !$product->specificPrice || $product->specificPrice.reduction_type != 'percentage'} style="display:none;"{/if}>									<span id="reduction_percent_display">										{if $product->specificPrice && $product->specificPrice.reduction_type == 'percentage'}-{$product->specificPrice.reduction*100}%{/if}									</span>								</p>								<p id="old_price"{if (!$product->specificPrice || !$product->specificPrice.reduction) && $group_reduction == 1} class="hidden"{/if}>									{if $priceDisplay >= 0 && $priceDisplay <= 2}										<span id="old_price_display">{if $productPriceWithoutReduction > $productPrice}{convertPrice price=$productPriceWithoutReduction}{/if}</span>										<!-- {if $tax_enabled && $display_tax_label == 1}{if $priceDisplay == 1}{l s='tax excl.'}{else}{l s='tax incl.'}{/if}{/if} -->									{/if}								</p>								{if $priceDisplay == 2}									<br />									<span id="pretaxe_price">										<span id="pretaxe_price_display">{convertPrice price=$product->getPrice(false, $smarty.const.NULL)}</span>										{l s='tax excl.'}									</span>								{/if}							</div> <!-- end prices -->							<p id="reduction_amount" {if !$product->specificPrice || $product->specificPrice.reduction_type != 'amount' || $product->specificPrice.reduction|floatval ==0} style="display:none"{/if}>								<span id="reduction_amount_display">								{if $product->specificPrice && $product->specificPrice.reduction_type == 'amount' && $product->specificPrice.reduction|intval !=0}									-{convertPrice price=$productPriceWithoutReduction-$productPrice|floatval}								{/if}								</span>							</p>							{if $packItems|@count && $productPrice < $product->getNoPackPrice()}								<p class="pack_price">{l s='Instead of'} <span style="text-decoration: line-through;">{convertPrice price=$product->getNoPackPrice()}</span></p>							{/if}							{if $product->ecotax != 0}								<p class="price-ecotax">{l s='Include'} <span id="ecotax_price_display">{if $priceDisplay == 2}{$ecotax_tax_exc|convertAndFormatPrice}{else}{$ecotax_tax_inc|convertAndFormatPrice}{/if}</span> {l s='For green tax'}									{if $product->specificPrice && $product->specificPrice.reduction}									<br />{l s='(not impacted by the discount)'}									{/if}								</p>							{/if}							{if !empty($product->unity) && $product->unit_price_ratio > 0.000000}								{math equation="pprice / punit_price"  pprice=$productPrice  punit_price=$product->unit_price_ratio assign=unit_price}								<p class="unit-price"><span id="unit_price_display">{convertPrice price=$unit_price}</span> {l s='per'} {$product->unity|escape:'html':'UTF-8'}</p>							{/if}						{/if} {*close if for show price*}						<div class="clear"></div>					</div> <!-- end content_prices -->					<div class="product_attributes clearfix">						<!-- quantity wanted -->						{if !$PS_CATALOG_MODE}						<p id="quantity_wanted_p"{if (!$allow_oosp && $product->quantity <= 0) || !$product->available_for_order || $PS_CATALOG_MODE} style="display: none;"{/if}>							<label>{l s='Quantity:'}</label>							<input type="text" name="qty" id="quantity_wanted" class="text" value="{if isset($quantityBackup)}{$quantityBackup|intval}{else}{if $product->minimal_quantity > 1}{$product->minimal_quantity}{else}1{/if}{/if}" />							<a href="#" data-field-qty="qty" class="btn btn-default button-minus product_quantity_down">								<span><i class="icon-minus"></i></span>							</a>							<a href="#" data-field-qty="qty" class="btn btn-default button-plus product_quantity_up ">								<span><i class="icon-plus"></i></span>							</a>							<span class="clearfix"></span>						</p>						{/if}						<!-- minimal quantity wanted -->						<p id="minimal_quantity_wanted_p"{if $product->minimal_quantity <= 1 || !$product->available_for_order || $PS_CATALOG_MODE} style="display: none;"{/if}>							{l s='This product is not sold individually. You must select at least'} <b id="minimal_quantity_label">{$product->minimal_quantity}</b> {l s='quantity for this product.'}						</p>						{if isset($groups)}							<!-- attributes -->							<div id="attributes">								<div class="clearfix"></div>								{foreach from=$groups key=id_attribute_group item=group}									{if $group.attributes|@count}										<fieldset class="attribute_fieldset">											<label class="attribute_label" {if $group.group_type != 'color' && $group.group_type != 'radio'}for="group_{$id_attribute_group|intval}"{/if}>{$group.name|escape:'html':'UTF-8'} :&nbsp;</label>											{assign var="groupName" value="group_$id_attribute_group"}											<div class="attribute_list">												{if ($group.group_type == 'select')}													<select name="{$groupName}" id="group_{$id_attribute_group|intval}" class="form-control attribute_select no-print">														{foreach from=$group.attributes key=id_attribute item=group_attribute}															<option value="{$id_attribute|intval}"{if (isset($smarty.get.$groupName) && $smarty.get.$groupName|intval == $id_attribute) || $group.default == $id_attribute} selected="selected"{/if} title="{$group_attribute|escape:'html':'UTF-8'}">{$group_attribute|escape:'html':'UTF-8'}</option>														{/foreach}													</select>												{elseif ($group.group_type == 'color')}													<ul id="color_to_pick_list" class="clearfix">														{assign var="default_colorpicker" value=""}														{foreach from=$group.attributes key=id_attribute item=group_attribute}															<li{if $group.default == $id_attribute} class="selected"{/if}>																<a href="{$link->getProductLink($product)|escape:'html':'UTF-8'}" id="color_{$id_attribute|intval}" name="{$colors.$id_attribute.name|escape:'html':'UTF-8'}" class="color_pick{if ($group.default == $id_attribute)} selected{/if}" style="background: {$colors.$id_attribute.value|escape:'html':'UTF-8'};" title="{$colors.$id_attribute.name|escape:'html':'UTF-8'}">																	{if file_exists($col_img_dir|cat:$id_attribute|cat:'.jpg')}																		<img src="{$img_col_dir}{$id_attribute|intval}.jpg" alt="{$colors.$id_attribute.name|escape:'html':'UTF-8'}" width="20" height="20" />																	{/if}																</a>															</li>															{if ($group.default == $id_attribute)}																{$default_colorpicker = $id_attribute}															{/if}														{/foreach}													</ul>													<input type="hidden" class="color_pick_hidden" name="{$groupName|escape:'html':'UTF-8'}" value="{$default_colorpicker|intval}" />												{elseif ($group.group_type == 'radio')}													<ul>														{foreach from=$group.attributes key=id_attribute item=group_attribute}															<li>																<input type="radio" class="attribute_radio" name="{$groupName|escape:'html':'UTF-8'}" value="{$id_attribute}" {if ($group.default == $id_attribute)} checked="checked"{/if} />																<span>{$group_attribute|escape:'html':'UTF-8'}</span>															</li>														{/foreach}													</ul>												{/if}											</div> <!-- end attribute_list -->										</fieldset>									{/if}								{/foreach}							</div> <!-- end attributes -->						{/if}					</div> <!-- end product_attributes -->					<div class="box-cart-bottom">						<div{if (!$allow_oosp && $product->quantity <= 0) || !$product->available_for_order || (isset($restricted_country_mode) && $restricted_country_mode) || $PS_CATALOG_MODE} class="unvisible"{/if}>							<p id="add_to_cart" class="buttons_bottom_block no-print">								<button type="submit" name="Submit" class="exclusive">									<span>{l s='Add to cart'}</span>								</button>							</p>						</div>						{if isset($HOOK_PRODUCT_ACTIONS) && $HOOK_PRODUCT_ACTIONS}{$HOOK_PRODUCT_ACTIONS}{/if}<strong></strong>					</div> <!-- end box-cart-bottom -->				</div> <!-- end box-info-product -->			</form>			{/if}		</div> <!-- end pb-right-column-->	</div> <!-- end primary_block -->	{if !$content_only}{if (isset($quantity_discounts) && count($quantity_discounts) > 0)}			<!-- quantity discount -->			<section class="page-product-box">				<h3 class="page-product-heading">{l s='Volume discounts'}</h3>				<div id="quantityDiscount">					<table class="std table-product-discounts">						<thead>							<tr>								<th>{l s='Quantity'}</th>								<th>{if $display_discount_price}{l s='Price'}{else}{l s='Discount'}{/if}</th>								<th>{l s='You Save'}</th>							</tr>						</thead>						<tbody>							{foreach from=$quantity_discounts item='quantity_discount' name='quantity_discounts'}							<tr id="quantityDiscount_{$quantity_discount.id_product_attribute}" class="quantityDiscount_{$quantity_discount.id_product_attribute}">							<td>{$quantity_discount.quantity|intval}</td>								<td>									{if $quantity_discount.price >= 0 || $quantity_discount.reduction_type == 'amount'}										{if $display_discount_price}											{convertPrice price=$productPrice-$quantity_discount.real_value|floatval}										{else}											{convertPrice price=$quantity_discount.real_value|floatval}										{/if}									{else}										{if $display_discount_price}											{convertPrice price = $productPrice-($productPrice*$quantity_discount.reduction)|floatval}										{else}											{$quantity_discount.real_value|floatval}%										{/if}									{/if}								</td>								<td>									<span>{l s='Up to'}</span>									{if $quantity_discount.price >= 0 || $quantity_discount.reduction_type == 'amount'}										{$discountPrice=$productPrice-$quantity_discount.real_value|floatval}									{else}										{$discountPrice=$productPrice-($productPrice*$quantity_discount.reduction)|floatval}									{/if}									{$discountPrice=$discountPrice*$quantity_discount.quantity}									{$qtyProductPrice = $productPrice*$quantity_discount.quantity}									{convertPrice price=$qtyProductPrice-$discountPrice}								</td>							</tr>							{/foreach}						</tbody>					</table>				</div>			</section>		{/if}		{if isset($HOOK_PRODUCT_FOOTER) && $HOOK_PRODUCT_FOOTER}{$HOOK_PRODUCT_FOOTER}{/if}		<!-- description & features -->        {if (isset($product) && $product->description) || (isset($features) && $features) || (isset($accessories) && $accessories) || (isset($HOOK_PRODUCT_TAB) && $HOOK_PRODUCT_TAB) || (isset($attachments) && $attachments) || isset($product) && $product->customizable}        <div id="more_info_block" class="col-md-12 review-tab">            <ul id="more_info_tabs" class="idTabs idTabsShort nav nav-tabs">                {if $product->description}<li><a id="more_info_tab_more_info" href="#idTab1">{l s='More info'}</a></li>{/if}                {if $features}<li><a id="more_info_tab_data_sheet" href="#idTab2">{l s='Data sheet'}</a></li>{/if}                {if $attachments}<li><a id="more_info_tab_attachments" href="#idTab9">{l s='Download'}</a></li>{/if}                {if isset($accessories) AND $accessories}<li><a href="#idTab4">{l s='Accessories'}</a></li>{/if}                {if isset($product) && $product->customizable}<li><a href="#idTab10">{l s='Product customization'}</a></li>{/if}                {if isset($HOOK_PRODUCT_TAB) && $HOOK_PRODUCT_TAB}<li><a href="#idTab11">{l s='Product Reviews'}</a></li>{/if}            </ul>                        <div id="more_info_sheets" class="sheets align_justify">                {if isset($product) && $product->description}                    <!-- full description -->                    <section class="page-product-box" id="idTab1">                    {$product->description}                    </section>                {/if}                                                {if isset($HOOK_PRODUCT_TAB) && $HOOK_PRODUCT_TAB}                    <!-- full description -->                                         <section class="page-product-box" id="idTab11">                    {if isset($HOOK_PRODUCT_TAB_CONTENT) && $HOOK_PRODUCT_TAB_CONTENT}{$HOOK_PRODUCT_TAB_CONTENT}{/if}                    </section>                {/if}                                {if isset($features) && $features}                    <!-- product's features -->                    <section class="page-product-box" id="idTab2">                    <ul  class="bullet">                    {foreach from=$features item=feature}                        {if isset($feature.value)}                            <li><span>{$feature.name|escape:'htmlall':'UTF-8'}</span> {$feature.value|escape:'htmlall':'UTF-8'}</li>                        {/if}                    {/foreach}                    </ul>                    </section>                {/if}                                {if isset($attachments) && $attachments}                <section class="page-product-box" id="idTab9">                    <ul class="bullet">                    {foreach from=$attachments item=attachment}                        <li><a href="{$link->getPageLink('attachment', true, NULL, "id_attachment={$attachment.id_attachment}")|escape:'html'}">{$attachment.name|escape:'htmlall':'UTF-8'}</a><br />{$attachment.description|escape:'htmlall':'UTF-8'}</li>                    {/foreach}                    </ul>                    </section>                {/if}                                {if isset($accessories) AND $accessories}                    <!-- accessories -->                     <section class="page-product-box" id="idTab4">                        <div class="block products_block accessories_block clearfix">                            <div class="block_content">                                <ul>                                {foreach from=$accessories item=accessory name=accessories_list}                                    {if ($accessory.allow_oosp || $accessory.quantity_all_versions > 0 || $accessory.quantity > 0) AND $accessory.available_for_order AND !isset($restricted_country_mode)}                                        {assign var='accessoryLink' value=$link->getProductLink($accessory.id_product, $accessory.link_rewrite, $accessory.category)}                                        <li class="ajax_block_product{if $smarty.foreach.accessories_list.first} first_item{elseif $smarty.foreach.accessories_list.last} last_item{else} item{/if} product_accessories_description">                                            <p class="s_title_block">                                                <a href="{$accessoryLink|escape:'htmlall':'UTF-8'}">{$accessory.name|escape:'htmlall':'UTF-8'}</a>                                                {if $accessory.show_price AND !isset($restricted_country_mode) AND !$PS_CATALOG_MODE} - <span class="price">{if $priceDisplay != 1}{displayWtPrice p=$accessory.price}{else}{displayWtPrice p=$accessory.price_tax_exc}{/if}</span>{/if}                                            </p>                                            <div class="product_desc">                                                <a href="{$accessoryLink|escape:'htmlall':'UTF-8'}" title="{$accessory.legend|escape:'htmlall':'UTF-8'}" class="product_image"><img src="{$link->getImageLink($accessory.link_rewrite, $accessory.id_image, 'medium_default')|escape:'html'}" alt="{$accessory.legend|escape:'htmlall':'UTF-8'}" width="{$mediumSize.width}" height="{$mediumSize.height}" /></a>                                                <div class="block_description">                                                    <a href="{$accessoryLink|escape:'htmlall':'UTF-8'}" title="{l s='More'}" class="product_description">{$accessory.description_short|strip_tags|truncate:400:'...'}</a>                                                </div>                                                <div class="clear_product_desc">&nbsp;</div>                                            </div>                                                                                        <p class="clearfix" style="margin-top:5px">                                                <a class="button" href="{$accessoryLink|escape:'htmlall':'UTF-8'}" title="{l s='View'}">{l s='View'}</a>                                                {if !$PS_CATALOG_MODE && ($accessory.allow_oosp || $accessory.quantity > 0)}                                                <a class="exclusive button ajax_add_to_cart_button" href="{$link->getPageLink('cart', true, NULL, "qty=1&amp;id_product={$accessory.id_product|intval}&amp;token={$static_token}&amp;add")|escape:'html'}" rel="ajax_id_product_{$accessory.id_product|intval}" title="{l s='Add to cart'}">{l s='Add to cart'}</a>                                                {/if}                                            </p>                                                                                    </li>                                    {/if}                                {/foreach}                                </ul>                            </div>                        </div>                    </section>                {/if}                <!-- Customizable products -->                {if isset($product) && $product->customizable}                 <section class="page-product-box" id="idTab10">                    <div class="bullet customization_block">                        <form method="post" action="{$customizationFormTarget}" enctype="multipart/form-data" id="customizationForm" class="clearfix">                            <p class="infoCustomizable">                                {l s='After saving your customized product, remember to add it to your cart.'}                                {if $product->uploadable_files}<br />{l s='Allowed file formats are: GIF, JPG, PNG'}{/if}                            </p>                            {if $product->uploadable_files|intval}                            <div class="customizableProductsFile">                                <h3>{l s='Pictures'}</h3>                                <ul id="uploadable_files" class="clearfix">                                    {counter start=0 assign='customizationField'}                                    {foreach from=$customizationFields item='field' name='customizationFields'}                                        {if $field.type == 0}                                            <li class="customizationUploadLine{if $field.required} required{/if}">{assign var='key' value='pictures_'|cat:$product->id|cat:'_'|cat:$field.id_customization_field}                                                {if isset($pictures.$key)}                                                <div class="customizationUploadBrowse">                                                    <img src="{$pic_dir}{$pictures.$key}_small" alt="" />                                                    <a href="{$link->getProductDeletePictureLink($product, $field.id_customization_field)|escape:'html'}" title="{l s='Delete'}" >                                                        <img src="{$img_dir}icon/delete.gif" alt="{l s='Delete'}" class="customization_delete_icon" width="11" height="13" />                                                    </a>                                                </div>                                                {/if}                                                <div class="customizationUploadBrowse">                                                    <label class="customizationUploadBrowseDescription">{if !empty($field.name)}{$field.name}{else}{l s='Please select an image file from your computer'}{/if}{if $field.required}<sup>*</sup>{/if}</label>                                                    <input type="file" name="file{$field.id_customization_field}" id="img{$customizationField}" class="customization_block_input {if isset($pictures.$key)}filled{/if}" />                                                </div>                                            </li>                                            {counter}                                        {/if}                                    {/foreach}                                </ul>                            </div>                            {/if}                            {if $product->text_fields|intval}                            <div class="customizableProductsText">                                <h3>{l s='Text'}</h3>                                <ul id="text_fields">                                {counter start=0 assign='customizationField'}                                {foreach from=$customizationFields item='field' name='customizationFields'}                                    {if $field.type == 1}                                    <li class="customizationUploadLine{if $field.required} required{/if}">                                        <label for ="textField{$customizationField}">{assign var='key' value='textFields_'|cat:$product->id|cat:'_'|cat:$field.id_customization_field} {if !empty($field.name)}{$field.name}{/if}{if $field.required}<sup>*</sup>{/if}</label>                                        <textarea name="textField{$field.id_customization_field}" id="textField{$customizationField}" rows="1" cols="40" class="customization_block_input">{if isset($textFields.$key)}{$textFields.$key|stripslashes}{/if}</textarea>                                    </li>                                    {counter}                                    {/if}                                {/foreach}                                </ul>                            </div>                            {/if}                            <p id="customizedDatas">                                <input type="hidden" name="quantityBackup" id="quantityBackup" value="" />                                <input type="hidden" name="submitCustomizedDatas" value="1" />                                <input type="button" class="button" value="{l s='Save'}" onclick="javascript:saveCustomization()" />                                <span id="ajax-loader" style="display:none"><img src="{$img_ps_dir}loader.gif" alt="loader" /></span>                            </p>                        </form>                        <p class="clear required"><sup>*</sup> {l s='required fields'}</p>                    </div>                 </section>                {/if}            </div>        </div>        {/if}        {if (isset($product) && $product->description) || (isset($features) && $features) || (isset($accessories) && $accessories) || (isset($HOOK_PRODUCT_TAB) && $HOOK_PRODUCT_TAB) || (isset($attachments) && $attachments) || isset($product) && $product->customizable}			{if isset($attachments) && $attachments}					<!--Download -->			<section class="page-product-box">				<h3 class="page-product-heading">{l s='Download'}</h3>				{foreach from=$attachments item=attachment name=attachements}					{if $smarty.foreach.attachements.iteration %3 == 1}<div class="row">{/if}						<div class="col-lg-4">							<h4><a href="{$link->getPageLink('attachment', true, NULL, "id_attachment={$attachment.id_attachment}")|escape:'html':'UTF-8'}">{$attachment.name|escape:'html':'UTF-8'}</a></h4>							<p class="text-muted">{$attachment.description|escape:'html':'UTF-8'}</p>							<a class="btn btn-default btn-block" href="{$link->getPageLink('attachment', true, NULL, "id_attachment={$attachment.id_attachment}")|escape:'html':'UTF-8'}">								<i class="icon-download"></i>								{l s="Download"} ({Tools::formatBytes($attachment.file_size, 2)})							</a>							<hr>						</div>					{if $smarty.foreach.attachements.iteration %3 == 0 || $smarty.foreach.attachements.last}</div>{/if}				{/foreach}			</section>			<!--end Download -->			{/if}			{if isset($product) && $product->customizable}			<!--Customization -->			<section class="page-product-box">				<h3 class="page-product-heading">{l s='Product customization'}</h3>				<!-- Customizable products -->				<form method="post" action="{$customizationFormTarget}" enctype="multipart/form-data" id="customizationForm" class="clearfix">					<p class="infoCustomizable">						{l s='After saving your customized product, remember to add it to your cart.'}						{if $product->uploadable_files}						<br />						{l s='Allowed file formats are: GIF, JPG, PNG'}{/if}					</p>					{if $product->uploadable_files|intval}						<div class="customizableProductsFile">							<h5 class="product-heading-h5">{l s='Pictures'}</h5>							<ul id="uploadable_files" class="clearfix">								{counter start=0 assign='customizationField'}								{foreach from=$customizationFields item='field' name='customizationFields'}									{if $field.type == 0}										<li class="customizationUploadLine{if $field.required} required{/if}">{assign var='key' value='pictures_'|cat:$product->id|cat:'_'|cat:$field.id_customization_field}											{if isset($pictures.$key)}												<div class="customizationUploadBrowse">													<img src="{$pic_dir}{$pictures.$key}_small" alt="" />														<a href="{$link->getProductDeletePictureLink($product, $field.id_customization_field)|escape:'html':'UTF-8'}" title="{l s='Delete'}" >															<img src="{$img_dir}icon/delete.gif" alt="{l s='Delete'}" class="customization_delete_icon" width="11" height="13" />														</a>												</div>											{/if}											<div class="customizationUploadBrowse form-group">												<label class="customizationUploadBrowseDescription">													{if !empty($field.name)}														{$field.name}													{else}														{l s='Please select an image file from your computer'}													{/if}													{if $field.required}<sup>*</sup>{/if}												</label>												<input type="file" name="file{$field.id_customization_field}" id="img{$customizationField}" class="form-control customization_block_input {if isset($pictures.$key)}filled{/if}" />											</div>										</li>										{counter}									{/if}								{/foreach}							</ul>						</div>					{/if}					{if $product->text_fields|intval}						<div class="customizableProductsText">							<h5 class="product-heading-h5">{l s='Text'}</h5>							<ul id="text_fields">							{counter start=0 assign='customizationField'}							{foreach from=$customizationFields item='field' name='customizationFields'}								{if $field.type == 1}									<li class="customizationUploadLine{if $field.required} required{/if}">										<label for ="textField{$customizationField}">											{assign var='key' value='textFields_'|cat:$product->id|cat:'_'|cat:$field.id_customization_field}											{if !empty($field.name)}												{$field.name}											{/if}											{if $field.required}<sup>*</sup>{/if}										</label>										<textarea name="textField{$field.id_customization_field}" class="form-control customization_block_input" id="textField{$customizationField}" rows="3" cols="20">{strip}											{if isset($textFields.$key)}												{$textFields.$key|stripslashes}											{/if}										{/strip}</textarea>									</li>									{counter}								{/if}							{/foreach}							</ul>						</div>					{/if}					<p id="customizedDatas">						<input type="hidden" name="quantityBackup" id="quantityBackup" value="" />						<input type="hidden" name="submitCustomizedDatas" value="1" />						<button class="button btn btn-default button button-small" name="saveCustomization">							<span>{l s='Save'}</span>						</button>						<span id="ajax-loader" class="unvisible">							<img src="{$img_ps_dir}loader.gif" alt="loader" />						</span>					</p>				</form>				<p class="clear required"><sup>*</sup> {l s='required fields'}</p>				</section>			<!--end Customization -->			{/if}		{/if}		{if isset($packItems) && $packItems|@count > 0}		<section id="blockpack">			<h3 class="page-product-heading">{l s='Pack content'}</h3>			{include file="$tpl_dir./product-list.tpl" products=$packItems}		</section>		{/if}	{/if}{strip}{strip}{if isset($smarty.get.ad) && $smarty.get.ad}{addJsDefL name=ad}{$base_dir|cat:$smarty.get.ad|escape:'html':'UTF-8'}{/addJsDefL}{/if}{if isset($smarty.get.adtoken) && $smarty.get.adtoken}{addJsDefL name=adtoken}{$smarty.get.adtoken|escape:'html':'UTF-8'}{/addJsDefL}{/if}{addJsDef allowBuyWhenOutOfStock=$allow_oosp|boolval}{addJsDef availableNowValue=$product->available_now|escape:'quotes':'UTF-8'}{addJsDef availableLaterValue=$product->available_later|escape:'quotes':'UTF-8'}{addJsDef attribute_anchor_separator=$attribute_anchor_separator|addslashes}{addJsDef attributesCombinations=$attributesCombinations}{addJsDef currencySign=$currencySign|html_entity_decode:2:"UTF-8"}{addJsDef currencyRate=$currencyRate|floatval}{addJsDef currencyFormat=$currencyFormat|intval}{addJsDef currencyBlank=$currencyBlank|intval}{addJsDef currentDate=$smarty.now|date_format:'%Y-%m-%d %H:%M:%S'}{if isset($combinations) && $combinations}	{addJsDef combinations=$combinations}{/if}{if isset($combinationImages) && $combinationImages}	{addJsDef combinationImages=$combinationImages}{/if}{addJsDef customizationFields=$customizationFields}{addJsDef default_eco_tax=$product->ecotax|floatval}{addJsDef displayPrice=$priceDisplay|intval}{addJsDef ecotaxTax_rate=$ecotaxTax_rate|floatval}{addJsDef group_reduction=$group_reduction}{if isset($cover.id_image_only)}	{addJsDef idDefaultImage=$cover.id_image_only|intval}{else}	{addJsDef idDefaultImage=0}{/if}{addJsDef img_ps_dir=$img_ps_dir}{addJsDef img_prod_dir=$img_prod_dir}{addJsDef id_product=$product->id|intval}{addJsDef jqZoomEnabled=$jqZoomEnabled|boolval}{addJsDef maxQuantityToAllowDisplayOfLastQuantityMessage=$last_qties|intval}{addJsDef minimalQuantity=$product->minimal_quantity|intval}{addJsDef noTaxForThisProduct=$no_tax|boolval}{addJsDef oosHookJsCodeFunctions=Array()}{addJsDef productHasAttributes=isset($groups)|boolval}{addJsDef productPriceTaxExcluded=($product->getPriceWithoutReduct(true)|default:'null' - $product->ecotax)|floatval}{addJsDef productBasePriceTaxExcluded=($product->base_price - $product->ecotax)|floatval}{addJsDef productReference=$product->reference|escape:'html':'UTF-8'}{addJsDef productAvailableForOrder=$product->available_for_order|boolval}{addJsDef productPriceWithoutReduction=$productPriceWithoutReduction|floatval}{addJsDef productPrice=$productPrice|floatval}{addJsDef productUnitPriceRatio=$product->unit_price_ratio|floatval}{addJsDef productShowPrice=(!$PS_CATALOG_MODE && $product->show_price)|boolval}{addJsDef PS_CATALOG_MODE=$PS_CATALOG_MODE}{if $product->specificPrice && $product->specificPrice|@count}	{addJsDef product_specific_price=$product->specificPrice}{else}	{addJsDef product_specific_price=array()}{/if}{if $display_qties == 1 && $product->quantity}	{addJsDef quantityAvailable=$product->quantity}{else}	{addJsDef quantityAvailable=0}{/if}{addJsDef quantitiesDisplayAllowed=$display_qties|boolval}{if $product->specificPrice && $product->specificPrice.reduction && $product->specificPrice.reduction_type == 'percentage'}	{addJsDef reduction_percent=$product->specificPrice.reduction*100|floatval}{else}	{addJsDef reduction_percent=0}{/if}{if $product->specificPrice && $product->specificPrice.reduction && $product->specificPrice.reduction_type == 'amount'}	{addJsDef reduction_price=$product->specificPrice.reduction|floatval}{else}	{addJsDef reduction_price=0}{/if}{if $product->specificPrice && $product->specificPrice.price}	{addJsDef specific_price=$product->specificPrice.price|floatval}{else}	{addJsDef specific_price=0}{/if}{addJsDef specific_currency=($product->specificPrice && $product->specificPrice.id_currency)|boolval}{addJsDef stock_management=$stock_management|intval}{addJsDef taxRate=$tax_rate|floatval}{addJsDefL name=doesntExist}{l s='This combination does not exist for this product. Please select another combination.' js=1}{/addJsDefL}{addJsDefL name=doesntExistNoMore}{l s='This product is no longer in stock' js=1}{/addJsDefL}{addJsDefL name=doesntExistNoMoreBut}{l s='with those attributes but is available with others.' js=1}{/addJsDefL}{addJsDefL name=fieldRequired}{l s='Please fill in all the required fields before saving your customization.' js=1}{/addJsDefL}{addJsDefL name=uploading_in_progress}{l s='Uploading in progress, please be patient.' js=1}{/addJsDefL}{/strip}{/if}

Ensuite pour la deuxième étape, en modifiant le fichier : product.css - en ajoutant les lignes pour les onglets :

.idTabs .selected {    background: none repeat scroll 0 0 #FFFFFF;     border: none;         border-bottom: 2px solid #fff; }.idTabs > li{     margin-right: 12px;     border-radius: 5px 5px 0 0;     box-shadow: 2px -2px 3px rgba(0,0,0,.25);     overflow: hidden; }.idTabs > li a{     background: #e9e9e9;     font-size: 18px;     text-transform: capitalize;     font-weight: normal;     padding: 10px 0;     min-width: 150px;     border-radius: 0;     text-align: center;     }.nav-tabs > li.active > a,.nav-tabs > li.active > a:hover,.nav-tabs > li.active > a:focus{     background: none repeat scroll 0 0 #FFFFFF;     border: none;         border-bottom: 2px solid #fff;     outline: 0;     outline-style:none;     outline-width:0; }

En pièces jointes les images montant certains produits ayant des écart dans la mise en page et l'inversion pour les catégories !

Quelqu'un aurait-il une idée afin d'améliorer la dispositions des onglets ?

Maerci

Edited April 9, 2015 by myselfidem (see edit history)

steven13 · July 10, 2014

Merci.

Par contre j'ai quelques remarques:

On perd la mise en forme du tableau caractéristique ainsi que des onglets.

Sinon j'ai testé sa fonctionne =).

BriceVanZeg · July 10, 2014

Il faut remonter le morceau de code ou vous voulez le voir apparaitre... tout simplement.

Pour la mise en forme, apres, un petit coup de css, et hop..!

Bon courage

Brice

Eolia · August 11, 2014

Bonjour,

Je ne sais pas pour vous mais le module Products comments fiche en l'air cette manip sur la 1.6 ...

Dommage, tout fonctionnait correctement sur les versions 1.5

myselfidem · August 26, 2014

Après plusieurs tentatives, je suis parvenu à modifier la disposition des onglets...Mais le seul "petit problème" que je rencontre, c'est lors de l'affichage des commentaires lorsqu'il y en a !

L'onglet "commentaires" est bien sélectionné mais ne s'ouvre pas pour les afficher...

Fonctionne très bien avec PS 1.6.0.6. Si quelqu'un a une idée ! Merci.

Site : http://www.librairie-eauvive.ch/

Voici le fichier product.tpl

{*
* 2007-2014 PrestaShop
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to [email protected] so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestashop.com for more information.
*
* @author PrestaShop SA <[email protected]>
* @copyright 2007-2014 PrestaShop SA
* @license    http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0)
* International Registered Trademark & Property of PrestaShop SA
*}
{include file="$tpl_dir./errors.tpl"}
{if $errors|@count == 0}
{if !isset($priceDisplayPrecision)}
  {assign var='priceDisplayPrecision' value=2}
{/if}
{if !$priceDisplay || $priceDisplay == 2}
  {assign var='productPrice' value=$product->getPrice(true, $smarty.const.NULL, $priceDisplayPrecision)}
  {assign var='productPriceWithoutReduction' value=$product->getPriceWithoutReduct(false, $smarty.const.NULL)}
{elseif $priceDisplay == 1}
  {assign var='productPrice' value=$product->getPrice(false, $smarty.const.NULL, $priceDisplayPrecision)}
  {assign var='productPriceWithoutReduction' value=$product->getPriceWithoutReduct(true, $smarty.const.NULL)}
{/if}
<div class="primary_block row" itemscope itemtype="http://schema.org/Product">
  {if !$content_only}
   <div class="container">
    <div class="top-hr"></div>
   </div>
  {/if}
  {if isset($adminActionDisplay) && $adminActionDisplay}
   <div id="admin-action">
    <p>{l s='This product is not visible to your customers.'}
     <input type="hidden" id="admin-action-product-id" value="{$product->id}" />
     <input type="submit" value="{l s='Publish'}" name="publish_button" class="exclusive" />
     <input type="submit" value="{l s='Back'}" name="lnk_view" class="exclusive" />
    </p>
    <p id="admin-action-result"></p>
   </div>
  {/if}
  {if isset($confirmation) && $confirmation}
   <p class="confirmation">
    {$confirmation}
   </p>
  {/if}
  
  <div class="pb-left-column col-xs-12 col-sm-4 col-md-5">
   
   <div id="image-block" class="clearfix">
       
    {if $product->on_sale}
     <span class="sale-box no-print">
      <span class="sale-label">{l s='Sale!'}</span>
     </span>
    {elseif $product->specificPrice && $product->specificPrice.reduction && $productPriceWithoutReduction > $productPrice}
     <span class="discount">{l s='Reduced price!'}</span>
    {/if}
    {if $have_image}
     <span id="view_full_size">
      {if $jqZoomEnabled && $have_image && !$content_only}
       <a class="jqzoom" title="{if !empty($cover.legend)}{$cover.legend|escape:'html':'UTF-8'}{else}{$product->name|escape:'html':'UTF-8'}{/if}" rel="gal1" href="{$link->getImageLink($product->link_rewrite, $cover.id_image, 'thickbox_default')|escape:'html':'UTF-8'}" itemprop="url">
        <img itemprop="image" src="{$link->getImageLink($product->link_rewrite, $cover.id_image, 'large_default')|escape:'html':'UTF-8'}" title="{if !empty($cover.legend)}{$cover.legend|escape:'html':'UTF-8'}{else}{$product->name|escape:'html':'UTF-8'}{/if}" alt="{if !empty($cover.legend)}{$cover.legend|escape:'html':'UTF-8'}{else}{$product->name|escape:'html':'UTF-8'}{/if}"/>
       </a>
      {else}
       <img id="bigpic" itemprop="image" src="{$link->getImageLink($product->link_rewrite, $cover.id_image, 'large_default')|escape:'html':'UTF-8'}" title="{if !empty($cover.legend)}{$cover.legend|escape:'html':'UTF-8'}{else}{$product->name|escape:'html':'UTF-8'}{/if}" alt="{if !empty($cover.legend)}{$cover.legend|escape:'html':'UTF-8'}{else}{$product->name|escape:'html':'UTF-8'}{/if}" width="{$largeSize.width}" height="{$largeSize.height}"/>
       {if !$content_only}
        <span class="span_link no-print">{l s='View larger'}</span>
       {/if}
      {/if}
     </span>
    {else}
     <span id="view_full_size">
      <img itemprop="image" src="{$img_prod_dir}{$lang_iso}-default-large_default.jpg" id="bigpic" alt="" title="{$product->name|escape:'html':'UTF-8'}" width="{$largeSize.width}" height="{$largeSize.height}"/>
      {if !$content_only}
       <span class="span_link">
        {l s='View larger'}
       </span>
      {/if}
     </span>
    {/if}
   </div> 
   {if isset($images) && count($images) > 0}
    
    <div id="views_block" class="clearfix {if isset($images) && count($images) < 2}hidden{/if}">
     {if isset($images) && count($images) > 4}
      <span class="view_scroll_spacer">
       <a id="view_scroll_left" class="" title="{l s='Other views'}" href="javascript:{ldelim}{rdelim}">
        {l s='Previous'}
       </a>
      </span>
     {/if}
     <div id="thumbs_list">
      <ul id="thumbs_list_frame">
      {if isset($images)}
       {foreach from=$images item=image name=thumbnails}
        {assign var=imageIds value="`$product->id`-`$image.id_image`"}
        {if !empty($image.legend)}
         {assign var=imageTitle value=$image.legend|escape:'html':'UTF-8'}
        {else}
         {assign var=imageTitle value=$product->name|escape:'html':'UTF-8'}
        {/if}
        <li id="thumbnail_{$image.id_image}"{if $smarty.foreach.thumbnails.last} class="last"{/if}>
         <a
          {if $jqZoomEnabled && $have_image && !$content_only}
           href="javascript:void(0);"
           rel="{literal}[spam-filter]/literal}gallery: 'gal1', smallimage: '{$link->getImageLink($product->link_rewrite, $imageIds, 'large_default')|escape:'html':'UTF-8'}',largeimage: '{$link->getImageLink($product->link_rewrite, $imageIds, 'thickbox_default')|escape:'html':'UTF-8'}'{literal[spam-filter]{/literal}"
          {else}
           href="{$link->getImageLink($product->link_rewrite, $imageIds, 'thickbox_default')|escape:'html':'UTF-8'}"
           data-fancybox-group="other-views"
           class="fancybox{if $image.id_image == $cover.id_image} shown{/if}"
          {/if}
          title="{$imageTitle}">
          <img class="img-responsive" id="thumb_{$image.id_image}" src="{$link->getImageLink($product->link_rewrite, $imageIds, 'cart_default')|escape:'html':'UTF-8'}" alt="{$imageTitle}" title="{$imageTitle}" height="{$cartSize.height}" width="{$cartSize.width}" itemprop="image" />
         </a>
        </li>
       {/foreach}
      {/if}
      </ul>
     </div> 
     {if isset($images) && count($images) > 4}
      <a id="view_scroll_right" title="{l s='Other views'}" href="javascript:{ldelim}{rdelim}">
       {l s='Next'}
      </a>
     {/if}
    </div> 
    
   {/if}
   {if isset($images) && count($images) > 1}
    <p class="resetimg clear no-print">
     <span id="wrapResetImages" style="display: none;">
      <a href="{$link->getProductLink($product)|escape:'html':'UTF-8'}" name="resetImages">
       <i class="icon-repeat"></i>
       {l s='Display all pictures'}
      </a>
     </span>
    </p>
   {/if}
  </div> 
  
  
  <div class="pb-center-column col-xs-12 col-sm-4">
   {if $product->online_only}
    <p class="online_only">{l s='Online only'}</p>
   {/if}

   <h1 itemprop="name">{$product->name|escape:'html':'UTF-8'}</h1>
   <p id="product_reference"{if empty($product->reference) || !$product->reference} style="display: none;"{/if}>
    <label>{l s='Model'} </label>
    <span class="editable" itemprop="sku">{if !isset($groups)}{$product->reference|escape:'html':'UTF-8'}{/if}</span>
   </p>
   
   {if $product->description_short || $packItems|@count > 0}
    <div id="short_description_block">
     {if $product->description_short}
      <div id="short_description_content" class="rte align_justify" itemprop="description">{$product->description_short}</div>
     {/if}

{if $product->description}
      <p class="buttons_bottom_block">
       <a href="javascript:{ldelim}{rdelim}" class="button">
        {l s='More details'}
       </a>
      </p>
     {/if}
     
    </div> 
   {/if}
   {if ($display_qties == 1 && !$PS_CATALOG_MODE && $PS_STOCK_MANAGEMENT && $product->available_for_order)}
    
    <p id="pQuantityAvailable"{if $product->quantity <= 0} style="display: none;"{/if}>
     <span id="quantityAvailable">{$product->quantity|intval}</span>
     <span {if $product->quantity > 1} style="display: none;"{/if} id="quantityAvailableTxt">{l s='Item'}</span>
     <span {if $product->quantity == 1} style="display: none;"{/if} id="quantityAvailableTxtMultiple">{l s='Items'}</span>
    </p>
   {/if}
   {if $PS_STOCK_MANAGEMENT}
    
    <p id="availability_statut"{if ($product->quantity <= 0 && !$product->available_later && $allow_oosp) || ($product->quantity > 0 && !$product->available_now) || !$product->available_for_order || $PS_CATALOG_MODE} style="display: none;"{/if}>
     {*<span id="availability_label">{l s='Availability:'}</span>*}
     <span id="availability_value"{if $product->quantity <= 0} class="warning_inline"{/if}>{if $product->quantity <= 0}{if $allow_oosp}{$product->available_later}{else}{l s='This product is no longer in stock'}{/if}{else}{$product->available_now}{/if}</span>
    </p>
    <p class="warning_inline" id="last_quantities"{if ($product->quantity > $last_qties || $product->quantity <= 0) || $allow_oosp || !$product->available_for_order || $PS_CATALOG_MODE} style="display: none"{/if} >{l s='Warning: Last items in stock!'}</p>
   {/if}
   <p id="availability_date"{if ($product->quantity > 0) || !$product->available_for_order || $PS_CATALOG_MODE || !isset($product->available_date) || $product->available_date < $smarty.now|date_format:'%Y-%m-%d'} style="display: none;"{/if}>
    <span id="availability_date_label">{l s='Availability date:'}</span>
    <span id="availability_date_value">{dateFormat date=$product->available_date full=false}</span>
   </p>
   
   <div id="oosHook"{if $product->quantity > 0} style="display: none;"{/if}>
    {$HOOK_PRODUCT_OOS}
   </div>
   {if isset($HOOK_EXTRA_RIGHT) && $HOOK_EXTRA_RIGHT}{$HOOK_EXTRA_RIGHT}{/if}
   {if !$content_only}
    
    <ul id="usefull_link_block" class="clearfix no-print">
     {if $HOOK_EXTRA_LEFT}{$HOOK_EXTRA_LEFT}{/if}
     <li class="print">
      <a href="javascript:print();">
       {l s='Print'}
      </a>
     </li>
     {if $have_image && !$jqZoomEnabled}{/if}
    </ul>
   {/if}
  </div>
  
  
  <div class="pb-right-column col-xs-12 col-sm-4 col-md-3">
   {if ($product->show_price && !isset($restricted_country_mode)) || isset($groups) || $product->reference || (isset($HOOK_PRODUCT_ACTIONS) && $HOOK_PRODUCT_ACTIONS)}
   
   <form id="buy_block" {if $PS_CATALOG_MODE && !isset($groups) && $product->quantity > 0}class="hidden"{/if} action="{$link->getPageLink('cart')|escape:'html':'UTF-8'}" method="post">
    
    <p class="hidden">
     <input type="hidden" name="token" value="{$static_token}" />
     <input type="hidden" name="id_product" value="{$product->id|intval}" id="product_page_product_id" />
     <input type="hidden" name="add" value="1" />
     <input type="hidden" name="id_product_attribute" id="idCombination" value="" />
    </p>
    <div class="box-info-product">
     <div class="content_prices clearfix">
      {if $product->show_price && !isset($restricted_country_mode) && !$PS_CATALOG_MODE}
       
       <div class="price">
        <p class="our_price_display" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
         <link itemprop="availability" {if $product->quantity <= 0}href="http://schema.org/OutOfStock"{else}href="http://schema.org/InStock"{/if}>
         {if $priceDisplay >= 0 && $priceDisplay <= 2}
          <span id="our_price_display" itemprop="price">{convertPrice price=$productPrice}</span>
          
          <meta itemprop="priceCurrency" content="{$currency->iso_code}" />
         {/if}
        </p>
        <p id="reduction_percent" {if !$product->specificPrice || $product->specificPrice.reduction_type != 'percentage'} style="display:none;"{/if}>
         <span id="reduction_percent_display">
          {if $product->specificPrice && $product->specificPrice.reduction_type == 'percentage'}-{$product->specificPrice.reduction*100}%{/if}
         </span>
        </p>
        <p id="old_price"{if (!$product->specificPrice || !$product->specificPrice.reduction) && $group_reduction == 1} class="hidden"{/if}>
         {if $priceDisplay >= 0 && $priceDisplay <= 2}
          <span id="old_price_display">{if $productPriceWithoutReduction > $productPrice}{convertPrice price=$productPriceWithoutReduction}{/if}</span>
          
         {/if}
        </p>
        {if $priceDisplay == 2}
         <br />
         <span id="pretaxe_price">
          <span id="pretaxe_price_display">{convertPrice price=$product->getPrice(false, $smarty.const.NULL)}</span>
          {l s='tax excl.'}
         </span>
        {/if}
       </div> 
       <p id="reduction_amount" {if !$product->specificPrice || $product->specificPrice.reduction_type != 'amount' || $product->specificPrice.reduction|floatval ==0} style="display:none"{/if}>
        <span id="reduction_amount_display">
        {if $product->specificPrice && $product->specificPrice.reduction_type == 'amount' && $product->specificPrice.reduction|intval !=0}
         -{convertPrice price=$productPriceWithoutReduction-$productPrice|floatval}
        {/if}
        </span>
       </p>
       {if $packItems|@count && $productPrice < $product->getNoPackPrice()}
        <p class="pack_price">{l s='Instead of'} <span style="text-decoration: line-through;">{convertPrice price=$product->getNoPackPrice()}</span></p>
       {/if}
       {if $product->ecotax != 0}
        <p class="price-ecotax">{l s='Include'} <span id="ecotax_price_display">{if $priceDisplay == 2}{$ecotax_tax_exc|convertAndFormatPrice}{else}{$ecotax_tax_inc|convertAndFormatPrice}{/if}</span> {l s='For green tax'}
         {if $product->specificPrice && $product->specificPrice.reduction}
         <br />{l s='(not impacted by the discount)'}
         {/if}
        </p>
       {/if}
       {if !empty($product->unity) && $product->unit_price_ratio > 0.000000}
        {math equation="pprice / punit_price" pprice=$productPrice punit_price=$product->unit_price_ratio assign=unit_price}
        <p class="unit-price"><span id="unit_price_display">{convertPrice price=$unit_price}</span> {l s='per'} {$product->unity|escape:'html':'UTF-8'}</p>
       {/if}
      {/if} {*close if for show price*}
      <div class="clear"></div>
     </div> 
     <div class="product_attributes clearfix">
      
      {if !$PS_CATALOG_MODE}
      <p id="quantity_wanted_p"{if (!$allow_oosp && $product->quantity <= 0) || !$product->available_for_order || $PS_CATALOG_MODE} style="display: none;"{/if}>
       <label>{l s='Quantity:'}</label>
       <input type="text" name="qty" id="quantity_wanted" class="text" value="{if isset($quantityBackup)}{$quantityBackup|intval}{else}{if $product->minimal_quantity > 1}{$product->minimal_quantity}{else}1{/if}{/if}" />
       <a href="#" data-field-qty="qty" class="btn btn-default button-minus product_quantity_down">
        <span><i class="icon-minus"></i></span>
       </a>
       <a href="#" data-field-qty="qty" class="btn btn-default button-plus product_quantity_up">
        <span><i class="icon-plus"></i></span>
       </a>
       <span class="clearfix"></span>
      </p>
      {/if}
      
      <p id="minimal_quantity_wanted_p"{if $product->minimal_quantity <= 1 || !$product->available_for_order || $PS_CATALOG_MODE} style="display: none;"{/if}>
       {l s='This product is not sold individually. You must select at least'} <b id="minimal_quantity_label">{$product->minimal_quantity}</b> {l s='quantity for this product.'}
      </p>
      {if isset($groups)}
       
       <div id="attributes">
        <div class="clearfix"></div>
        {foreach from=$groups key=id_attribute_group item=group}
         {if $group.attributes|@count}
          <fieldset class="attribute_fieldset">
           <label class="attribute_label" {if $group.group_type != 'color' && $group.group_type != 'radio'}for="group_{$id_attribute_group|intval}"{/if}>{$group.name|escape:'html':'UTF-8'} : </label>
           {assign var="groupName" value="group_$id_attribute_group"}
           <div class="attribute_list">
            {if ($group.group_type == 'select')}
             <select name="{$groupName}" id="group_{$id_attribute_group|intval}" class="form-control attribute_select no-print">
              {foreach from=$group.attributes key=id_attribute item=group_attribute}
               <option value="{$id_attribute|intval}"{if (isset($smarty.get.$groupName) && $smarty.get.$groupName|intval == $id_attribute) || $group.default == $id_attribute} selected="selected"{/if} title="{$group_attribute|escape:'html':'UTF-8'}">{$group_attribute|escape:'html':'UTF-8'}</option>
              {/foreach}
             </select>
            {elseif ($group.group_type == 'color')}
             <ul id="color_to_pick_list" class="clearfix">
              {assign var="default_colorpicker" value=""}
              {foreach from=$group.attributes key=id_attribute item=group_attribute}
               <li{if $group.default == $id_attribute} class="selected"{/if}>
                <a href="{$link->getProductLink($product)|escape:'html':'UTF-8'}" id="color_{$id_attribute|intval}" name="{$colors.$id_attribute.name|escape:'html':'UTF-8'}" class="color_pick{if ($group.default == $id_attribute)} selected{/if}" style="background: {$colors.$id_attribute.value|escape:'html':'UTF-8'};" title="{$colors.$id_attribute.name|escape:'html':'UTF-8'}">
                 {if file_exists($col_img_dir|cat:$id_attribute|cat:'.jpg')}
                  <img src="{$img_col_dir}{$id_attribute|intval}.jpg" alt="{$colors.$id_attribute.name|escape:'html':'UTF-8'}" width="20" height="20" />
                 {/if}
                </a>
               </li>
               {if ($group.default == $id_attribute)}
                {$default_colorpicker = $id_attribute}
               {/if}
              {/foreach}
             </ul>
             <input type="hidden" class="color_pick_hidden" name="{$groupName|escape:'html':'UTF-8'}" value="{$default_colorpicker|intval}" />
            {elseif ($group.group_type == 'radio')}
             <ul>
              {foreach from=$group.attributes key=id_attribute item=group_attribute}
               <li>
                <input type="radio" class="attribute_radio" name="{$groupName|escape:'html':'UTF-8'}" value="{$id_attribute}" {if ($group.default == $id_attribute)} checked="checked"{/if} />
                <span>{$group_attribute|escape:'html':'UTF-8'}</span>
               </li>
              {/foreach}
             </ul>
            {/if}
           </div> 
          </fieldset>
         {/if}
        {/foreach}
       </div> 
      {/if}
     </div> 
     <div class="box-cart-bottom">
      <div{if (!$allow_oosp && $product->quantity <= 0) || !$product->available_for_order || (isset($restricted_country_mode) && $restricted_country_mode) || $PS_CATALOG_MODE} class="unvisible"{/if}>
       <p id="add_to_cart" class="buttons_bottom_block no-print">
        <button type="submit" name="Submit" class="exclusive">
         <span>{l s='Add to cart'}</span>
        </button>
       </p>
      </div>
      {if isset($HOOK_PRODUCT_ACTIONS) && $HOOK_PRODUCT_ACTIONS}{$HOOK_PRODUCT_ACTIONS}{/if}<strong></strong>
     </div> 
    </div> 
   </form>
   {/if}
  </div> 
</div> 
{if !$content_only}
{if (isset($quantity_discounts) && count($quantity_discounts) > 0)}
   
   <section class="page-product-box">
    <h3 class="page-product-heading">{l s='Volume discounts'}</h3>
    <div id="quantityDiscount">
     <table class="std table-product-discounts">
      <thead>
       <tr>
        <th>{l s='Quantity'}</th>
        <th>{if $display_discount_price}{l s='Price'}{else}{l s='Discount'}{/if}</th>
        <th>{l s='You Save'}</th>
       </tr>
      </thead>
      <tbody>
       {foreach from=$quantity_discounts item='quantity_discount' name='quantity_discounts'}
       <tr id="quantityDiscount_{$quantity_discount.id_product_attribute}" class="quantityDiscount_{$quantity_discount.id_product_attribute}">
       <td>{$quantity_discount.quantity|intval}</td>
        <td>
         {if $quantity_discount.price >= 0 || $quantity_discount.reduction_type == 'amount'}
          {if $display_discount_price}
           {convertPrice price=$productPrice-$quantity_discount.real_value|floatval}
          {else}
           {convertPrice price=$quantity_discount.real_value|floatval}
          {/if}
         {else}
          {if $display_discount_price}
           {convertPrice price = $productPrice-($productPrice*$quantity_discount.reduction)|floatval}
          {else}
           {$quantity_discount.real_value|floatval}%
          {/if}
         {/if}
        </td>
        <td>
         <span>{l s='Up to'}</span>
         {if $quantity_discount.price >= 0 || $quantity_discount.reduction_type == 'amount'}
          {$discountPrice=$productPrice-$quantity_discount.real_value|floatval}
         {else}
          {$discountPrice=$productPrice-($productPrice*$quantity_discount.reduction)|floatval}
         {/if}
         {$discountPrice=$discountPrice*$quantity_discount.quantity}
         {$qtyProductPrice = $productPrice*$quantity_discount.quantity}
         {convertPrice price=$qtyProductPrice-$discountPrice}
        </td>
       </tr>
       {/foreach}
      </tbody>
     </table>
    </div>
   </section>
  {/if}
  
        {if (isset($product) && $product->description) || (isset($features) && $features) || (isset($accessories) && $accessories) || (isset($HOOK_PRODUCT_TAB) && $HOOK_PRODUCT_TAB) || (isset($attachments) && $attachments) || isset($product) && $product->customizable}
        <div id="more_info_block" class="col-md-12 review-tab">
            <ul id="more_info_tabs" class="idTabs idTabsShort nav nav-tabs">
                {if $product->description}<li><a id="more_info_tab_more_info" href="#idTab1">{l s='More info'}</a></li>{/if}
                {if $features}<li><a id="more_info_tab_data_sheet" href="#idTab2">{l s='Data sheet'}</a></li>{/if}
                {if $attachments}<li><a id="more_info_tab_attachments" href="#idTab9">{l s='Download'}</a></li>{/if}
                {if isset($accessories) AND $accessories}<li><a href="#idTab4">{l s='Accessories'}</a></li>{/if}
                {if isset($product) && $product->customizable}<li><a href="#idTab10">{l s='Product customization'}</a></li>{/if}
                {if isset($HOOK_PRODUCT_TAB) && $HOOK_PRODUCT_TAB}<li><a href="#idTab11">{l s='Reviews'}</a></li>{/if}
            </ul>
   <div id="more_info_sheets" class="sheets align_justify">
                {if isset($product) && $product->description}
                    <section class="page-product-box" id="idTab1">
                {/if}
                    <br />
                    {if isset($product) && $product->description}
                    <div class="rte">{$product->description}</div>
                    </section>
                {/if}
                {if isset($features) && $features}
                    <section class="page-product-box" id="idTab2">
                    <br />
        <table class="table-data-sheet">
                        {foreach from=$features item=feature}
                        <tr class="{cycle values="odd,even"}">
                            {if isset($feature.value)}
                            <td>{$feature.name|escape:'html':'UTF-8'}</td>
          <td>{$feature.value|escape:'html':'UTF-8'}</td>
                            {/if}
                        </tr>
                      {/foreach}
                    </table>
                  </section>
                {/if}
                {if isset($HOOK_PRODUCT_TAB) && $HOOK_PRODUCT_TAB}
                    <section class="page-product-box" id="idTab11">
                    <br />
                    {if isset($HOOK_PRODUCT_TAB_CONTENT) && $HOOK_PRODUCT_TAB_CONTENT}{$HOOK_PRODUCT_TAB_CONTENT}{/if}
                    </section>
                {/if}
                {if isset($attachments) && $attachments}
                  <section class="page-product-box" id="idTab9">
                    <ul class="bullet">
                    {foreach from=$attachments item=attachment}
                        <li><a href="{$link->getPageLink('attachment', true, NULL, "id_attachment={$attachment.id_attachment}")|escape:'html'}">{$attachment.name|escape:'htmlall':'UTF-8'}</a>{$attachment.description|escape:'htmlall':'UTF-8'}</li>
                    {/foreach}
                    </ul>
                  </section>
                {/if}
                {if isset($accessories) AND $accessories}
                    
                     <section class="page-product-box" id="idTab4">
                        <div class="block products_block accessories_block clearfix">
                            <div class="block_content">
                                <ul>
                                {foreach from=$accessories item=accessory name=accessories_list}
                                    {if ($accessory.allow_oosp || $accessory.quantity_all_versions > 0 || $accessory.quantity > 0) AND $accessory.available_for_order AND !isset($restricted_country_mode)}
                                        {assign var='accessoryLink' value=$link->getProductLink($accessory.id_product, $accessory.link_rewrite, $accessory.category)}
                                        <li class="ajax_block_product{if $smarty.foreach.accessories_list.first} first_item{elseif $smarty.foreach.accessories_list.last} last_item{else} item{/if} product_accessories_description">
                                            <p class="s_title_block">
                                                <a href="{$accessoryLink|escape:'htmlall':'UTF-8'}">
                                                {$accessory.name|truncate:60:'...':true|escape:'html':'UTF-8'}
                                                </a>
                                                {if $accessory.show_price AND !isset($restricted_country_mode) AND !$PS_CATALOG_MODE} - <span class="price">{if $priceDisplay != 1}{displayWtPrice p=$accessory.price}{else}{displayWtPrice p=$accessory.price_tax_exc}{/if}</span>{/if}
                                            </p>
                                            <div class="product_desc">
                                                <a href="{$accessoryLink|escape:'htmlall':'UTF-8'}" title="{$accessory.legend|escape:'htmlall':'UTF-8'}" class="product_image"><img src="{$link->getImageLink($accessory.link_rewrite, $accessory.id_image, 'medium_default')|escape:'html'}" alt="{$accessory.legend|escape:'htmlall':'UTF-8'}" width="{$mediumSize.width}" height="{$mediumSize.height}" /></a>
                                                <div class="block_description">
                                                    <a href="{$accessoryLink|escape:'htmlall':'UTF-8'}" title="{l s='More'}" class="product_description">
                                                    {$accessory.description_short|strip_tags|truncate:400:'...'}
                                                    </a>
                                                </div>
                                            <div class="clear_product_desc"> </div>
                                            </div>

                                            <p class="clearfix" style="margin-top:5px">
                                                <a class="button" href="{$accessoryLink|escape:'htmlall':'UTF-8'}" title="{l s='View'}">{l s='View'}</a>
                                                {if !$PS_CATALOG_MODE && ($accessory.allow_oosp || $accessory.quantity > 0)}
                                                <a class="exclusive button ajax_add_to_cart_button" href="{$link->getPageLink('cart', true, NULL, "qty=1&id_product={$accessory.id_product|intval}&token={$static_token}&add")|escape:'html'}" rel="ajax_id_product_{$accessory.id_product|intval}" title="{l s='Add to cart'}">{l s='Add to cart'}</a>
                                                {/if}
                                            </p>

                                        </li>
                                    {/if}
                                {/foreach}
                                </ul>
                            </div>
                        </div>
                    </section>
                {/if}
                
                {if isset($product) && $product->customizable}
                 <section class="page-product-box" id="idTab10">
                    <div class="bullet customization_block">
                        <form method="post" action="{$customizationFormTarget}" enctype="multipart/form-data" id="customizationForm" class="clearfix">
                            <p class="infoCustomizable">
                                {l s='After saving your customized product, remember to add it to your cart.'}
                                {if $product->uploadable_files}
                                <br />
                                {l s='Allowed file formats are: GIF, JPG, PNG'}{/if}
                            </p>
                            {if $product->uploadable_files|intval}
                            <div class="customizableProductsFile">
                                <h3>{l s='Pictures'}</h3>
                                <ul id="uploadable_files" class="clearfix">
                                    {counter start=0 assign='customizationField'}
                                    {foreach from=$customizationFields item='field' name='customizationFields'}
                                        {if $field.type == 0}
                                            <li class="customizationUploadLine{if $field.required} required{/if}">{assign var='key' value='pictures_'|cat:$product->id|cat:'_'|cat:$field.id_customization_field}
                                                {if isset($pictures.$key)}
                                                <div class="customizationUploadBrowse">
                                                    <img src="{$pic_dir}{$pictures.$key}_small" alt="" />
                                                    <a href="{$link->getProductDeletePictureLink($product, $field.id_customization_field)|escape:'html'}" title="{l s='Delete'}" >
                                                        <img src="{$img_dir}icon/delete.gif" alt="{l s='Delete'}" class="customization_delete_icon" width="11" height="13" />
                                                    </a>
                                                </div>
                                                {/if}
                                                <div class="customizationUploadBrowse">
                                                    <label class="customizationUploadBrowseDescription">{if !empty($field.name)}{$field.name}{else}{l s='Please select an image file from your computer'}{/if}{if $field.required}<sup>*</sup>{/if}</label>
                                                    <input type="file" name="file{$field.id_customization_field}" id="img{$customizationField}" class="customization_block_input {if isset($pictures.$key)}filled{/if}" />
                                                </div>
                                            </li>
                                            {counter}
                                        {/if}
                                    {/foreach}
                                </ul>
                            </div>
                            {/if}
                            {if $product->text_fields|intval}
                            <div class="customizableProductsText">
                                <h3>{l s='Text'}</h3>
                                <ul id="text_fields">
                                {counter start=0 assign='customizationField'}
                                {foreach from=$customizationFields item='field' name='customizationFields'}
                                    {if $field.type == 1}
                                    <li class="customizationUploadLine{if $field.required} required{/if}">
                                        <label for ="textField{$customizationField}">
                                        {assign var='key' value='textFields_'|cat:$product->id|cat:'_'|cat:$field.id_customization_field}
                                        {if !empty($field.name)}
                                        {$field.name}
                                        {/if}
                                        {if $field.required}<sup>*</sup>
                                        {/if}
                                        </label>
                                        <textarea name="textField{$field.id_customization_field}" id="textField{$customizationField}" rows="1" cols="40" class="customization_block_input">{if isset($textFields.$key)}{$textFields.$key|stripslashes}{/if}</textarea>
                                    </li>
                                    {counter}
                                    {/if}
                                {/foreach}
                                </ul>
                            </div>
                            {/if}
                            <p id="customizedDatas">
                                <input type="hidden" name="quantityBackup" id="quantityBackup" value="" />
                                <input type="hidden" name="submitCustomizedDatas" value="1" />
                                <input type="button" class="button" value="{l s='Save'}" onclick="javascript:saveCustomization()" />
                                <span id="ajax-loader" style="display:none"><img src="{$img_ps_dir}loader.gif" alt="loader" /></span>
                            </p>
                        </form>
                        <p class="clear required"><sup>*</sup> {l s='required fields'}</p>
                    </div>
                 </section>
                {/if}
            </div>
        </div>
        {/if}
        {if isset($HOOK_PRODUCT_FOOTER) && $HOOK_PRODUCT_FOOTER}{$HOOK_PRODUCT_FOOTER}{/if} 
        
        {if (isset($product) && $product->description) || (isset($features) && $features) || (isset($accessories) && $accessories) || (isset($HOOK_PRODUCT_TAB) && $HOOK_PRODUCT_TAB) || (isset($attachments) && $attachments) || isset($product) && $product->customizable}
   {if isset($attachments) && $attachments}
   
   <section class="page-product-box">
    <h3 class="page-product-heading">{l s='Download'}</h3>
    {foreach from=$attachments item=attachment name=attachements}
     {if $smarty.foreach.attachements.iteration %3 == 1}<div class="row">{/if}
      <div class="col-lg-4">
       <h4><a href="{$link->getPageLink('attachment', true, NULL, "id_attachment={$attachment.id_attachment}")|escape:'html':'UTF-8'}">{$attachment.name|escape:'html':'UTF-8'}</a></h4>
       <p class="text-muted">{$attachment.description|escape:'html':'UTF-8'}</p>
       <a class="btn btn-default btn-block" href="{$link->getPageLink('attachment', true, NULL, "id_attachment={$attachment.id_attachment}")|escape:'html':'UTF-8'}">
        <i class="icon-download"></i>
        {l s="Download"} ({Tools::formatBytes($attachment.file_size, 2)})
       </a>
       <hr />
      </div>
     {if $smarty.foreach.attachements.iteration %3 == 0 || $smarty.foreach.attachements.last}</div>{/if}
    {/foreach}
   </section>
   
   {/if}
   {if isset($product) && $product->customizable}
   
   <section class="page-product-box">
    <h3 class="page-product-heading">{l s='Product customization'}</h3>
    
    <form method="post" action="{$customizationFormTarget}" enctype="multipart/form-data" id="customizationForm" class="clearfix">
     <p class="infoCustomizable">
      {l s='After saving your customized product, remember to add it to your cart.'}
      {if $product->uploadable_files}
      <br />
      {l s='Allowed file formats are: GIF, JPG, PNG'}{/if}
     </p>
     {if $product->uploadable_files|intval}
      <div class="customizableProductsFile">
       <h5 class="product-heading-h5">{l s='Pictures'}</h5>
       <ul id="uploadable_files" class="clearfix">
        {counter start=0 assign='customizationField'}
        {foreach from=$customizationFields item='field' name='customizationFields'}
         {if $field.type == 0}
          <li class="customizationUploadLine{if $field.required} required{/if}">{assign var='key' value='pictures_'|cat:$product->id|cat:'_'|cat:$field.id_customization_field}
           {if isset($pictures.$key)}
            <div class="customizationUploadBrowse">
             <img src="{$pic_dir}{$pictures.$key}_small" alt="" />
              <a href="{$link->getProductDeletePictureLink($product, $field.id_customization_field)|escape:'html':'UTF-8'}" title="{l s='Delete'}" >
               <img src="{$img_dir}icon/delete.gif" alt="{l s='Delete'}" class="customization_delete_icon" width="11" height="13" />
              </a>
            </div>
           {/if}
           <div class="customizationUploadBrowse form-group">
            <label class="customizationUploadBrowseDescription">
             {if !empty($field.name)}
              {$field.name}
             {else}
              {l s='Please select an image file from your computer'}
             {/if}
             {if $field.required}<sup>*</sup>{/if}
            </label>
            <input type="file" name="file{$field.id_customization_field}" id="img{$customizationField}" class="form-control customization_block_input {if isset($pictures.$key)}filled{/if}" />
           </div>
          </li>
          {counter}
         {/if}
        {/foreach}
       </ul>
      </div>
     {/if}
     {if $product->text_fields|intval}
      <div class="customizableProductsText">
       <h5 class="product-heading-h5">{l s='Text'}</h5>
       <ul id="text_fields">
       {counter start=0 assign='customizationField'}
       {foreach from=$customizationFields item='field' name='customizationFields'}
        {if $field.type == 1}
         <li class="customizationUploadLine{if $field.required} required{/if}">
          <label for ="textField{$customizationField}">
           {assign var='key' value='textFields_'|cat:$product->id|cat:'_'|cat:$field.id_customization_field}
           {if !empty($field.name)}
            {$field.name}
           {/if}
           {if $field.required}<sup>*</sup>{/if}
          </label>
          <textarea name="textField{$field.id_customization_field}" class="form-control customization_block_input" id="textField{$customizationField}" rows="3" cols="20">{strip}
           {if isset($textFields.$key)}
            {$textFields.$key|stripslashes}
           {/if}
          {/strip}</textarea>
         </li>
         {counter}
        {/if}
       {/foreach}
       </ul>
      </div>
     {/if}
     <p id="customizedDatas">
      <input type="hidden" name="quantityBackup" id="quantityBackup" value="" />
      <input type="hidden" name="submitCustomizedDatas" value="1" />
      <button class="button btn btn-default button button-small" name="saveCustomization">
       <span>{l s='Save'}</span>
      </button>
      <span id="ajax-loader" class="unvisible">
       <img src="{$img_ps_dir}loader.gif" alt="loader" />
      </span>
     </p>
    </form>
    <p class="clear required"><sup>*</sup> {l s='required fields'}</p>
   </section>
   
   {/if}
  {/if}
  {if isset($packItems) && $packItems|@count > 0}
  <section id="blockpack">
   <h3 class="page-product-heading">{l s='Pack content'}</h3>
   {include file="$tpl_dir./product-list.tpl" products=$packItems}
  </section>
  {/if}
{/if}
{strip}
{strip}
{if isset($smarty.get.ad) && $smarty.get.ad}
{addJsDefL name=ad}{$base_dir|cat:$smarty.get.ad|escape:'html':'UTF-8'}{/addJsDefL}
{/if}
{if isset($smarty.get.adtoken) && $smarty.get.adtoken}
{addJsDefL name=adtoken}{$smarty.get.adtoken|escape:'html':'UTF-8'}{/addJsDefL}
{/if}
{addJsDef allowBuyWhenOutOfStock=$allow_oosp|boolval}
{addJsDef availableNowValue=$product->available_now|escape:'quotes':'UTF-8'}
{addJsDef availableLaterValue=$product->available_later|escape:'quotes':'UTF-8'}
{addJsDef attribute_anchor_separator=$attribute_anchor_separator|addslashes}
{addJsDef attributesCombinations=$attributesCombinations}
{addJsDef currencySign=$currencySign|html_entity_decode:2:"UTF-8"}
{addJsDef currencyRate=$currencyRate|floatval}
{addJsDef currencyFormat=$currencyFormat|intval}
{addJsDef currencyBlank=$currencyBlank|intval}
{addJsDef currentDate=$smarty.now|date_format:'%Y-%m-%d %H:%M:%S'}
{if isset($combinations) && $combinations}
{addJsDef combinations=$combinations}
{/if}
{if isset($combinationImages) && $combinationImages}
{addJsDef combinationImages=$combinationImages}
{/if}
{addJsDef customizationFields=$customizationFields}
{addJsDef default_eco_tax=$product->ecotax|floatval}
{addJsDef displayPrice=$priceDisplay|intval}
{addJsDef ecotaxTax_rate=$ecotaxTax_rate|floatval}
{addJsDef group_reduction=$group_reduction}
{if isset($cover.id_image_only)}
{addJsDef idDefaultImage=$cover.id_image_only|intval}
{else}
{addJsDef idDefaultImage=0}
{/if}
{addJsDef img_ps_dir=$img_ps_dir}
{addJsDef img_prod_dir=$img_prod_dir}
{addJsDef id_product=$product->id|intval}
{addJsDef jqZoomEnabled=$jqZoomEnabled|boolval}
{addJsDef maxQuantityToAllowDisplayOfLastQuantityMessage=$last_qties|intval}
{addJsDef minimalQuantity=$product->minimal_quantity|intval}
{addJsDef noTaxForThisProduct=$no_tax|boolval}
{addJsDef oosHookJsCodeFunctions=Array()}
{addJsDef productHasAttributes=isset($groups)|boolval}
{addJsDef productPriceTaxExcluded=($product->getPriceWithoutReduct(true)|default:'null' - $product->ecotax)|floatval}
{addJsDef productBasePriceTaxExcluded=($product->base_price - $product->ecotax)|floatval}
{addJsDef productReference=$product->reference|escape:'html':'UTF-8'}
{addJsDef productAvailableForOrder=$product->available_for_order|boolval}
{addJsDef productPriceWithoutReduction=$productPriceWithoutReduction|floatval}
{addJsDef productPrice=$productPrice|floatval}
{addJsDef productUnitPriceRatio=$product->unit_price_ratio|floatval}
{addJsDef productShowPrice=(!$PS_CATALOG_MODE && $product->show_price)|boolval}
{addJsDef PS_CATALOG_MODE=$PS_CATALOG_MODE}
{if $product->specificPrice && $product->specificPrice|@count}
{addJsDef product_specific_price=$product->specificPrice}
{else}
{addJsDef product_specific_price=array()}
{/if}
{if $display_qties == 1 && $product->quantity}
{addJsDef quantityAvailable=$product->quantity}
{else}
{addJsDef quantityAvailable=0}
{/if}
{addJsDef quantitiesDisplayAllowed=$display_qties|boolval}
{if $product->specificPrice && $product->specificPrice.reduction && $product->specificPrice.reduction_type == 'percentage'}
{addJsDef reduction_percent=$product->specificPrice.reduction*100|floatval}
{else}
{addJsDef reduction_percent=0}
{/if}
{if $product->specificPrice && $product->specificPrice.reduction && $product->specificPrice.reduction_type == 'amount'}
{addJsDef reduction_price=$product->specificPrice.reduction|floatval}
{else}
{addJsDef reduction_price=0}
{/if}
{if $product->specificPrice && $product->specificPrice.price}
{addJsDef specific_price=$product->specificPrice.price|floatval}
{else}
{addJsDef specific_price=0}
{/if}
{addJsDef specific_currency=($product->specificPrice && $product->specificPrice.id_currency)|boolval}
{addJsDef stock_management=$stock_management|intval}
{addJsDef taxRate=$tax_rate|floatval}
{addJsDefL name=doesntExist}{l s='This combination does not exist for this product. Please select another combination.' js=1}{/addJsDefL}
{addJsDefL name=doesntExistNoMore}{l s='This product is no longer in stock' js=1}{/addJsDefL}
{addJsDefL name=doesntExistNoMoreBut}{l s='with those attributes but is available with others.' js=1}{/addJsDefL}
{addJsDefL name=fieldRequired}{l s='Please fill in all the required fields before saving your customization.' js=1}{/addJsDefL}
{addJsDefL name=uploading_in_progress}{l s='Uploading in progress, please be patient.' js=1}{/addJsDefL}
{/strip}
{/if}

Edited August 26, 2014 by myselfidem (see edit history)

Eolia · August 28, 2014

Après plusieurs tentatives, je suis parvenu à modifier la disposition des onglets...Mais le seul "petit problème" que je rencontre, c'est lors de l'affichage des commentaires lorsqu'il y en a !

L'onglet "commentaires" est bien sélectionné mais ne s'ouvre pas pour les afficher...

Fonctionne très bien avec PS 1.6.0.6. Si quelqu'un a une idée ! Merci.

Site : http://www.librairie-eauvive.ch/

Voici le fichier product.tpl

{*

* 2007-2014 PrestaShop

*

* NOTICE OF LICENSE

*

* This source file is subject to the Academic Free License (AFL 3.0)

* that is bundled with this package in the file LICENSE.txt.

* It is also available through the world-wide-web at this URL:

* http://opensource.org/licenses/afl-3.0.php

* If you did not receive a copy of the license and are unable to

* obtain it through the world-wide-web, please send an email

* to [email protected] so we can send you a copy immediately.

*

* DISCLAIMER

*

* Do not edit or add to this file if you wish to upgrade PrestaShop to newer

* versions in the future. If you wish to customize PrestaShop for your

* needs please refer to http://www.prestashop.com for more information.

*

* @author PrestaShop SA <[email protected]>

* @copyright 2007-2014 PrestaShop SA

* @license    http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0)

* International Registered Trademark & Property of PrestaShop SA

*}

{include file="$tpl_dir./errors.tpl"}

{if $errors|@count == 0}

{if !isset($priceDisplayPrecision)}

  {assign var='priceDisplayPrecision' value=2}

{/if}

{if !$priceDisplay || $priceDisplay == 2}

  {assign var='productPrice' value=$product->getPrice(true, $smarty.const.NULL, $priceDisplayPrecision)}

  {assign var='productPriceWithoutReduction' value=$product->getPriceWithoutReduct(false, $smarty.const.NULL)}

{elseif $priceDisplay == 1}

  {assign var='productPrice' value=$product->getPrice(false, $smarty.const.NULL, $priceDisplayPrecision)}

  {assign var='productPriceWithoutReduction' value=$product->getPriceWithoutReduct(true, $smarty.const.NULL)}

{/if}

<div class="primary_block row" itemscope itemtype="http://schema.org/Product">

  {if !$content_only}

   <div class="container">

    <div class="top-hr"></div>

   </div>

  {/if}

  {if isset($adminActionDisplay) && $adminActionDisplay}

   <div id="admin-action">

    <p>{l s='This product is not visible to your customers.'}

     <input type="hidden" id="admin-action-product-id" value="{$product->id}" />

     <input type="submit" value="{l s='Publish'}" name="publish_button" class="exclusive" />

     <input type="submit" value="{l s='Back'}" name="lnk_view" class="exclusive" />

    </p>

    <p id="admin-action-result"></p>

   </div>

  {/if}

  {if isset($confirmation) && $confirmation}

   <p class="confirmation">

    {$confirmation}

   </p>

  {/if}

  

  <div class="pb-left-column col-xs-12 col-sm-4 col-md-5">

   

   <div id="image-block" class="clearfix">

       

    {if $product->on_sale}

     <span class="sale-box no-print">

      <span class="sale-label">{l s='Sale!'}</span>

     </span>

    {elseif $product->specificPrice && $product->specificPrice.reduction && $productPriceWithoutReduction > $productPrice}

     <span class="discount">{l s='Reduced price!'}</span>

    {/if}

    {if $have_image}

     <span id="view_full_size">

      {if $jqZoomEnabled && $have_image && !$content_only}

       <a class="jqzoom" title="{if !empty($cover.legend)}{$cover.legend|escape:'html':'UTF-8'}{else}{$product->name|escape:'html':'UTF-8'}{/if}" rel="gal1" href="{$link->getImageLink($product->link_rewrite, $cover.id_image, 'thickbox_default')|escape:'html':'UTF-8'}" itemprop="url">

        <img itemprop="image" src="{$link->getImageLink($product->link_rewrite, $cover.id_image, 'large_default')|escape:'html':'UTF-8'}" title="{if !empty($cover.legend)}{$cover.legend|escape:'html':'UTF-8'}{else}{$product->name|escape:'html':'UTF-8'}{/if}" alt="{if !empty($cover.legend)}{$cover.legend|escape:'html':'UTF-8'}{else}{$product->name|escape:'html':'UTF-8'}{/if}"/>

       </a>

      {else}

       <img id="bigpic" itemprop="image" src="{$link->getImageLink($product->link_rewrite, $cover.id_image, 'large_default')|escape:'html':'UTF-8'}" title="{if !empty($cover.legend)}{$cover.legend|escape:'html':'UTF-8'}{else}{$product->name|escape:'html':'UTF-8'}{/if}" alt="{if !empty($cover.legend)}{$cover.legend|escape:'html':'UTF-8'}{else}{$product->name|escape:'html':'UTF-8'}{/if}" width="{$largeSize.width}" height="{$largeSize.height}"/>

       {if !$content_only}

        <span class="span_link no-print">{l s='View larger'}</span>

       {/if}

      {/if}

     </span>

    {else}

     <span id="view_full_size">

      <img itemprop="image" src="{$img_prod_dir}{$lang_iso}-default-large_default.jpg" id="bigpic" alt="" title="{$product->name|escape:'html':'UTF-8'}" width="{$largeSize.width}" height="{$largeSize.height}"/>

      {if !$content_only}

       <span class="span_link">

        {l s='View larger'}

       </span>

      {/if}

     </span>

    {/if}

   </div> 

   {if isset($images) && count($images) > 0}

    

    <div id="views_block" class="clearfix {if isset($images) && count($images) < 2}hidden{/if}">

     {if isset($images) && count($images) > 4}

      <span class="view_scroll_spacer">

       <a id="view_scroll_left" class="" title="{l s='Other views'}" href="javascript:{ldelim}{rdelim}">

        {l s='Previous'}

       </a>

      </span>

     {/if}

     <div id="thumbs_list">

      <ul id="thumbs_list_frame">

      {if isset($images)}

       {foreach from=$images item=image name=thumbnails}

        {assign var=imageIds value="`$product->id`-`$image.id_image`"}

        {if !empty($image.legend)}

         {assign var=imageTitle value=$image.legend|escape:'html':'UTF-8'}

        {else}

         {assign var=imageTitle value=$product->name|escape:'html':'UTF-8'}

        {/if}

        <li id="thumbnail_{$image.id_image}"{if $smarty.foreach.thumbnails.last} class="last"{/if}>

         <a

          {if $jqZoomEnabled && $have_image && !$content_only}

           href="javascript:void(0);"

           rel="{literal}[spam-filter]/literal}gallery: 'gal1', smallimage: '{$link->getImageLink($product->link_rewrite, $imageIds, 'large_default')|escape:'html':'UTF-8'}',largeimage: '{$link->getImageLink($product->link_rewrite, $imageIds, 'thickbox_default')|escape:'html':'UTF-8'}'{literal[spam-filter]{/literal}"

          {else}

           href="{$link->getImageLink($product->link_rewrite, $imageIds, 'thickbox_default')|escape:'html':'UTF-8'}"

           data-fancybox-group="other-views"

           class="fancybox{if $image.id_image == $cover.id_image} shown{/if}"

          {/if}

          title="{$imageTitle}">

          <img class="img-responsive" id="thumb_{$image.id_image}" src="{$link->getImageLink($product->link_rewrite, $imageIds, 'cart_default')|escape:'html':'UTF-8'}" alt="{$imageTitle}" title="{$imageTitle}" height="{$cartSize.height}" width="{$cartSize.width}" itemprop="image" />

         </a>

        </li>

       {/foreach}

      {/if}

      </ul>

     </div> 

     {if isset($images) && count($images) > 4}

      <a id="view_scroll_right" title="{l s='Other views'}" href="javascript:{ldelim}{rdelim}">

       {l s='Next'}

      </a>

     {/if}

    </div> 

    

   {/if}

   {if isset($images) && count($images) > 1}

    <p class="resetimg clear no-print">

     <span id="wrapResetImages" style="display: none;">

      <a href="{$link->getProductLink($product)|escape:'html':'UTF-8'}" name="resetImages">

       <i class="icon-repeat"></i>

       {l s='Display all pictures'}

      </a>

     </span>

    </p>

   {/if}

  </div> 

  

  

  <div class="pb-center-column col-xs-12 col-sm-4">

   {if $product->online_only}

    <p class="online_only">{l s='Online only'}</p>

   {/if}

   <h1 itemprop="name">{$product->name|escape:'html':'UTF-8'}</h1>

   <p id="product_reference"{if empty($product->reference) || !$product->reference} style="display: none;"{/if}>

    <label>{l s='Model'} </label>

    <span class="editable" itemprop="sku">{if !isset($groups)}{$product->reference|escape:'html':'UTF-8'}{/if}</span>

   </p>

   

   {if $product->description_short || $packItems|@count > 0}

    <div id="short_description_block">

     {if $product->description_short}

      <div id="short_description_content" class="rte align_justify" itemprop="description">{$product->description_short}</div>

     {/if}

     {if $product->description}

      <p class="buttons_bottom_block">

       <a href="javascript:{ldelim}{rdelim}" class="button">

        {l s='More details'}

       </a>

      </p>

     {/if}

     

    </div> 

   {/if}

   {if ($display_qties == 1 && !$PS_CATALOG_MODE && $PS_STOCK_MANAGEMENT && $product->available_for_order)}

    

    <p id="pQuantityAvailable"{if $product->quantity <= 0} style="display: none;"{/if}>

     <span id="quantityAvailable">{$product->quantity|intval}</span>

     <span {if $product->quantity > 1} style="display: none;"{/if} id="quantityAvailableTxt">{l s='Item'}</span>

     <span {if $product->quantity == 1} style="display: none;"{/if} id="quantityAvailableTxtMultiple">{l s='Items'}</span>

    </p>

   {/if}

   {if $PS_STOCK_MANAGEMENT}

    

    <p id="availability_statut"{if ($product->quantity <= 0 && !$product->available_later && $allow_oosp) || ($product->quantity > 0 && !$product->available_now) || !$product->available_for_order || $PS_CATALOG_MODE} style="display: none;"{/if}>

     {*<span id="availability_label">{l s='Availability:'}</span>*}

     <span id="availability_value"{if $product->quantity <= 0} class="warning_inline"{/if}>{if $product->quantity <= 0}{if $allow_oosp}{$product->available_later}{else}{l s='This product is no longer in stock'}{/if}{else}{$product->available_now}{/if}</span>

    </p>

    <p class="warning_inline" id="last_quantities"{if ($product->quantity > $last_qties || $product->quantity <= 0) || $allow_oosp || !$product->available_for_order || $PS_CATALOG_MODE} style="display: none"{/if} >{l s='Warning: Last items in stock!'}</p>

   {/if}

   <p id="availability_date"{if ($product->quantity > 0) || !$product->available_for_order || $PS_CATALOG_MODE || !isset($product->available_date) || $product->available_date < $smarty.now|date_format:'%Y-%m-%d'} style="display: none;"{/if}>

    <span id="availability_date_label">{l s='Availability date:'}</span>

    <span id="availability_date_value">{dateFormat date=$product->available_date full=false}</span>

   </p>

   

   <div id="oosHook"{if $product->quantity > 0} style="display: none;"{/if}>

    {$HOOK_PRODUCT_OOS}

   </div>

   {if isset($HOOK_EXTRA_RIGHT) && $HOOK_EXTRA_RIGHT}{$HOOK_EXTRA_RIGHT}{/if}

   {if !$content_only}

    

    <ul id="usefull_link_block" class="clearfix no-print">

     {if $HOOK_EXTRA_LEFT}{$HOOK_EXTRA_LEFT}{/if}

     <li class="print">

      <a href="javascript:print();">

       {l s='Print'}

      </a>

     </li>

     {if $have_image && !$jqZoomEnabled}{/if}

    </ul>

   {/if}

  </div>

  

  

  <div class="pb-right-column col-xs-12 col-sm-4 col-md-3">

   {if ($product->show_price && !isset($restricted_country_mode)) || isset($groups) || $product->reference || (isset($HOOK_PRODUCT_ACTIONS) && $HOOK_PRODUCT_ACTIONS)}

   

   <form id="buy_block" {if $PS_CATALOG_MODE && !isset($groups) && $product->quantity > 0}class="hidden"{/if} action="{$link->getPageLink('cart')|escape:'html':'UTF-8'}" method="post">

    

    <p class="hidden">

     <input type="hidden" name="token" value="{$static_token}" />

     <input type="hidden" name="id_product" value="{$product->id|intval}" id="product_page_product_id" />

     <input type="hidden" name="add" value="1" />

     <input type="hidden" name="id_product_attribute" id="idCombination" value="" />

    </p>

    <div class="box-info-product">

     <div class="content_prices clearfix">

      {if $product->show_price && !isset($restricted_country_mode) && !$PS_CATALOG_MODE}

       

       <div class="price">

        <p class="our_price_display" itemprop="offers" itemscope itemtype="http://schema.org/Offer">

         <link itemprop="availability" {if $product->quantity <= 0}href="http://schema.org/OutOfStock"{else}href="http://schema.org/InStock"{/if}>

         {if $priceDisplay >= 0 && $priceDisplay <= 2}

          <span id="our_price_display" itemprop="price">{convertPrice price=$productPrice}</span>

          

          <meta itemprop="priceCurrency" content="{$currency->iso_code}" />

         {/if}

        </p>

        <p id="reduction_percent" {if !$product->specificPrice || $product->specificPrice.reduction_type != 'percentage'} style="display:none;"{/if}>

         <span id="reduction_percent_display">

          {if $product->specificPrice && $product->specificPrice.reduction_type == 'percentage'}-{$product->specificPrice.reduction*100}%{/if}

         </span>

        </p>

        <p id="old_price"{if (!$product->specificPrice || !$product->specificPrice.reduction) && $group_reduction == 1} class="hidden"{/if}>

         {if $priceDisplay >= 0 && $priceDisplay <= 2}

          <span id="old_price_display">{if $productPriceWithoutReduction > $productPrice}{convertPrice price=$productPriceWithoutReduction}{/if}</span>

          

         {/if}

        </p>

        {if $priceDisplay == 2}

         <br />

         <span id="pretaxe_price">

          <span id="pretaxe_price_display">{convertPrice price=$product->getPrice(false, $smarty.const.NULL)}</span>

          {l s='tax excl.'}

         </span>

        {/if}

       </div> 

       <p id="reduction_amount" {if !$product->specificPrice || $product->specificPrice.reduction_type != 'amount' || $product->specificPrice.reduction|floatval ==0} style="display:none"{/if}>

        <span id="reduction_amount_display">

        {if $product->specificPrice && $product->specificPrice.reduction_type == 'amount' && $product->specificPrice.reduction|intval !=0}

         -{convertPrice price=$productPriceWithoutReduction-$productPrice|floatval}

        {/if}

        </span>

       </p>

       {if $packItems|@count && $productPrice < $product->getNoPackPrice()}

        <p class="pack_price">{l s='Instead of'} <span style="text-decoration: line-through;">{convertPrice price=$product->getNoPackPrice()}</span></p>

       {/if}

       {if $product->ecotax != 0}

        <p class="price-ecotax">{l s='Include'} <span id="ecotax_price_display">{if $priceDisplay == 2}{$ecotax_tax_exc|convertAndFormatPrice}{else}{$ecotax_tax_inc|convertAndFormatPrice}{/if}</span> {l s='For green tax'}

         {if $product->specificPrice && $product->specificPrice.reduction}

         <br />{l s='(not impacted by the discount)'}

         {/if}

        </p>

       {/if}

       {if !empty($product->unity) && $product->unit_price_ratio > 0.000000}

        {math equation="pprice / punit_price" pprice=$productPrice punit_price=$product->unit_price_ratio assign=unit_price}

        <p class="unit-price"><span id="unit_price_display">{convertPrice price=$unit_price}</span> {l s='per'} {$product->unity|escape:'html':'UTF-8'}</p>

       {/if}

      {/if} {*close if for show price*}

      <div class="clear"></div>

     </div> 

     <div class="product_attributes clearfix">

      

      {if !$PS_CATALOG_MODE}

      <p id="quantity_wanted_p"{if (!$allow_oosp && $product->quantity <= 0) || !$product->available_for_order || $PS_CATALOG_MODE} style="display: none;"{/if}>

       <label>{l s='Quantity:'}</label>

       <input type="text" name="qty" id="quantity_wanted" class="text" value="{if isset($quantityBackup)}{$quantityBackup|intval}{else}{if $product->minimal_quantity > 1}{$product->minimal_quantity}{else}1{/if}{/if}" />

       <a href="#" data-field-qty="qty" class="btn btn-default button-minus product_quantity_down">

        <span><i class="icon-minus"></i></span>

       </a>

       <a href="#" data-field-qty="qty" class="btn btn-default button-plus product_quantity_up">

        <span><i class="icon-plus"></i></span>

       </a>

       <span class="clearfix"></span>

      </p>

      {/if}

      

      <p id="minimal_quantity_wanted_p"{if $product->minimal_quantity <= 1 || !$product->available_for_order || $PS_CATALOG_MODE} style="display: none;"{/if}>

       {l s='This product is not sold individually. You must select at least'} <b id="minimal_quantity_label">{$product->minimal_quantity}</b> {l s='quantity for this product.'}

      </p>

      {if isset($groups)}

       

       <div id="attributes">

        <div class="clearfix"></div>

        {foreach from=$groups key=id_attribute_group item=group}

         {if $group.attributes|@count}

          <fieldset class="attribute_fieldset">

           <label class="attribute_label" {if $group.group_type != 'color' && $group.group_type != 'radio'}for="group_{$id_attribute_group|intval}"{/if}>{$group.name|escape:'html':'UTF-8'} : </label>

           {assign var="groupName" value="group_$id_attribute_group"}

           <div class="attribute_list">

            {if ($group.group_type == 'select')}

             <select name="{$groupName}" id="group_{$id_attribute_group|intval}" class="form-control attribute_select no-print">

              {foreach from=$group.attributes key=id_attribute item=group_attribute}

               <option value="{$id_attribute|intval}"{if (isset($smarty.get.$groupName) && $smarty.get.$groupName|intval == $id_attribute) || $group.default == $id_attribute} selected="selected"{/if} title="{$group_attribute|escape:'html':'UTF-8'}">{$group_attribute|escape:'html':'UTF-8'}</option>

              {/foreach}

             </select>

            {elseif ($group.group_type == 'color')}

             <ul id="color_to_pick_list" class="clearfix">

              {assign var="default_colorpicker" value=""}

              {foreach from=$group.attributes key=id_attribute item=group_attribute}

               <li{if $group.default == $id_attribute} class="selected"{/if}>

                <a href="{$link->getProductLink($product)|escape:'html':'UTF-8'}" id="color_{$id_attribute|intval}" name="{$colors.$id_attribute.name|escape:'html':'UTF-8'}" class="color_pick{if ($group.default == $id_attribute)} selected{/if}" style="background: {$colors.$id_attribute.value|escape:'html':'UTF-8'};" title="{$colors.$id_attribute.name|escape:'html':'UTF-8'}">

                 {if file_exists($col_img_dir|cat:$id_attribute|cat:'.jpg')}

                  <img src="{$img_col_dir}{$id_attribute|intval}.jpg" alt="{$colors.$id_attribute.name|escape:'html':'UTF-8'}" width="20" height="20" />

                 {/if}

                </a>

               </li>

               {if ($group.default == $id_attribute)}

                {$default_colorpicker = $id_attribute}

               {/if}

              {/foreach}

             </ul>

             <input type="hidden" class="color_pick_hidden" name="{$groupName|escape:'html':'UTF-8'}" value="{$default_colorpicker|intval}" />

            {elseif ($group.group_type == 'radio')}

             <ul>

              {foreach from=$group.attributes key=id_attribute item=group_attribute}

               <li>

                <input type="radio" class="attribute_radio" name="{$groupName|escape:'html':'UTF-8'}" value="{$id_attribute}" {if ($group.default == $id_attribute)} checked="checked"{/if} />

                <span>{$group_attribute|escape:'html':'UTF-8'}</span>

               </li>

              {/foreach}

             </ul>

            {/if}

           </div> 

          </fieldset>

         {/if}

        {/foreach}

       </div> 

      {/if}

     </div> 

     <div class="box-cart-bottom">

      <div{if (!$allow_oosp && $product->quantity <= 0) || !$product->available_for_order || (isset($restricted_country_mode) && $restricted_country_mode) || $PS_CATALOG_MODE} class="unvisible"{/if}>

       <p id="add_to_cart" class="buttons_bottom_block no-print">

        <button type="submit" name="Submit" class="exclusive">

         <span>{l s='Add to cart'}</span>

        </button>

       </p>

      </div>

      {if isset($HOOK_PRODUCT_ACTIONS) && $HOOK_PRODUCT_ACTIONS}{$HOOK_PRODUCT_ACTIONS}{/if}<strong></strong>

     </div> 

    </div> 

   </form>

   {/if}

  </div> 

</div> 

{if !$content_only}

{if (isset($quantity_discounts) && count($quantity_discounts) > 0)}

   

   <section class="page-product-box">

    <h3 class="page-product-heading">{l s='Volume discounts'}</h3>

    <div id="quantityDiscount">

     <table class="std table-product-discounts">

      <thead>

       <tr>

        <th>{l s='Quantity'}</th>

        <th>{if $display_discount_price}{l s='Price'}{else}{l s='Discount'}{/if}</th>

        <th>{l s='You Save'}</th>

       </tr>

      </thead>

      <tbody>

       {foreach from=$quantity_discounts item='quantity_discount' name='quantity_discounts'}

       <tr id="quantityDiscount_{$quantity_discount.id_product_attribute}" class="quantityDiscount_{$quantity_discount.id_product_attribute}">

       <td>{$quantity_discount.quantity|intval}</td>

        <td>

         {if $quantity_discount.price >= 0 || $quantity_discount.reduction_type == 'amount'}

          {if $display_discount_price}

           {convertPrice price=$productPrice-$quantity_discount.real_value|floatval}

          {else}

           {convertPrice price=$quantity_discount.real_value|floatval}

          {/if}

         {else}

          {if $display_discount_price}

           {convertPrice price = $productPrice-($productPrice*$quantity_discount.reduction)|floatval}

          {else}

           {$quantity_discount.real_value|floatval}%

          {/if}

         {/if}

        </td>

        <td>

         <span>{l s='Up to'}</span>

         {if $quantity_discount.price >= 0 || $quantity_discount.reduction_type == 'amount'}

          {$discountPrice=$productPrice-$quantity_discount.real_value|floatval}

         {else}

          {$discountPrice=$productPrice-($productPrice*$quantity_discount.reduction)|floatval}

         {/if}

         {$discountPrice=$discountPrice*$quantity_discount.quantity}

         {$qtyProductPrice = $productPrice*$quantity_discount.quantity}

         {convertPrice price=$qtyProductPrice-$discountPrice}

        </td>

       </tr>

       {/foreach}

      </tbody>

     </table>

    </div>

   </section>

  {/if}

  

        {if (isset($product) && $product->description) || (isset($features) && $features) || (isset($accessories) && $accessories) || (isset($HOOK_PRODUCT_TAB) && $HOOK_PRODUCT_TAB) || (isset($attachments) && $attachments) || isset($product) && $product->customizable}

        <div id="more_info_block" class="col-md-12 review-tab">

            <ul id="more_info_tabs" class="idTabs idTabsShort nav nav-tabs">

                {if $product->description}<li><a id="more_info_tab_more_info" href="#idTab1">{l s='More info'}</a></li>{/if}

                {if $features}<li><a id="more_info_tab_data_sheet" href="#idTab2">{l s='Data sheet'}</a></li>{/if}

                {if $attachments}<li><a id="more_info_tab_attachments" href="#idTab9">{l s='Download'}</a></li>{/if}

                {if isset($accessories) AND $accessories}<li><a href="#idTab4">{l s='Accessories'}</a></li>{/if}

                {if isset($product) && $product->customizable}<li><a href="#idTab10">{l s='Product customization'}</a></li>{/if}

                {if isset($HOOK_PRODUCT_TAB) && $HOOK_PRODUCT_TAB}<li><a href="#idTab11">{l s='Reviews'}</a></li>{/if}

            </ul>

   <div id="more_info_sheets" class="sheets align_justify">

                {if isset($product) && $product->description}

                    <section class="page-product-box" id="idTab1">

                {/if}

                    <br />

                    {if isset($product) && $product->description}

                    <div class="rte">{$product->description}</div>

                    </section>

                {/if}

                {if isset($features) && $features}

                    <section class="page-product-box" id="idTab2">

                    <br />

        <table class="table-data-sheet">

                        {foreach from=$features item=feature}

                        <tr class="{cycle values="odd,even"}">

                            {if isset($feature.value)}

                            <td>{$feature.name|escape:'html':'UTF-8'}</td>

          <td>{$feature.value|escape:'html':'UTF-8'}</td>

                            {/if}

                        </tr>

                      {/foreach}

                    </table>

                  </section>

                {/if}

                {if isset($HOOK_PRODUCT_TAB) && $HOOK_PRODUCT_TAB}

                    <section class="page-product-box" id="idTab11">

                    <br />

                    {if isset($HOOK_PRODUCT_TAB_CONTENT) && $HOOK_PRODUCT_TAB_CONTENT}{$HOOK_PRODUCT_TAB_CONTENT}{/if}

                    </section>

                {/if}

                {if isset($attachments) && $attachments}

                  <section class="page-product-box" id="idTab9">

                    <ul class="bullet">

                    {foreach from=$attachments item=attachment}

                        <li><a href="{$link->getPageLink('attachment', true, NULL, "id_attachment={$attachment.id_attachment}")|escape:'html'}">{$attachment.name|escape:'htmlall':'UTF-8'}</a>{$attachment.description|escape:'htmlall':'UTF-8'}</li>

                    {/foreach}

                    </ul>

                  </section>

                {/if}

                {if isset($accessories) AND $accessories}

                    

                     <section class="page-product-box" id="idTab4">

                        <div class="block products_block accessories_block clearfix">

                            <div class="block_content">

                                <ul>

                                {foreach from=$accessories item=accessory name=accessories_list}

                                    {if ($accessory.allow_oosp || $accessory.quantity_all_versions > 0 || $accessory.quantity > 0) AND $accessory.available_for_order AND !isset($restricted_country_mode)}

                                        {assign var='accessoryLink' value=$link->getProductLink($accessory.id_product, $accessory.link_rewrite, $accessory.category)}

                                        <li class="ajax_block_product{if $smarty.foreach.accessories_list.first} first_item{elseif $smarty.foreach.accessories_list.last} last_item{else} item{/if} product_accessories_description">

                                            <p class="s_title_block">

                                                <a href="{$accessoryLink|escape:'htmlall':'UTF-8'}">

                                                {$accessory.name|truncate:60:'...':true|escape:'html':'UTF-8'}

                                                </a>

                                                {if $accessory.show_price AND !isset($restricted_country_mode) AND !$PS_CATALOG_MODE} - <span class="price">{if $priceDisplay != 1}{displayWtPrice p=$accessory.price}{else}{displayWtPrice p=$accessory.price_tax_exc}{/if}</span>{/if}

                                            </p>

                                            <div class="product_desc">

                                                <a href="{$accessoryLink|escape:'htmlall':'UTF-8'}" title="{$accessory.legend|escape:'htmlall':'UTF-8'}" class="product_image"><img src="{$link->getImageLink($accessory.link_rewrite, $accessory.id_image, 'medium_default')|escape:'html'}" alt="{$accessory.legend|escape:'htmlall':'UTF-8'}" width="{$mediumSize.width}" height="{$mediumSize.height}" /></a>

                                                <div class="block_description">

                                                    <a href="{$accessoryLink|escape:'htmlall':'UTF-8'}" title="{l s='More'}" class="product_description">

                                                    {$accessory.description_short|strip_tags|truncate:400:'...'}

                                                    </a>

                                                </div>

                                            <div class="clear_product_desc"> </div>

                                            </div>



                                            <p class="clearfix" style="margin-top:5px">

                                                <a class="button" href="{$accessoryLink|escape:'htmlall':'UTF-8'}" title="{l s='View'}">{l s='View'}</a>

                                                {if !$PS_CATALOG_MODE && ($accessory.allow_oosp || $accessory.quantity > 0)}

                                                <a class="exclusive button ajax_add_to_cart_button" href="{$link->getPageLink('cart', true, NULL, "qty=1&id_product={$accessory.id_product|intval}&token={$static_token}&add")|escape:'html'}" rel="ajax_id_product_{$accessory.id_product|intval}" title="{l s='Add to cart'}">{l s='Add to cart'}</a>

                                                {/if}

                                            </p>



                                        </li>

                                    {/if}

                                {/foreach}

                                </ul>

                            </div>

                        </div>

                    </section>

                {/if}

                

                {if isset($product) && $product->customizable}

                 <section class="page-product-box" id="idTab10">

                    <div class="bullet customization_block">

                        <form method="post" action="{$customizationFormTarget}" enctype="multipart/form-data" id="customizationForm" class="clearfix">

                            <p class="infoCustomizable">

                                {l s='After saving your customized product, remember to add it to your cart.'}

                                {if $product->uploadable_files}

                                <br />

                                {l s='Allowed file formats are: GIF, JPG, PNG'}{/if}

                            </p>

                            {if $product->uploadable_files|intval}

                            <div class="customizableProductsFile">

                                <h3>{l s='Pictures'}</h3>

                                <ul id="uploadable_files" class="clearfix">

                                    {counter start=0 assign='customizationField'}

                                    {foreach from=$customizationFields item='field' name='customizationFields'}

                                        {if $field.type == 0}

                                            <li class="customizationUploadLine{if $field.required} required{/if}">{assign var='key' value='pictures_'|cat:$product->id|cat:'_'|cat:$field.id_customization_field}

                                                {if isset($pictures.$key)}

                                                <div class="customizationUploadBrowse">

                                                    <img src="{$pic_dir}{$pictures.$key}_small" alt="" />

                                                    <a href="{$link->getProductDeletePictureLink($product, $field.id_customization_field)|escape:'html'}" title="{l s='Delete'}" >

                                                        <img src="{$img_dir}icon/delete.gif" alt="{l s='Delete'}" class="customization_delete_icon" width="11" height="13" />

                                                    </a>

                                                </div>

                                                {/if}

                                                <div class="customizationUploadBrowse">

                                                    <label class="customizationUploadBrowseDescription">{if !empty($field.name)}{$field.name}{else}{l s='Please select an image file from your computer'}{/if}{if $field.required}<sup>*</sup>{/if}</label>

                                                    <input type="file" name="file{$field.id_customization_field}" id="img{$customizationField}" class="customization_block_input {if isset($pictures.$key)}filled{/if}" />

                                                </div>

                                            </li>

                                            {counter}

                                        {/if}

                                    {/foreach}

                                </ul>

                            </div>

                            {/if}

                            {if $product->text_fields|intval}

                            <div class="customizableProductsText">

                                <h3>{l s='Text'}</h3>

                                <ul id="text_fields">

                                {counter start=0 assign='customizationField'}

                                {foreach from=$customizationFields item='field' name='customizationFields'}

                                    {if $field.type == 1}

                                    <li class="customizationUploadLine{if $field.required} required{/if}">

                                        <label for ="textField{$customizationField}">

                                        {assign var='key' value='textFields_'|cat:$product->id|cat:'_'|cat:$field.id_customization_field}

                                        {if !empty($field.name)}

                                        {$field.name}

                                        {/if}

                                        {if $field.required}<sup>*</sup>

                                        {/if}

                                        </label>

                                        <textarea name="textField{$field.id_customization_field}" id="textField{$customizationField}" rows="1" cols="40" class="customization_block_input">{if isset($textFields.$key)}{$textFields.$key|stripslashes}{/if}</textarea>

                                    </li>

                                    {counter}

                                    {/if}

                                {/foreach}

                                </ul>

                            </div>

                            {/if}

                            <p id="customizedDatas">

                                <input type="hidden" name="quantityBackup" id="quantityBackup" value="" />

                                <input type="hidden" name="submitCustomizedDatas" value="1" />

                                <input type="button" class="button" value="{l s='Save'}" onclick="javascript:saveCustomization()" />

                                <span id="ajax-loader" style="display:none"><img src="{$img_ps_dir}loader.gif" alt="loader" /></span>

                            </p>

                        </form>

                        <p class="clear required"><sup>*</sup> {l s='required fields'}</p>

                    </div>

                 </section>

                {/if}

            </div>

        </div>

        {/if}

        {if isset($HOOK_PRODUCT_FOOTER) && $HOOK_PRODUCT_FOOTER}{$HOOK_PRODUCT_FOOTER}{/if} 

        

        {if (isset($product) && $product->description) || (isset($features) && $features) || (isset($accessories) && $accessories) || (isset($HOOK_PRODUCT_TAB) && $HOOK_PRODUCT_TAB) || (isset($attachments) && $attachments) || isset($product) && $product->customizable}

   {if isset($attachments) && $attachments}

   

   <section class="page-product-box">

    <h3 class="page-product-heading">{l s='Download'}</h3>

    {foreach from=$attachments item=attachment name=attachements}

     {if $smarty.foreach.attachements.iteration %3 == 1}<div class="row">{/if}

      <div class="col-lg-4">

       <h4><a href="{$link->getPageLink('attachment', true, NULL, "id_attachment={$attachment.id_attachment}")|escape:'html':'UTF-8'}">{$attachment.name|escape:'html':'UTF-8'}</a></h4>

       <p class="text-muted">{$attachment.description|escape:'html':'UTF-8'}</p>

       <a class="btn btn-default btn-block" href="{$link->getPageLink('attachment', true, NULL, "id_attachment={$attachment.id_attachment}")|escape:'html':'UTF-8'}">

        <i class="icon-download"></i>

        {l s="Download"} ({Tools::formatBytes($attachment.file_size, 2)})

       </a>

       <hr />

      </div>

     {if $smarty.foreach.attachements.iteration %3 == 0 || $smarty.foreach.attachements.last}</div>{/if}

    {/foreach}

   </section>

   

   {/if}

   {if isset($product) && $product->customizable}

   

   <section class="page-product-box">

    <h3 class="page-product-heading">{l s='Product customization'}</h3>

    

    <form method="post" action="{$customizationFormTarget}" enctype="multipart/form-data" id="customizationForm" class="clearfix">

     <p class="infoCustomizable">

      {l s='After saving your customized product, remember to add it to your cart.'}

      {if $product->uploadable_files}

      <br />

      {l s='Allowed file formats are: GIF, JPG, PNG'}{/if}

     </p>

     {if $product->uploadable_files|intval}

      <div class="customizableProductsFile">

       <h5 class="product-heading-h5">{l s='Pictures'}</h5>

       <ul id="uploadable_files" class="clearfix">

        {counter start=0 assign='customizationField'}

        {foreach from=$customizationFields item='field' name='customizationFields'}

         {if $field.type == 0}

          <li class="customizationUploadLine{if $field.required} required{/if}">{assign var='key' value='pictures_'|cat:$product->id|cat:'_'|cat:$field.id_customization_field}

           {if isset($pictures.$key)}

            <div class="customizationUploadBrowse">

             <img src="{$pic_dir}{$pictures.$key}_small" alt="" />

              <a href="{$link->getProductDeletePictureLink($product, $field.id_customization_field)|escape:'html':'UTF-8'}" title="{l s='Delete'}" >

               <img src="{$img_dir}icon/delete.gif" alt="{l s='Delete'}" class="customization_delete_icon" width="11" height="13" />

              </a>

            </div>

           {/if}

           <div class="customizationUploadBrowse form-group">

            <label class="customizationUploadBrowseDescription">

             {if !empty($field.name)}

              {$field.name}

             {else}

              {l s='Please select an image file from your computer'}

             {/if}

             {if $field.required}<sup>*</sup>{/if}

            </label>

            <input type="file" name="file{$field.id_customization_field}" id="img{$customizationField}" class="form-control customization_block_input {if isset($pictures.$key)}filled{/if}" />

           </div>

          </li>

          {counter}

         {/if}

        {/foreach}

       </ul>

      </div>

     {/if}

     {if $product->text_fields|intval}

      <div class="customizableProductsText">

       <h5 class="product-heading-h5">{l s='Text'}</h5>

       <ul id="text_fields">

       {counter start=0 assign='customizationField'}

       {foreach from=$customizationFields item='field' name='customizationFields'}

        {if $field.type == 1}

         <li class="customizationUploadLine{if $field.required} required{/if}">

          <label for ="textField{$customizationField}">

           {assign var='key' value='textFields_'|cat:$product->id|cat:'_'|cat:$field.id_customization_field}

           {if !empty($field.name)}

            {$field.name}

           {/if}

           {if $field.required}<sup>*</sup>{/if}

          </label>

          <textarea name="textField{$field.id_customization_field}" class="form-control customization_block_input" id="textField{$customizationField}" rows="3" cols="20">{strip}

           {if isset($textFields.$key)}

            {$textFields.$key|stripslashes}

           {/if}

          {/strip}</textarea>

         </li>

         {counter}

        {/if}

       {/foreach}

       </ul>

      </div>

     {/if}

     <p id="customizedDatas">

      <input type="hidden" name="quantityBackup" id="quantityBackup" value="" />

      <input type="hidden" name="submitCustomizedDatas" value="1" />

      <button class="button btn btn-default button button-small" name="saveCustomization">

       <span>{l s='Save'}</span>

      </button>

      <span id="ajax-loader" class="unvisible">

       <img src="{$img_ps_dir}loader.gif" alt="loader" />

      </span>

     </p>

    </form>

    <p class="clear required"><sup>*</sup> {l s='required fields'}</p>

   </section>

   

   {/if}

  {/if}

  {if isset($packItems) && $packItems|@count > 0}

  <section id="blockpack">

   <h3 class="page-product-heading">{l s='Pack content'}</h3>

   {include file="$tpl_dir./product-list.tpl" products=$packItems}

  </section>

  {/if}

{/if}

{strip}

{strip}

{if isset($smarty.get.ad) && $smarty.get.ad}

{addJsDefL name=ad}{$base_dir|cat:$smarty.get.ad|escape:'html':'UTF-8'}{/addJsDefL}

{/if}

{if isset($smarty.get.adtoken) && $smarty.get.adtoken}

{addJsDefL name=adtoken}{$smarty.get.adtoken|escape:'html':'UTF-8'}{/addJsDefL}

{/if}

{addJsDef allowBuyWhenOutOfStock=$allow_oosp|boolval}

{addJsDef availableNowValue=$product->available_now|escape:'quotes':'UTF-8'}

{addJsDef availableLaterValue=$product->available_later|escape:'quotes':'UTF-8'}

{addJsDef attribute_anchor_separator=$attribute_anchor_separator|addslashes}

{addJsDef attributesCombinations=$attributesCombinations}

{addJsDef currencySign=$currencySign|html_entity_decode:2:"UTF-8"}

{addJsDef currencyRate=$currencyRate|floatval}

{addJsDef currencyFormat=$currencyFormat|intval}

{addJsDef currencyBlank=$currencyBlank|intval}

{addJsDef currentDate=$smarty.now|date_format:'%Y-%m-%d %H:%M:%S'}

{if isset($combinations) && $combinations}

{addJsDef combinations=$combinations}

{/if}

{if isset($combinationImages) && $combinationImages}

{addJsDef combinationImages=$combinationImages}

{/if}

{addJsDef customizationFields=$customizationFields}

{addJsDef default_eco_tax=$product->ecotax|floatval}

{addJsDef displayPrice=$priceDisplay|intval}

{addJsDef ecotaxTax_rate=$ecotaxTax_rate|floatval}

{addJsDef group_reduction=$group_reduction}

{if isset($cover.id_image_only)}

{addJsDef idDefaultImage=$cover.id_image_only|intval}

{else}

{addJsDef idDefaultImage=0}

{/if}

{addJsDef img_ps_dir=$img_ps_dir}

{addJsDef img_prod_dir=$img_prod_dir}

{addJsDef id_product=$product->id|intval}

{addJsDef jqZoomEnabled=$jqZoomEnabled|boolval}

{addJsDef maxQuantityToAllowDisplayOfLastQuantityMessage=$last_qties|intval}

{addJsDef minimalQuantity=$product->minimal_quantity|intval}

{addJsDef noTaxForThisProduct=$no_tax|boolval}

{addJsDef oosHookJsCodeFunctions=Array()}

{addJsDef productHasAttributes=isset($groups)|boolval}

{addJsDef productPriceTaxExcluded=($product->getPriceWithoutReduct(true)|default:'null' - $product->ecotax)|floatval}

{addJsDef productBasePriceTaxExcluded=($product->base_price - $product->ecotax)|floatval}

{addJsDef productReference=$product->reference|escape:'html':'UTF-8'}

{addJsDef productAvailableForOrder=$product->available_for_order|boolval}

{addJsDef productPriceWithoutReduction=$productPriceWithoutReduction|floatval}

{addJsDef productPrice=$productPrice|floatval}

{addJsDef productUnitPriceRatio=$product->unit_price_ratio|floatval}

{addJsDef productShowPrice=(!$PS_CATALOG_MODE && $product->show_price)|boolval}

{addJsDef PS_CATALOG_MODE=$PS_CATALOG_MODE}

{if $product->specificPrice && $product->specificPrice|@count}

{addJsDef product_specific_price=$product->specificPrice}

{else}

{addJsDef product_specific_price=array()}

{/if}

{if $display_qties == 1 && $product->quantity}

{addJsDef quantityAvailable=$product->quantity}

{else}

{addJsDef quantityAvailable=0}

{/if}

{addJsDef quantitiesDisplayAllowed=$display_qties|boolval}

{if $product->specificPrice && $product->specificPrice.reduction && $product->specificPrice.reduction_type == 'percentage'}

{addJsDef reduction_percent=$product->specificPrice.reduction*100|floatval}

{else}

{addJsDef reduction_percent=0}

{/if}

{if $product->specificPrice && $product->specificPrice.reduction && $product->specificPrice.reduction_type == 'amount'}

{addJsDef reduction_price=$product->specificPrice.reduction|floatval}

{else}

{addJsDef reduction_price=0}

{/if}

{if $product->specificPrice && $product->specificPrice.price}

{addJsDef specific_price=$product->specificPrice.price|floatval}

{else}

{addJsDef specific_price=0}

{/if}

{addJsDef specific_currency=($product->specificPrice && $product->specificPrice.id_currency)|boolval}

{addJsDef stock_management=$stock_management|intval}

{addJsDef taxRate=$tax_rate|floatval}

{addJsDefL name=doesntExist}{l s='This combination does not exist for this product. Please select another combination.' js=1}{/addJsDefL}

{addJsDefL name=doesntExistNoMore}{l s='This product is no longer in stock' js=1}{/addJsDefL}

{addJsDefL name=doesntExistNoMoreBut}{l s='with those attributes but is available with others.' js=1}{/addJsDefL}

{addJsDefL name=fieldRequired}{l s='Please fill in all the required fields before saving your customization.' js=1}{/addJsDefL}

{addJsDefL name=uploading_in_progress}{l s='Uploading in progress, please be patient.' js=1}{/addJsDefL}

{/strip}

{/if}

essayez celui-ci

{*
* 2007-2014 PrestaShop
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to [email protected] so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestashop.com for more information.
*
*  @author PrestaShop SA <[email protected]>
*  @copyright  2007-2014 PrestaShop SA
*  @license    http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
*  International Registered Trademark & Property of PrestaShop SA
*}
{include file="$tpl_dir./errors.tpl"}
{if $errors|@count == 0}
	{if !isset($priceDisplayPrecision)}
		{assign var='priceDisplayPrecision' value=2}
	{/if}
	{if !$priceDisplay || $priceDisplay == 2}
		{assign var='productPrice' value=$product->getPrice(true, $smarty.const.NULL, $priceDisplayPrecision)}
		{assign var='productPriceWithoutReduction' value=$product->getPriceWithoutReduct(false, $smarty.const.NULL)}
	{elseif $priceDisplay == 1}
		{assign var='productPrice' value=$product->getPrice(false, $smarty.const.NULL, $priceDisplayPrecision)}
		{assign var='productPriceWithoutReduction' value=$product->getPriceWithoutReduct(true, $smarty.const.NULL)}
	{/if}
<div itemscope itemtype="http://schema.org/Product">
	<div class="primary_block">
		{if !$content_only}
			<div class="container">
				<div class="top-hr"></div>
			</div>
		{/if}
		{if isset($adminActionDisplay) && $adminActionDisplay}
			<div id="admin-action">
				<p>{l s='This product is not visible to your customers.'}
					<input type="hidden" id="admin-action-product-id" value="{$product->id}" />
					<input type="submit" value="{l s='Publish'}" name="publish_button" class="exclusive" />
					<input type="submit" value="{l s='Back'}" name="lnk_view" class="exclusive" />
				</p>
				<p id="admin-action-result"></p>
			</div>
		{/if}
		{if isset($confirmation) && $confirmation}
			<p class="confirmation">
				{$confirmation}
			</p>
		{/if}
		<!-- left infos-->
		<div class="pb-left-column col-xs-12 col-sm-4 col-md-5">
			<!-- product img-->
			<div id="image-block" class="clearfix">
				{if $product->new}
					<span class="new-box">
						<span class="new-label">{l s='New'}</span>
					</span>
				{/if}
				{if $product->on_sale}
					<span class="sale-box no-print">
						<span class="sale-label">{l s='Sale!'}</span>
					</span>
				{elseif $product->specificPrice && $product->specificPrice.reduction && $productPriceWithoutReduction > $productPrice}
					<span class="discount">{l s='Reduced price!'}</span>
				{/if}
				{if $have_image}
					<span id="view_full_size">
						{if $jqZoomEnabled && $have_image && !$content_only}
							<a class="jqzoom" title="{if !empty($cover.legend)}{$cover.legend|escape:'html':'UTF-8'}{else}{$product->name|escape:'html':'UTF-8'}{/if}" rel="gal1" href="{$link->getImageLink($product->link_rewrite, $cover.id_image, 'thickbox_default')|escape:'html':'UTF-8'}" itemprop="url">
								<img itemprop="image" src="{$link->getImageLink($product->link_rewrite, $cover.id_image, 'large_default')|escape:'html':'UTF-8'}" title="{if !empty($cover.legend)}{$cover.legend|escape:'html':'UTF-8'}{else}{$product->name|escape:'html':'UTF-8'}{/if}" alt="{if !empty($cover.legend)}{$cover.legend|escape:'html':'UTF-8'}{else}{$product->name|escape:'html':'UTF-8'}{/if}"/>
							</a>
						{else}
							<img id="bigpic" itemprop="image" src="{$link->getImageLink($product->link_rewrite, $cover.id_image, 'large_default')|escape:'html':'UTF-8'}" title="{if !empty($cover.legend)}{$cover.legend|escape:'html':'UTF-8'}{else}{$product->name|escape:'html':'UTF-8'}{/if}" alt="{if !empty($cover.legend)}{$cover.legend|escape:'html':'UTF-8'}{else}{$product->name|escape:'html':'UTF-8'}{/if}" width="{$largeSize.width}" height="{$largeSize.height}"/>
							{if !$content_only}
								<span class="span_link no-print">{l s='View larger'}</span>
							{/if}
						{/if}
					</span>
				{else}
					<span id="view_full_size">
						<img itemprop="image" src="{$img_prod_dir}{$lang_iso}-default-large_default.jpg" id="bigpic" alt="" title="{$product->name|escape:'html':'UTF-8'}" width="{$largeSize.width}" height="{$largeSize.height}"/>
						{if !$content_only}
							<span class="span_link">
								{l s='View larger'}
							</span>
						{/if}
					</span>
				{/if}
			</div> <!-- end image-block -->
			{if isset($images) && count($images) > 0}
				<!-- thumbnails -->
				<div id="views_block" class="clearfix {if isset($images) && count($images) < 2}hidden{/if}">
					{if isset($images) && count($images) > 4}
						<span class="view_scroll_spacer">
							<a id="view_scroll_left" class="" title="{l s='Other views'}" href="javascript:{ldelim}{rdelim}">
								{l s='Previous'}
							</a>
						</span>
					{/if}
					<div id="thumbs_list">
						<ul id="thumbs_list_frame">
						{if isset($images)}
							{foreach from=$images item=image name=thumbnails}
								{assign var=imageIds value="`$product->id`-`$image.id_image`"}
								{if !empty($image.legend)}
									{assign var=imageTitle value=$image.legend|escape:'html':'UTF-8'}
								{else}
									{assign var=imageTitle value=$product->name|escape:'html':'UTF-8'}
								{/if}
								<li id="thumbnail_{$image.id_image}"{if $smarty.foreach.thumbnails.last} class="last"{/if}>
									<a{if $jqZoomEnabled && $have_image && !$content_only} href="javascript:void(0);" rel="{literal}[spam-filter]/literal}gallery: 'gal1', smallimage: '{$link->getImageLink($product->link_rewrite, $imageIds, 'large_default')|escape:'html':'UTF-8'}',largeimage: '{$link->getImageLink($product->link_rewrite, $imageIds, 'thickbox_default')|escape:'html':'UTF-8'}'{literal[spam-filter]{/literal}"{else} href="{$link->getImageLink($product->link_rewrite, $imageIds, 'thickbox_default')|escape:'html':'UTF-8'}"	data-fancybox-group="other-views" class="fancybox{if $image.id_image == $cover.id_image} shown{/if}"{/if} title="{$imageTitle}">
										<img class="img-responsive" id="thumb_{$image.id_image}" src="{$link->getImageLink($product->link_rewrite, $imageIds, 'cart_default')|escape:'html':'UTF-8'}" alt="{$imageTitle}" title="{$imageTitle}" height="{$cartSize.height}" width="{$cartSize.width}" itemprop="image" />
									</a>
								</li>
							{/foreach}
						{/if}
						</ul>
					</div> <!-- end thumbs_list -->
					{if isset($images) && count($images) > 4}
						<a id="view_scroll_right" title="{l s='Other views'}" href="javascript:{ldelim}{rdelim}">
							{l s='Next'}
						</a>
					{/if}
				</div> <!-- end views-block -->
				<!-- end thumbnails -->
			{/if}
			{if isset($images) && count($images) > 1}
				<p class="resetimg clear no-print">
					<span id="wrapResetImages" style="display: none;">
						<a href="{$link->getProductLink($product)|escape:'html':'UTF-8'}" name="resetImages">
							<i class="icon-repeat"></i>
							{l s='Display all pictures'}
						</a>
					</span>
				</p>
			{/if}

		</div> <!-- end pb-left-column -->
		<!-- end left infos-->
		<!-- center infos -->
		<div class="pb-center-column col-xs-12 col-sm-4">
			{if $product->online_only}
				<p class="online_only">{l s='Online only'}</p>
			{/if}
			<h1 itemprop="name">{$product->name|escape:'html':'UTF-8'}</h1>
			<p id="product_reference"{if empty($product->reference) || !$product->reference} style="display: none;"{/if}>
				<label>{l s='Model'} </label>
				<span class="editable" itemprop="sku">{if !isset($groups)}{$product->reference|escape:'html':'UTF-8'}{/if}</span>
			</p>
			{if $product->condition}
			<p id="product_condition">
				<label>{l s='Condition'} </label>
				{if $product->condition == 'new'}
					<link itemprop="itemCondition" href="http://schema.org/NewCondition"/>
					<span class="editable">{l s='New'}</span>
				{elseif $product->condition == 'used'}
					<link itemprop="itemCondition" href="http://schema.org/UsedCondition"/>
					<span class="editable">{l s='Used'}</span>
				{elseif $product->condition == 'refurbished'}
					<link itemprop="itemCondition" href="http://schema.org/RefurbishedCondition"/>
					<span class="editable">{l s='Refurbished'}</span>
				{/if}
			</p>
			{/if}
			{if $product->description_short || $packItems|@count > 0}
				<div id="short_description_block">
					{if $product->description_short}
						<div id="short_description_content" class="rte align_justify" itemprop="description">{$product->description_short}</div>
					{/if}

					{if $product->description}
						<p class="buttons_bottom_block">
							<a href="javascript:{ldelim}{rdelim}" class="button">
								{l s='More details'}
							</a>
						</p>
					{/if}
					<!--{if $packItems|@count > 0}
						<div class="short_description_pack">
						<h3>{l s='Pack content'}</h3>
							{foreach from=$packItems item=packItem}

							<div class="pack_content">
								{$packItem.pack_quantity} x <a href="{$link->getProductLink($packItem.id_product, $packItem.link_rewrite, $packItem.category)|escape:'html':'UTF-8'}">{$packItem.name|escape:'html':'UTF-8'}</a>
								<p>{$packItem.description_short}</p>
							</div>
							{/foreach}
						</div>
					{/if}-->
				</div> <!-- end short_description_block -->
			{/if}
			{if ($display_qties == 1 && !$PS_CATALOG_MODE && $PS_STOCK_MANAGEMENT && $product->available_for_order)}
				<!-- number of item in stock -->
				<p id="pQuantityAvailable"{if $product->quantity <= 0} style="display: none;"{/if}>
					<span id="quantityAvailable">{$product->quantity|intval}</span>
					<span {if $product->quantity > 1} style="display: none;"{/if} id="quantityAvailableTxt">{l s='Item'}</span>
					<span {if $product->quantity == 1} style="display: none;"{/if} id="quantityAvailableTxtMultiple">{l s='Items'}</span>
				</p>
			{/if}
			{if $PS_STOCK_MANAGEMENT}
				<!-- availability -->
				<p id="availability_statut"{if ($product->quantity <= 0 && !$product->available_later && $allow_oosp) || ($product->quantity > 0 && !$product->available_now) || !$product->available_for_order || $PS_CATALOG_MODE} style="display: none;"{/if}>
					{*<span id="availability_label">{l s='Availability:'}</span>*}
					<span id="availability_value"{if $product->quantity <= 0 && !$allow_oosp} class="warning_inline"{/if}>{if $product->quantity <= 0}{if $allow_oosp}{$product->available_later}{else}{l s='This product is no longer in stock'}{/if}{else}{$product->available_now}{/if}</span>
				</p>
				{hook h="displayProductDeliveryTime" product=$product}
				<p class="warning_inline" id="last_quantities"{if ($product->quantity > $last_qties || $product->quantity <= 0) || $allow_oosp || !$product->available_for_order || $PS_CATALOG_MODE} style="display: none"{/if} >{l s='Warning: Last items in stock!'}</p>
			{/if}
			<p id="availability_date"{if ($product->quantity > 0) || !$product->available_for_order || $PS_CATALOG_MODE || !isset($product->available_date) || $product->available_date < $smarty.now|date_format:'%Y-%m-%d'} style="display: none;"{/if}>
				<span id="availability_date_label">{l s='Availability date:'}</span>
				<span id="availability_date_value">{dateFormat date=$product->available_date full=false}</span>
			</p>
			<!-- Out of stock hook -->
			<div id="oosHook"{if $product->quantity > 0} style="display: none;"{/if}>
				{$HOOK_PRODUCT_OOS}
			</div>
			{if isset($HOOK_EXTRA_RIGHT) && $HOOK_EXTRA_RIGHT}{$HOOK_EXTRA_RIGHT}{/if}
			{if !$content_only}
				<!-- usefull links-->
				<ul id="usefull_link_block" class="clearfix no-print">
					{if $HOOK_EXTRA_LEFT}{$HOOK_EXTRA_LEFT}{/if}
					<li class="print">
						<a href="javascript:print();">
							{l s='Print'}
						</a>
					</li>
					{if $have_image && !$jqZoomEnabled}{/if}
</ul> 
</div>
		<!-- end center infos-->
		<!-- pb-right-column-->
		<div class="pb-right-column col-xs-12 col-sm-4 col-md-3">
			{if ($product->show_price && !isset($restricted_country_mode)) || isset($groups) || $product->reference || (isset($HOOK_PRODUCT_ACTIONS) && $HOOK_PRODUCT_ACTIONS)}
			<!-- add to cart form-->
			<form id="buy_block"{if $PS_CATALOG_MODE && !isset($groups) && $product->quantity > 0} class="hidden"{/if} action="{$link->getPageLink('cart')|escape:'html':'UTF-8'}" method="post">
				<!-- hidden datas -->
				<p class="hidden">
					<input type="hidden" name="token" value="{$static_token}" />
					<input type="hidden" name="id_product" value="{$product->id|intval}" id="product_page_product_id" />
					<input type="hidden" name="add" value="1" />
					<input type="hidden" name="id_product_attribute" id="idCombination" value="" />
				</p>
				<div class="box-info-product">
					<div class="content_prices clearfix">
						{if $product->show_price && !isset($restricted_country_mode) && !$PS_CATALOG_MODE}
							<!-- prices -->
							<div class="price">
								<p class="our_price_display" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
									{if $product->quantity > 0}<link itemprop="availability" href="http://schema.org/InStock"/>{/if}
									{if $priceDisplay >= 0 && $priceDisplay <= 2}
										<span id="our_price_display" itemprop="price">{convertPrice price=$productPrice}</span>
										<!--{if $tax_enabled  && ((isset($display_tax_label) && $display_tax_label == 1) || !isset($display_tax_label))}
											{if $priceDisplay == 1}{l s='tax excl.'}{else}{l s='tax incl.'}{/if}
										{/if}-->
										<meta itemprop="priceCurrency" content="{$currency->iso_code}" />
										{hook h="displayProductPriceBlock" product=$product type="price"}
									{/if}
								</p>
								<p id="reduction_percent" {if !$product->specificPrice || $product->specificPrice.reduction_type != 'percentage'} style="display:none;"{/if}>
									<span id="reduction_percent_display">
										{if $product->specificPrice && $product->specificPrice.reduction_type == 'percentage'}-{$product->specificPrice.reduction*100}%{/if}
									</span>
								</p>
								<p id="reduction_amount" {if !$product->specificPrice || $product->specificPrice.reduction_type != 'amount' || $product->specificPrice.reduction|floatval ==0} style="display:none"{/if}>
									<span id="reduction_amount_display">
									{if $product->specificPrice && $product->specificPrice.reduction_type == 'amount' && $product->specificPrice.reduction|floatval !=0}
										-{convertPrice price=$productPriceWithoutReduction-$productPrice|floatval}
									{/if}
									</span>
								</p>
								<p id="old_price"{if (!$product->specificPrice || !$product->specificPrice.reduction) && $group_reduction == 0} class="hidden"{/if}>
									{if $priceDisplay >= 0 && $priceDisplay <= 2}
										{hook h="displayProductPriceBlock" product=$product type="old_price"}
										<span id="old_price_display">{if $productPriceWithoutReduction > $productPrice}{convertPrice price=$productPriceWithoutReduction}{/if}</span>
										<!-- {if $tax_enabled && $display_tax_label == 1}{if $priceDisplay == 1}{l s='tax excl.'}{else}{l s='tax incl.'}{/if}{/if} -->
									{/if}
								</p>
								{if $priceDisplay == 2}
									<br />
									<span id="pretaxe_price">
										<span id="pretaxe_price_display">{convertPrice price=$product->getPrice(false, $smarty.const.NULL)}</span>
										{l s='tax excl.'}
									</span>
								{/if}
							</div> <!-- end prices -->
							{if $packItems|@count && $productPrice < $product->getNoPackPrice()}
								<p class="pack_price">{l s='Instead of'} <span style="text-decoration: line-through;">{convertPrice price=$product->getNoPackPrice()}</span></p>
							{/if}
							{if $product->ecotax != 0}
								<p class="price-ecotax">{l s='Include'} <span id="ecotax_price_display">{if $priceDisplay == 2}{$ecotax_tax_exc|convertAndFormatPrice}{else}{$ecotax_tax_inc|convertAndFormatPrice}{/if}</span> {l s='For green tax'}
									{if $product->specificPrice && $product->specificPrice.reduction}
									<br />{l s='(not impacted by the discount)'}
									{/if}
								</p>
							{/if}
							{if !empty($product->unity) && $product->unit_price_ratio > 0.000000}
								{math equation="pprice / punit_price"  pprice=$productPrice  punit_price=$product->unit_price_ratio assign=unit_price}
								<p class="unit-price"><span id="unit_price_display">{convertPrice price=$unit_price}</span> {l s='per'} {$product->unity|escape:'html':'UTF-8'}</p>
								{hook h="displayProductPriceBlock" product=$product type="unit_price"}
							{/if}
						{/if} {*close if for show price*}
						{hook h="displayProductPriceBlock" product=$product type="weight"}
						<div class="clear"></div>
					</div> <!-- end content_prices -->
					<div class="product_attributes clearfix">
						<!-- quantity wanted -->
						{if !$PS_CATALOG_MODE}
						<p id="quantity_wanted_p"{if (!$allow_oosp && $product->quantity <= 0) || !$product->available_for_order || $PS_CATALOG_MODE} style="display: none;"{/if}>
							<label>{l s='Quantity:'}</label>
							<input type="text" name="qty" id="quantity_wanted" class="text" value="{if isset($quantityBackup)}{$quantityBackup|intval}{else}{if $product->minimal_quantity > 1}{$product->minimal_quantity}{else}1{/if}{/if}" />
							<a href="#" data-field-qty="qty" class="btn btn-default button-minus product_quantity_down">
								<span><i class="icon-minus"></i></span>
							</a>
							<a href="#" data-field-qty="qty" class="btn btn-default button-plus product_quantity_up">
								<span><i class="icon-plus"></i></span>
							</a>
							<span class="clearfix"></span>
						</p>
						{/if}
						<!-- minimal quantity wanted -->
						<p id="minimal_quantity_wanted_p"{if $product->minimal_quantity <= 1 || !$product->available_for_order || $PS_CATALOG_MODE} style="display: none;"{/if}>
							{l s='This product is not sold individually. You must select at least'} <b id="minimal_quantity_label">{$product->minimal_quantity}</b> {l s='quantity for this product.'}
						</p>
						{if isset($groups)}
							<!-- attributes -->
							<div id="attributes">
								<div class="clearfix"></div>
								{foreach from=$groups key=id_attribute_group item=group}
									{if $group.attributes|@count}
										<fieldset class="attribute_fieldset">
											<label class="attribute_label" {if $group.group_type != 'color' && $group.group_type != 'radio'}for="group_{$id_attribute_group|intval}"{/if}>{$group.name|escape:'html':'UTF-8'} : </label>
											{assign var="groupName" value="group_$id_attribute_group"}
											<div class="attribute_list">
												{if ($group.group_type == 'select')}
													<select name="{$groupName}" id="group_{$id_attribute_group|intval}" class="form-control attribute_select no-print">
														{foreach from=$group.attributes key=id_attribute item=group_attribute}
															<option value="{$id_attribute|intval}"{if (isset($smarty.get.$groupName) && $smarty.get.$groupName|intval == $id_attribute) || $group.default == $id_attribute} selected="selected"{/if} title="{$group_attribute|escape:'html':'UTF-8'}">{$group_attribute|escape:'html':'UTF-8'}</option>
														{/foreach}
													</select>
												{elseif ($group.group_type == 'color')}
													<ul id="color_to_pick_list" class="clearfix">
														{assign var="default_colorpicker" value=""}
														{foreach from=$group.attributes key=id_attribute item=group_attribute}
															{assign var='img_color_exists' value=file_exists($col_img_dir|cat:$id_attribute|cat:'.jpg')}
															<li{if $group.default == $id_attribute} class="selected"{/if}>
																<a href="{$link->getProductLink($product)|escape:'html':'UTF-8'}" id="color_{$id_attribute|intval}" name="{$colors.$id_attribute.name|escape:'html':'UTF-8'}" class="color_pick{if ($group.default == $id_attribute)} selected{/if}"{if !$img_color_exists && isset($colors.$id_attribute.value) && $colors.$id_attribute.value} style="background:{$colors.$id_attribute.value|escape:'html':'UTF-8'};"{/if} title="{$colors.$id_attribute.name|escape:'html':'UTF-8'}">
																	{if $img_color_exists}
																		<img src="{$img_col_dir}{$id_attribute|intval}.jpg" alt="{$colors.$id_attribute.name|escape:'html':'UTF-8'}" title="{$colors.$id_attribute.name|escape:'html':'UTF-8'}" width="20" height="20" />
																	{/if}
																</a>
															</li>
															{if ($group.default == $id_attribute)}
																{$default_colorpicker = $id_attribute}
															{/if}
														{/foreach}
													</ul>
													<input type="hidden" class="color_pick_hidden" name="{$groupName|escape:'html':'UTF-8'}" value="{$default_colorpicker|intval}" />
												{elseif ($group.group_type == 'radio')}
													<ul>
														{foreach from=$group.attributes key=id_attribute item=group_attribute}
															<li>
																<input type="radio" class="attribute_radio" name="{$groupName|escape:'html':'UTF-8'}" value="{$id_attribute}" {if ($group.default == $id_attribute)} checked="checked"{/if} />
																<span>{$group_attribute|escape:'html':'UTF-8'}</span>
															</li>
														{/foreach}
													</ul>
												{/if}
											</div> <!-- end attribute_list -->
										</fieldset>
									{/if}
								{/foreach}
							</div> <!-- end attributes -->
						{/if}
					</div> <!-- end product_attributes -->
					<div class="box-cart-bottom">
						<div{if (!$allow_oosp && $product->quantity <= 0) || !$product->available_for_order || (isset($restricted_country_mode) && $restricted_country_mode) || $PS_CATALOG_MODE} class="unvisible"{/if}>
							<p id="add_to_cart" class="buttons_bottom_block no-print">
								<button type="submit" name="Submit" class="exclusive">
									<span>{l s='Add to cart'}</span>
								</button>
							</p>
						</div>
						{if isset($HOOK_PRODUCT_ACTIONS) && $HOOK_PRODUCT_ACTIONS}{$HOOK_PRODUCT_ACTIONS}{/if}<strong></strong>
					</div> <!-- end box-cart-bottom -->
				</div> <!-- end box-info-product -->
			</form>
			{/if}
		</div> <!-- end pb-right-column-->
	</div> <!-- end primary_block -->
	{if !$content_only}
{if (isset($quantity_discounts) && count($quantity_discounts) > 0)}
			<!-- quantity discount -->
			<section class="page-product-box">
				<h3 class="page-product-heading">{l s='Volume discounts'}</h3>
				<div id="quantityDiscount">
					<table class="std table-product-discounts">
						<thead>
							<tr>
								<th>{l s='Quantity'}</th>
								<th>{if $display_discount_price}{l s='Price'}{else}{l s='Discount'}{/if}</th>
								<th>{l s='You Save'}</th>
							</tr>
						</thead>
						<tbody>
							{foreach from=$quantity_discounts item='quantity_discount' name='quantity_discounts'}
							<tr id="quantityDiscount_{$quantity_discount.id_product_attribute}" class="quantityDiscount_{$quantity_discount.id_product_attribute}" data-discount-type="{$quantity_discount.reduction_type}" data-discount="{$quantity_discount.real_value|floatval}" data-discount-quantity="{$quantity_discount.quantity|intval}">
								<td>
									{$quantity_discount.quantity|intval}
								</td>
								<td>
									{if $quantity_discount.price >= 0 || $quantity_discount.reduction_type == 'amount'}
										{if $display_discount_price}
											{convertPrice price=$productPrice-$quantity_discount.real_value|floatval}
										{else}
											{convertPrice price=$quantity_discount.real_value|floatval}
										{/if}
									{else}
										{if $display_discount_price}
											{convertPrice price = $productPrice-($productPrice*$quantity_discount.reduction)|floatval}
										{else}
											{$quantity_discount.real_value|floatval}%
										{/if}
									{/if}
								</td>
								<td>
									<span>{l s='Up to'}</span>
									{if $quantity_discount.price >= 0 || $quantity_discount.reduction_type == 'amount'}
										{$discountPrice=$productPrice-$quantity_discount.real_value|floatval}
									{else}
										{$discountPrice=$productPrice-($productPrice*$quantity_discount.reduction)|floatval}
									{/if}
									{$discountPrice=$discountPrice*$quantity_discount.quantity}
									{$qtyProductPrice = $productPrice*$quantity_discount.quantity}
									{convertPrice price=$qtyProductPrice-$discountPrice}
								</td>
							</tr>
							{/foreach}
						</tbody>
					</table>
				</div>
			</section>
		{/if}
{if (isset($product) && $product->description) || (isset($features) && $features) || (isset($accessories) && $accessories) || (isset($HOOK_PRODUCT_TAB) && $HOOK_PRODUCT_TAB) || (isset($attachments) && $attachments) || isset($product) && $product->customizable}
        <div id="more_info_block" class="rte align_justify" style="width:96%;clear:both;">
            <ul id="more_info_tabs" class="idTabs idTabsShort nav nav-tabs">
                {if $product->description}<li><a id="more_info_tab_more_info" href="#idTab1">{l s='More info'}</a></li>{/if}
                {if $features}<li><a id="more_info_tab_data_sheet" href="#idTab2">{l s='Data sheet'}</a></li>{/if}
                {if $attachments}<li><a id="more_info_tab_attachments" href="#idTab9">{l s='Download'}</a></li>{/if}
                {if isset($accessories) AND $accessories}<li><a href="#idTab4">{l s='Accessories'}</a></li>{/if}
                {if isset($product) && $product->customizable}<li><a href="#idTab10">{l s='Product customization'}</a></li>{/if}
                {if isset($HOOK_PRODUCT_TAB) && $HOOK_PRODUCT_TAB}{$HOOK_PRODUCT_TAB}{/if}
            </ul>

            <div id="more_info_sheets" class="sheets align_justify">
			{if isset($HOOK_PRODUCT_TAB_CONTENT) && $HOOK_PRODUCT_TAB_CONTENT}{$HOOK_PRODUCT_TAB_CONTENT}{/if}
                {if isset($product) && $product->description}
                    <!-- full description -->
                    <section class="page-product-box" id="idTab1">
                    {$product->description}
                    </section>
                {/if}
                                
                {if isset($HOOK_PRODUCT_TAB) && $HOOK_PRODUCT_TAB}
                    <!-- full description -->
                    
                     <section class="page-product-box" id="idTab11">
                    
                    </section>
                {/if}
                
                {if isset($features) && $features}
                    <!-- product's features -->
                    <section class="page-product-box" id="idTab2">
                    <ul  class="bullet">
                    {foreach from=$features item=feature}
                        {if isset($feature.value)}
                            <li><span>{$feature.name|escape:'htmlall':'UTF-8'}</span> {$feature.value|escape:'htmlall':'UTF-8'}</li>
                        {/if}
                    {/foreach}
                    </ul>
                    </section>
                {/if}
                
                {if isset($attachments) && $attachments}
                <section class="page-product-box" id="idTab9">
                    <ul class="bullet">
                    {foreach from=$attachments item=attachment}
                        <li><a href="{$link->getPageLink('attachment', true, NULL, "id_attachment={$attachment.id_attachment}")|escape:'html'}">{$attachment.name|escape:'htmlall':'UTF-8'}</a><br />{$attachment.description|escape:'htmlall':'UTF-8'}</li>
                    {/foreach}
                    </ul>
                    </section>
                {/if}
                
                {if isset($accessories) AND $accessories}
                    <!-- accessories -->
                     <section class="page-product-box" id="idTab4">
                        <div class="block products_block accessories_block clearfix">
                            <div class="block_content">
                                <ul>
                                {foreach from=$accessories item=accessory name=accessories_list}
                                    {if ($accessory.allow_oosp || $accessory.quantity_all_versions > 0 || $accessory.quantity > 0) AND $accessory.available_for_order AND !isset($restricted_country_mode)}
                                        {assign var='accessoryLink' value=$link->getProductLink($accessory.id_product, $accessory.link_rewrite, $accessory.category)}
                                        <li class="ajax_block_product{if $smarty.foreach.accessories_list.first} first_item{elseif $smarty.foreach.accessories_list.last} last_item{else} item{/if} product_accessories_description">
                                            <p class="s_title_block">
                                                <a href="{$accessoryLink|escape:'htmlall':'UTF-8'}">{$accessory.name|escape:'htmlall':'UTF-8'}</a>
                                                {if $accessory.show_price AND !isset($restricted_country_mode) AND !$PS_CATALOG_MODE} - <span class="price">{if $priceDisplay != 1}{displayWtPrice p=$accessory.price}{else}{displayWtPrice p=$accessory.price_tax_exc}{/if}</span>{/if}
                                            </p>
                                            <div class="product_desc">
                                                <a href="{$accessoryLink|escape:'htmlall':'UTF-8'}" title="{$accessory.legend|escape:'htmlall':'UTF-8'}" class="product_image"><img src="{$link->getImageLink($accessory.link_rewrite, $accessory.id_image, 'medium_default')|escape:'html'}" alt="{$accessory.legend|escape:'htmlall':'UTF-8'}" width="{$mediumSize.width}" height="{$mediumSize.height}" /></a>
                                                <div class="block_description">
                                                    <a href="{$accessoryLink|escape:'htmlall':'UTF-8'}" title="{l s='More'}" class="product_description">{$accessory.description_short|strip_tags|truncate:400:'...'}</a>
                                                </div>
                                                <div class="clear_product_desc"> </div>
                                            </div>
                                            
                                            <p class="clearfix" style="margin-top:5px">
                                                <a class="button" href="{$accessoryLink|escape:'htmlall':'UTF-8'}" title="{l s='View'}">{l s='View'}</a>
                                                {if !$PS_CATALOG_MODE && ($accessory.allow_oosp || $accessory.quantity > 0)}
                                                <a class="exclusive button ajax_add_to_cart_button" href="{$link->getPageLink('cart', true, NULL, "qty=1&id_product={$accessory.id_product|intval}&token={$static_token}&add")|escape:'html'}" rel="ajax_id_product_{$accessory.id_product|intval}" title="{l s='Add to cart'}">{l s='Add to cart'}</a>
                                                {/if}
                                            </p>
                                            
                                        </li>
                                    {/if}
                                {/foreach}
                                </ul>
                            </div>
                        </div>
                    </section>
                {/if}

                <!-- Customizable products -->
                {if isset($product) && $product->customizable}
                 <section class="page-product-box" id="idTab10">
                    <div class="bullet customization_block">
                        <form method="post" action="{$customizationFormTarget}" enctype="multipart/form-data" id="customizationForm" class="clearfix">
                            <p class="infoCustomizable">
                                {l s='After saving your customized product, remember to add it to your cart.'}
                                {if $product->uploadable_files}<br />{l s='Allowed file formats are: GIF, JPG, PNG'}{/if}
                            </p>
                            {if $product->uploadable_files|intval}
                            <div class="customizableProductsFile">
                                <h3>{l s='Pictures'}</h3>
                                <ul id="uploadable_files" class="clearfix">
                                    {counter start=0 assign='customizationField'}
                                    {foreach from=$customizationFields item='field' name='customizationFields'}
                                        {if $field.type == 0}
                                            <li class="customizationUploadLine{if $field.required} required{/if}">{assign var='key' value='pictures_'|cat:$product->id|cat:'_'|cat:$field.id_customization_field}
                                                {if isset($pictures.$key)}
                                                <div class="customizationUploadBrowse">
                                                    <img src="{$pic_dir}{$pictures.$key}_small" alt="" />
                                                    <a href="{$link->getProductDeletePictureLink($product, $field.id_customization_field)|escape:'html'}" title="{l s='Delete'}" >
                                                        <img src="{$img_dir}icon/delete.gif" alt="{l s='Delete'}" class="customization_delete_icon" width="11" height="13" />
                                                    </a>
                                                </div>
                                                {/if}
                                                <div class="customizationUploadBrowse">
                                                    <label class="customizationUploadBrowseDescription">{if !empty($field.name)}{$field.name}{else}{l s='Please select an image file from your computer'}{/if}{if $field.required}<sup>*</sup>{/if}</label>
                                                    <input type="file" name="file{$field.id_customization_field}" id="img{$customizationField}" class="customization_block_input {if isset($pictures.$key)}filled{/if}" />
                                                </div>
                                            </li>
                                            {counter}
                                        {/if}
                                    {/foreach}
                                </ul>
                            </div>
                            {/if}
                            {if $product->text_fields|intval}
                            <div class="customizableProductsText">
                                <h3>{l s='Text'}</h3>
                                <ul id="text_fields">
                                {counter start=0 assign='customizationField'}
                                {foreach from=$customizationFields item='field' name='customizationFields'}
                                    {if $field.type == 1}
                                    <li class="customizationUploadLine{if $field.required} required{/if}">
                                        <label for ="textField{$customizationField}">{assign var='key' value='textFields_'|cat:$product->id|cat:'_'|cat:$field.id_customization_field} {if !empty($field.name)}{$field.name}{/if}{if $field.required}<sup>*</sup>{/if}</label>
                                        <textarea name="textField{$field.id_customization_field}" id="textField{$customizationField}" rows="1" cols="40" class="customization_block_input">{if isset($textFields.$key)}{$textFields.$key|stripslashes}{/if}</textarea>
                                    </li>
                                    {counter}
                                    {/if}
                                {/foreach}
                                </ul>
                            </div>
                            {/if}
                            <p id="customizedDatas">
                                <input type="hidden" name="quantityBackup" id="quantityBackup" value="" />
                                <input type="hidden" name="submitCustomizedDatas" value="1" />
                                <input type="button" class="button" value="{l s='Save'}" onclick="javascript:saveCustomization()" />
                                <span id="ajax-loader" style="display:none"><img src="{$img_ps_dir}loader.gif" alt="loader" /></span>
                            </p>
                        </form>
                        <p class="clear required"><sup>*</sup> {l s='required fields'}</p>
                    </div>
                 </section>
                {/if}
            </div>
        </div>
        {/if}
			{/if}
		</div>
		</div>
		{if isset($HOOK_PRODUCT_FOOTER) && $HOOK_PRODUCT_FOOTER}{$HOOK_PRODUCT_FOOTER}{/if}
		<!-- description & features -->
		{if (isset($product) && $product->description) || (isset($features) && $features) || (isset($accessories) && $accessories) || (isset($HOOK_PRODUCT_TAB) && $HOOK_PRODUCT_TAB) || (isset($attachments) && $attachments) || isset($product) && $product->customizable}
			{if isset($attachments) && $attachments}
			<!--Download -->
			<section class="page-product-box">
				<h3 class="page-product-heading">{l s='Download'}</h3>
				{foreach from=$attachments item=attachment name=attachements}
					{if $smarty.foreach.attachements.iteration %3 == 1}<div class="row">{/if}
						<div class="col-lg-4">
							<h4><a href="{$link->getPageLink('attachment', true, NULL, "id_attachment={$attachment.id_attachment}")|escape:'html':'UTF-8'}">{$attachment.name|escape:'html':'UTF-8'}</a></h4>
							<p class="text-muted">{$attachment.description|escape:'html':'UTF-8'}</p>
							<a class="btn btn-default btn-block" href="{$link->getPageLink('attachment', true, NULL, "id_attachment={$attachment.id_attachment}")|escape:'html':'UTF-8'}">
								<i class="icon-download"></i>
								{l s="Download"} ({Tools::formatBytes($attachment.file_size, 2)})
							</a>
							<hr>
						</div>
					{if $smarty.foreach.attachements.iteration %3 == 0 || $smarty.foreach.attachements.last}</div>{/if}
				{/foreach}
			</section>
			<!--end Download -->
			{/if}
			{if isset($product) && $product->customizable}
			<!--Customization -->
			<section class="page-product-box">
				<h3 class="page-product-heading">{l s='Product customization'}</h3>
				<!-- Customizable products -->
				<form method="post" action="{$customizationFormTarget}" enctype="multipart/form-data" id="customizationForm" class="clearfix">
					<p class="infoCustomizable">
						{l s='After saving your customized product, remember to add it to your cart.'}
						{if $product->uploadable_files}
						<br />
						{l s='Allowed file formats are: GIF, JPG, PNG'}{/if}
					</p>
					{if $product->uploadable_files|intval}
						<div class="customizableProductsFile">
							<h5 class="product-heading-h5">{l s='Pictures'}</h5>
							<ul id="uploadable_files" class="clearfix">
								{counter start=0 assign='customizationField'}
								{foreach from=$customizationFields item='field' name='customizationFields'}
									{if $field.type == 0}
										<li class="customizationUploadLine{if $field.required} required{/if}">{assign var='key' value='pictures_'|cat:$product->id|cat:'_'|cat:$field.id_customization_field}
											{if isset($pictures.$key)}
												<div class="customizationUploadBrowse">
													<img src="{$pic_dir}{$pictures.$key}_small" alt="" />
														<a href="{$link->getProductDeletePictureLink($product, $field.id_customization_field)|escape:'html':'UTF-8'}" title="{l s='Delete'}" >
															<img src="{$img_dir}icon/delete.gif" alt="{l s='Delete'}" class="customization_delete_icon" width="11" height="13" />
														</a>
												</div>
											{/if}
											<div class="customizationUploadBrowse form-group">
												<label class="customizationUploadBrowseDescription">
													{if !empty($field.name)}
														{$field.name}
													{else}
														{l s='Please select an image file from your computer'}
													{/if}
													{if $field.required}<sup>*</sup>{/if}
												</label>
												<input type="file" name="file{$field.id_customization_field}" id="img{$customizationField}" class="form-control customization_block_input {if isset($pictures.$key)}filled{/if}" />
											</div>
										</li>
										{counter}
									{/if}
								{/foreach}
							</ul>
						</div>
					{/if}
					{if $product->text_fields|intval}
						<div class="customizableProductsText">
							<h5 class="product-heading-h5">{l s='Text'}</h5>
							<ul id="text_fields">
							{counter start=0 assign='customizationField'}
							{foreach from=$customizationFields item='field' name='customizationFields'}
								{if $field.type == 1}
									<li class="customizationUploadLine{if $field.required} required{/if}">
										<label for ="textField{$customizationField}">
											{assign var='key' value='textFields_'|cat:$product->id|cat:'_'|cat:$field.id_customization_field}
											{if !empty($field.name)}
												{$field.name}
											{/if}
											{if $field.required}<sup>*</sup>{/if}
										</label>
										<textarea name="textField{$field.id_customization_field}" class="form-control customization_block_input" id="textField{$customizationField}" rows="3" cols="20">{strip}
											{if isset($textFields.$key)}
												{$textFields.$key|stripslashes}
											{/if}
										{/strip}</textarea>
									</li>
									{counter}
								{/if}
							{/foreach}
							</ul>
						</div>
					{/if}
					<p id="customizedDatas">
						<input type="hidden" name="quantityBackup" id="quantityBackup" value="" />
						<input type="hidden" name="submitCustomizedDatas" value="1" />
						<button class="button btn btn-default button button-small" name="saveCustomization">
							<span>{l s='Save'}</span>
						</button>
						<span id="ajax-loader" class="unvisible">
							<img src="{$img_ps_dir}loader.gif" alt="loader" />
						</span>
					</p>
				</form>
				<p class="clear required"><sup>*</sup> {l s='required fields'}</p>
			</section>
			<!--end Customization -->
			{/if}
		{/if}
		{if isset($packItems) && $packItems|@count > 0}
		<section id="blockpack">
			<h3 class="page-product-heading">{l s='Pack content'}</h3>
			{include file="$tpl_dir./product-list.tpl" products=$packItems}
		</section>
		{/if}
	{/if}
</div> <!-- itemscope product wrapper -->
{strip}
{if isset($smarty.get.ad) && $smarty.get.ad}
	{addJsDefL name=ad}{$base_dir|cat:$smarty.get.ad|escape:'html':'UTF-8'}{/addJsDefL}
{/if}
{if isset($smarty.get.adtoken) && $smarty.get.adtoken}
	{addJsDefL name=adtoken}{$smarty.get.adtoken|escape:'html':'UTF-8'}{/addJsDefL}
{/if}
{addJsDef allowBuyWhenOutOfStock=$allow_oosp|boolval}
{addJsDef availableNowValue=$product->available_now|escape:'quotes':'UTF-8'}
{addJsDef availableLaterValue=$product->available_later|escape:'quotes':'UTF-8'}
{addJsDef attribute_anchor_separator=$attribute_anchor_separator|addslashes}
{addJsDef attributesCombinations=$attributesCombinations}
{addJsDef currencySign=$currencySign|html_entity_decode:2:"UTF-8"}
{addJsDef currencyRate=$currencyRate|floatval}
{addJsDef currencyFormat=$currencyFormat|intval}
{addJsDef currencyBlank=$currencyBlank|intval}
{addJsDef currentDate=$smarty.now|date_format:'%Y-%m-%d %H:%M:%S'}
{if isset($combinations) && $combinations}
	{addJsDef combinations=$combinations}
	{addJsDef combinationsFromController=$combinations}
	{addJsDef displayDiscountPrice=$display_discount_price}
	{addJsDefL name='upToTxt'}{l s='Up to' js=1}{/addJsDefL}
{/if}
{if isset($combinationImages) && $combinationImages}
	{addJsDef combinationImages=$combinationImages}
{/if}
{addJsDef customizationFields=$customizationFields}
{addJsDef default_eco_tax=$product->ecotax|floatval}
{addJsDef displayPrice=$priceDisplay|intval}
{addJsDef ecotaxTax_rate=$ecotaxTax_rate|floatval}
{addJsDef group_reduction=$group_reduction}
{if isset($cover.id_image_only)}
	{addJsDef idDefaultImage=$cover.id_image_only|intval}
{else}
	{addJsDef idDefaultImage=0}
{/if}
{addJsDef img_ps_dir=$img_ps_dir}
{addJsDef img_prod_dir=$img_prod_dir}
{addJsDef id_product=$product->id|intval}
{addJsDef jqZoomEnabled=$jqZoomEnabled|boolval}
{addJsDef maxQuantityToAllowDisplayOfLastQuantityMessage=$last_qties|intval}
{addJsDef minimalQuantity=$product->minimal_quantity|intval}
{addJsDef noTaxForThisProduct=$no_tax|boolval}
{addJsDef customerGroupWithoutTax=$customer_group_without_tax|boolval}
{addJsDef oosHookJsCodeFunctions=Array()}
{addJsDef productHasAttributes=isset($groups)|boolval}
{addJsDef productPriceTaxExcluded=($product->getPriceWithoutReduct(true)|default:'null' - $product->ecotax)|floatval}
{addJsDef productBasePriceTaxExcluded=($product->base_price - $product->ecotax)|floatval}
{addJsDef productBasePriceTaxExcl=($product->base_price|floatval)}
{addJsDef productReference=$product->reference|escape:'html':'UTF-8'}
{addJsDef productAvailableForOrder=$product->available_for_order|boolval}
{addJsDef productPriceWithoutReduction=$productPriceWithoutReduction|floatval}
{addJsDef productPrice=$productPrice|floatval}
{addJsDef productUnitPriceRatio=$product->unit_price_ratio|floatval}
{addJsDef productShowPrice=(!$PS_CATALOG_MODE && $product->show_price)|boolval}
{addJsDef PS_CATALOG_MODE=$PS_CATALOG_MODE}
{if $product->specificPrice && $product->specificPrice|@count}
	{addJsDef product_specific_price=$product->specificPrice}
{else}
	{addJsDef product_specific_price=array()}
{/if}
{if $display_qties == 1 && $product->quantity}
	{addJsDef quantityAvailable=$product->quantity}
{else}
	{addJsDef quantityAvailable=0}
{/if}
{addJsDef quantitiesDisplayAllowed=$display_qties|boolval}
{if $product->specificPrice && $product->specificPrice.reduction && $product->specificPrice.reduction_type == 'percentage'}
	{addJsDef reduction_percent=$product->specificPrice.reduction*100|floatval}
{else}
	{addJsDef reduction_percent=0}
{/if}
{if $product->specificPrice && $product->specificPrice.reduction && $product->specificPrice.reduction_type == 'amount'}
	{addJsDef reduction_price=$product->specificPrice.reduction|floatval}
{else}
	{addJsDef reduction_price=0}
{/if}
{if $product->specificPrice && $product->specificPrice.price}
	{addJsDef specific_price=$product->specificPrice.price|floatval}
{else}
	{addJsDef specific_price=0}
{/if}
{addJsDef specific_currency=($product->specificPrice && $product->specificPrice.id_currency)|boolval} {* TODO: remove if always false *}
{addJsDef stock_management=$stock_management|intval}
{addJsDef taxRate=$tax_rate|floatval}
{addJsDefL name=doesntExist}{l s='This combination does not exist for this product. Please select another combination.' js=1}{/addJsDefL}
{addJsDefL name=doesntExistNoMore}{l s='This product is no longer in stock' js=1}{/addJsDefL}
{addJsDefL name=doesntExistNoMoreBut}{l s='with those attributes but is available with others.' js=1}{/addJsDefL}
{addJsDefL name=fieldRequired}{l s='Please fill in all the required fields before saving your customization.' js=1}{/addJsDefL}
{addJsDefL name=uploading_in_progress}{l s='Uploading in progress, please be patient.' js=1}{/addJsDefL}
{addJsDefL name='product_fileDefaultHtml'}{l s='No file selected' js=1}{/addJsDefL}
{addJsDefL name='product_fileButtonHtml'}{l s='Choose File' js=1}{/addJsDefL}
{/strip}
{/if}

myselfidem · August 29, 2014

Merci Eolia !

Cependant, cela ne fonctionne pas comme je le voudrais ! Les autres onglets sont masqués : Desciption | Caractéristiques

Edited August 29, 2014 by myselfidem (see edit history)

Eolia · August 29, 2014

Merci Eolia !

Cependant, cela ne fonctionne pas comme je le voudrais ! Les autres onglets sont masqués : Desciption | Caractéristiques

Oui j'ai modifié légèrement le css de base: http://eolia.o2switch.net/presta_dev/themes/default-bootstrap/css/global.css

A voir dans votre cas

Eolia · September 19, 2014

Bonjour à tous,

Merci beaucoup pour ce code product.tpl et global.css, par contre est ce que l'on peut m'indiquer ou positionner du code afin de modifier la couleur des onglets en savoir plus et personnalisation, car la sur un fond gris cela n'est pas trés parlant sur la fiche client?

En vous remerciant de votre aide.

Many Thanks,

ouvrez votre console de debuf (f12 sur Chrome par ex.) et inspectez l'élément qui vous intéresse. Vous aurez les propriétés css qui s'affichent à droite et vous pouvez les modifier en direct pour voir le résultat.

Une fois que celui-ci vous convient, enrgistrez le fichier css et remplacez l'original.

Voir: http://www.e-monsite.com/pages/tutoriels/design-et-navigation/faire-ses-premiers-pas-en-css.html

myselfidem · October 14, 2014

Je cherche encore une solution pour afficher les commentaires lorsq'ils existent

Même en modifiant le fichier tab.tpl (.\themes\Mon_Theme\modules\productcomments\tab.tpl)

tab.tpl original :

<h3 id="#idTab5" class="idTabHrefShort page-product-heading">{l s='Reviews' mod='productcomments'}</h3>

Amicalement

Edited October 14, 2014 by myselfidem (see edit history)

Neekkola · April 3, 2015

Bonjour à toutes et tous

Pour celles et ceux qui souhaitent remettre en 1.6 les onglets (description, fiche technique...) que nous connaissions en 1.4 ou 1.5 sur les fiches produits, je conseille la lecture et la mise en oeuvre de ce qui est indiqué ici :

http://mypresta.eu/en/art/prestashop-16/product-tabs.html

Pour moi qui ne suit pas expert, en suivant pas à pas, ça a très bien marché.

Je suis en développement, en local sur mon PC.

Si ça peut aider...

Zythom · April 4, 2015

Bonjour à tous,

je m'incruste dans ce topic. J'ai modifié mon product.tpl pour obtenir l'affichage en onglets et ça a bien marché.

Par contre, toujours pas d'affichage des avis (même en suivant le tuto de neekkola et en modifiant le fichier tab.tpl). Quelqu'un a trouvé la solution ?

J'ai aussi un problème avec l'affichage des accessoires. Si je ne renseigne pas dans product.tpl id="idTab4" les accessoires s'affichent bien mais sous tous les onglets. Et si je laisse id="idTab4" mes accessoires ne s'affichent plus. Une idée ?

Zythom · April 4, 2015

Et ben je me réponds à moi même, et je poste ici au cas ou...

dans product.tpl il faut changer :

{if isset($HOOK_PRODUCT_TAB) && $HOOK_PRODUCT_TAB}<li><a href="#idTab11">{l s='Avis'}</a></li>{/if}

par

{if isset($HOOK_PRODUCT_TAB) && $HOOK_PRODUCT_TAB}<li><a href="#idTab5">{l s='Avis'}</a></li>{/if}

et plus bas rajouter les lignes rouges et retirer ce qui est en vert :

{if isset($HOOK_PRODUCT_TAB) && $HOOK_PRODUCT_TAB}
                    <div id="idTab5">
                     <section class="page-product-box" id="idTab11">
                    {if isset($HOOK_PRODUCT_TAB_CONTENT) && $HOOK_PRODUCT_TAB_CONTENT}{$HOOK_PRODUCT_TAB_CONTENT}{/if}
                    </section>
                   </div>
                {/if}

Ce qui donne :

{if isset($HOOK_PRODUCT_TAB) && $HOOK_PRODUCT_TAB}
                    <div id="idTab5">
                     <section class="page-product-box">
                    {if isset($HOOK_PRODUCT_TAB_CONTENT) && $HOOK_PRODUCT_TAB_CONTENT}{$HOOK_PRODUCT_TAB_CONTENT}{/if}
                    </section>
                   </div>
                {/if}

bricowebstore · April 7, 2015

bonjour

pourriez vous m'aider sur ce sujet, j'ai bien réussi à adapter chaque onglet sauf celui des accessoires qui part dans tous les sens

voici la partie de mon tpl si quelqu'un peut me dire où ça cloche

merci

{foreach from=$accessories item=accessory name=accessories_list}

{if ($accessory.allow_oosp || $accessory.quantity_all_versions > 0 || $accessory.quantity > 0) && $accessory.available_for_order && !isset($restricted_country_mode)}

{assign var='accessoryLink' value=$link->getProductLink($accessory.id_product, $accessory.link_rewrite, $accessory.category)}

<img class="lazyOwl" src="{$link->getImageLink($accessory.link_rewrite, $accessory.id_image, 'home_default')|escape:'html':'UTF-8'}" alt="{$accessory.legend|escape:'html':'UTF-8'}" width="{$homeSize.width}" height="{$homeSize.height}"/>

</a>

{$accessory.description_short|strip_tags|truncate:25:'...'}

</a>

</div>

{$accessory.name|truncate:20:'...':true|escape:'html':'UTF-8'}

</a>

</h5>

{if $accessory.show_price && !isset($restricted_country_mode) && !$PS_CATALOG_MODE}

{if $priceDisplay != 1}

{displayWtPrice p=$accessory.price}{else}{displayWtPrice p=$accessory.price_tax_exc}

{/if}

</span>

{/if}

</div>

{if !$PS_CATALOG_MODE && ($accessory.allow_oosp || $accessory.quantity > 0)}

<a class="exclusive button ajax_add_to_cart_button" href="{$link->getPageLink('cart', true, NULL, "qty=1&id_product={$accessory.id_product|intval}&token={$static_token}&add")|escape:'html':'UTF-8'}" data-id-product="{$accessory.id_product|intval}" title="{l s='Add to cart'}">

</a>

</div>

{/if}

</div>

</li>

{/if}

{/foreach}

</ul>

</div>

</section>

{/if}

Eolia · April 8, 2015

J'ai un tpl type pour ce type de présentation disponible ici: http://eolia.o2switch.net/eolia/trucs-et-astuces/onglets

bricowebstore · April 8, 2015

bonjour eolia

merci de votre retour

j'ai testé mais pour l'onglet accessoires il le présente comme l'ancien presta 1.5 avec des boutons jaunes etc.. et pas comme par exemple le site d'opaline qui respecte cela

http://ecigopaline.fr/promotions/180-kit-cigarette-electronique-ego-fantaisie-650-mah-premier-prix.html

si vous avez une idée?

Eolia · April 8, 2015

pour l'aspect des boutons, c'est juste la classe à modifier dans le tpl^^, utilisez une classe existante dans votre thème

Zythom · April 8, 2015

@bricowebstore : je vous envoie un mp pour les fichiers

myselfidem · April 9, 2015

@Zythom

J'ai procédé ainsi pour afficher l'onglet dans product.tpl.

Pour #idTab4 : (vérifier que AND soit bien écrit !)

{if isset($accessories) AND $accessories}<li><a href="#idTab4">{l s='Accessories'}</a></li>{/if}

Dans product.tpl :

<!-- Accessories -->
                {if isset($accessories) && $accessories}
                     <section id="idTab4" class="page-product-box">
                        <div class="block products_block accessories_block clearfix">
                            <div class="block_content">
                                <ul>
                                {foreach from=$accessories item=accessory name=accessories_list}
								{if ($accessory.allow_oosp || $accessory.quantity_all_versions > 0 || $accessory.quantity > 0) && $accessory.available_for_order && !isset($restricted_country_mode)}
									{assign var='accessoryLink' value=$link->getProductLink($accessory.id_product, $accessory.link_rewrite, $accessory.category)}
									<li class="item product-box ajax_block_product{if $smarty.foreach.accessories_list.first} first_item{elseif $smarty.foreach.accessories_list.last} last_item{else} item{/if} product_accessories_description">
										<div class="product_desc">
											<a href="{$accessoryLink|escape:'html':'UTF-8'}" title="{$accessory.legend|escape:'html':'UTF-8'}" class="product-image product_image">
												<img class="lazyOwl" src="{$link->getImageLink($accessory.link_rewrite, $accessory.id_image, 'home_default')|escape:'html':'UTF-8'}" alt="{$accessory.legend|escape:'html':'UTF-8'}" width="{$homeSize.width}" height="{$homeSize.height}"/>
											</a>
											<div class="block_description">
												<a href="{$accessoryLink|escape:'html':'UTF-8'}" title="{l s='More'}" class="product_description">
													{$accessory.description_short|strip_tags|truncate:25:'...'}
												</a>
											</div>
										</div>
										<div class="s_title_block">
											<h5 class="product-name">
												<a href="{$accessoryLink|escape:'html':'UTF-8'}">
													{$accessory.name|truncate:20:'...':true|escape:'html':'UTF-8'}
												</a>
											</h5>
											{if $accessory.show_price && !isset($restricted_country_mode) && !$PS_CATALOG_MODE}
											<span class="price">
												{if $priceDisplay != 1}
												{displayWtPrice p=$accessory.price}{else}{displayWtPrice p=$accessory.price_tax_exc}
												{/if}
											</span>
											{/if}
										</div>
										<div class="clearfix" style="margin-top:5px">
											{if !$PS_CATALOG_MODE && ($accessory.allow_oosp || $accessory.quantity > 0)}
												<div class="no-print">
													<a class="exclusive button ajax_add_to_cart_button" href="{$link->getPageLink('cart', true, NULL, "qty=1&id_product={$accessory.id_product|intval}&token={$static_token}&add")|escape:'html':'UTF-8'}" data-id-product="{$accessory.id_product|intval}" title="{l s='Add to cart'}">
														<span>{l s='Add to cart'}</span>
													</a>
												</div>
											{/if}
										</div>
									</li>
								{/if}
							{/foreach}
						</ul>
					</div>
				</div>	
			</section>
          {/if}
          <!--end Accessories -->

Vers la fin du fichier :

	   {if isset($HOOK_PRODUCT_FOOTER) && $HOOK_PRODUCT_FOOTER}{$HOOK_PRODUCT_FOOTER}{/if} 
   {/if}
{strip}

J'espère que cela pourra aider !

Cela fonctionne parfaitement pour moi.

Amicalement

Zythom · April 9, 2015

@myselfidem

merci, je m'en était sorti avec les accessoires, j'avais juste un problème avec l'affichage des avis que j'ai résolu (post #25)

Par contre (c'est juste mon avis), j'ai rajouté un padding aux <li> dans les accessoires, je trouve la présentation plus sympa (les produits ne sont pas collés les uns aux autres)

myselfidem · April 9, 2015

Merci Zythom !

La petite tracasserie c'est que le Slider (Diaporama) ne fonctionne pas avec #idTab4 ; si bien que j'ai été obligé de le désactiver.

{if isset($accessories) && $accessories}
                     <section id="idTab4" class="page-product-box">
                        <div class="block products_block accessories_block clearfix">
                            <div class="block_content">
                                <ul> <!-- id="bxslider" class="bxslider clearfix"> -->
                                {foreach from=$accessories item=accessory name=accessories_list}

Peut-être avez-vous une astuce ?

Amicalement

Edited April 9, 2015 by myselfidem (see edit history)

Zythom · April 9, 2015

Pareil pour moi Myselfidem !!

J'ai essayé de copier/coller le code complet qui inclus le slider mais rien ne s'affiche (uniquement la flèche de droite du slider). Et comme j'ai rarement plus de trois accessoires sur mes produits je n'ai pas cherché plus loin et l'ai laissé désactivé aussi...

Du coup je ne vais pas pouvoir beaucoup t'aider sur ce coup là

myselfidem · April 9, 2015

Merci Zythom !

En tout cas pour ma part cela est résolu.

Amicalement

*Edit : Merci pour le code sur ton message #25 pour l'onglet des commentaires - cela m'a bien aidé !

De plus ne pas oublier de modifier le fichier : tab.tpl, afin de permettre l'ouverture de cet onglet en cliquant sur : Lire les avis.

Aide :

http://mypresta.eu/en/art/prestashop-16/product-tabs.html

Modifier dans : .\themes\votre_thème\modules\productcomments\tab.tpl

<h3 id="#idTab5" class="idTabHrefShort page-product-heading">{l s='Reviews' mod='productcomments'}</h3>

Remplacer par :

<li id="#idTab5" class="idTabHrefShort page-product-heading">{l s='Reviews' mod='productcomments'}</li>

Edited April 10, 2015 by myselfidem (see edit history)

Tchupa · January 4, 2016

Bonjour,

je sais pas pour vous mais en suivant les différentes modifications pour récupérer les onglets, celà affecte la vitesse d'ajout des articles au panier.

Sa ralenti considérablement le temps d'affichage lorsqu'on ajoute un article dans le panier .

amandloren · January 29, 2016

Bonsoir et merci pour l'astuce,

j'ai un petit soucis dés que j'ai des accessoires avec un article (ne pas tenir compte de mon css, g pas encore personnalisé les onglets), mon accessoire est bien présent sur ma fiche produit comme on peut le voir si j'arrête ma page en plein chargement :

et dés que le chargement est terminé, pas d'article en accessoires :

et rien de noté dans l'onglet AVIS, alors que sur un article sans accessoires, le message s'affiche bien :

J'ai essayé avec le slider activé ou pas, c'est pareil, donc j'ai peut-être zappé un truc, comme j'ai voulu mettre mes tarifs dégressifs en onglets, j'ai peut-être fait une erreur là, je vous mets le code des tabs :

     
                
        {* START OF EXTRA TABS BY MyPresta *}
        {* START OF EXTRA TABS BY MyPresta *}
        {* START OF EXTRA TABS BY MyPresta *}
        {* START OF EXTRA TABS BY MyPresta *}
        
        <div id="more_info_block" class="clear">
            <ul id="more_info_tabs" class="idTabs idTabsShort clearfix">
			    {if (isset($quantity_discounts) && count($quantity_discounts) > 0)}<li><a href="#idTab1">{l s='Volume discounts'}</a></li>{/if}
                {if $product->description}<li><a id="more_info_tab_more_info" href="#idTab2">{l s='More info'}</a></li>{/if}
                {if $features}<li><a id="more_info_tab_data_sheet" href="#idTab3">{l s='Data sheet'}</a></li>{/if}
                {if $attachments}<li><a id="more_info_tab_attachments" href="#idTab4">{l s='Download'}</a></li>{/if}
                {if isset($packItems) && $packItems|@count > 0}<li><a id="more_info_tab_pack" href="#blockpack">{l s='Pack Content'}</a></li>{/if}
                {if isset($accessories) AND $accessories}<li><a href="#idTab5">{l s='Accessories'}</a></li>{/if}
                {if isset($product) && $product->customizable}<li><a href="#idTab6">{l s='Product customization'}</a></li>{/if}
                {if isset($HOOK_PRODUCT_TAB) && $HOOK_PRODUCT_TAB}<li><a href="#idTab7">{l s='Avis'}</a></li>{/if}
            </ul>



			{if (isset($quantity_discounts) && count($quantity_discounts) > 0)}
			<!-- quantity discount -->
				<div id="idTab1">
			<section class="page-product-box">				
					<table class="std table-product-discounts">
						<thead>
							<tr>
								<th>{l s='Quantity'}</th>
								<th>{if $display_discount_price}{l s='Price'}{else}{l s='Discount'}{/if}</th>
								<th>{l s='You Save'}</th>
							</tr>
						</thead>
						<tbody>
							{foreach from=$quantity_discounts item='quantity_discount' name='quantity_discounts'}
							<tr id="quantityDiscount_{$quantity_discount.id_product_attribute}" class="quantityDiscount_{$quantity_discount.id_product_attribute}" data-discount-type="{$quantity_discount.reduction_type}" data-discount="{$quantity_discount.real_value|floatval}" data-discount-quantity="{$quantity_discount.quantity|intval}">
								<td>
									{$quantity_discount.quantity|intval}
								</td>
								<td>
									{if $quantity_discount.price >= 0 || $quantity_discount.reduction_type == 'amount'}
										{if $display_discount_price}
											{if $quantity_discount.reduction_tax == 0 && !$quantity_discount.price}
												{convertPrice price = $productPriceWithoutReduction|floatval-($productPriceWithoutReduction*$quantity_discount.reduction_with_tax)|floatval}
											{else}
												{convertPrice price=$productPriceWithoutReduction|floatval-$quantity_discount.real_value|floatval}
											{/if}
										{else}
											{convertPrice price=$quantity_discount.real_value|floatval}
										{/if}
									{else}
										{if $display_discount_price}
											{if $quantity_discount.reduction_tax == 0}
												{convertPrice price = $productPriceWithoutReduction|floatval-($productPriceWithoutReduction*$quantity_discount.reduction_with_tax)|floatval}
											{else}
												{convertPrice price = $productPriceWithoutReduction|floatval-($productPriceWithoutReduction*$quantity_discount.reduction)|floatval}
											{/if}
										{else}
											{$quantity_discount.real_value|floatval}%
										{/if}
									{/if}
								</td>
								<td>
									<span>{l s='Up to'}</span>
									{if $quantity_discount.price >= 0 || $quantity_discount.reduction_type == 'amount'}
										{$discountPrice=$productPriceWithoutReduction|floatval-$quantity_discount.real_value|floatval}
									{else}
										{$discountPrice=$productPriceWithoutReduction|floatval-($productPriceWithoutReduction*$quantity_discount.reduction)|floatval}
									{/if}
									{$discountPrice=$discountPrice * $quantity_discount.quantity}
									{$qtyProductPrice=$productPriceWithoutReduction|floatval * $quantity_discount.quantity}
									{convertPrice price=$qtyProductPrice - $discountPrice}
								</td>
							</tr>
							{/foreach}
						</tbody>
					</table>
				</div>
			</section>
		{/if}

            
            <div id="more_info_sheets" class="sheets align_justify">
                {if isset($product) && $product->description}
        			<!-- More info -->
        			<div id="idTab2" class="rte">
        				{$product->description}
        			</div>
        			<!--end  More info -->
	            {/if}
                
                
                {if isset($features) && $features}
        			<!-- Data sheet -->
        			<div id="idTab3" class="rte">
        				<table class="table-data-sheet">
        					{foreach from=$features item=feature}
        					<tr class="{cycle values="odd,even"}">
        						{if isset($feature.value)}
        						<td>{$feature.name|escape:'html':'UTF-8'}</td>
        						<td>{$feature.value|escape:'html':'UTF-8'}</td>
        						{/if}
        					</tr>
        					{/foreach}
        				</table>
        			</div>
        			<!--end Data sheet -->
                {/if}
                
                
			    {if isset($attachments) && $attachments}
        			<!--Download -->
        			<div id="idTab4" class="page-product-box">
        				{foreach from=$attachments item=attachment name=attachements}
        					{if $smarty.foreach.attachements.iteration %3 == 1}<div class="row">{/if}
        						<div class="col-lg-4">
        							<h4><a href="{$link->getPageLink('attachment', true, NULL, "id_attachment={$attachment.id_attachment}")|escape:'html':'UTF-8'}">{$attachment.name|escape:'html':'UTF-8'}</a></h4>
        							<p class="text-muted">{$attachment.description|escape:'html':'UTF-8'}</p>
        							<a class="btn btn-default btn-block" href="{$link->getPageLink('attachment', true, NULL, "id_attachment={$attachment.id_attachment}")|escape:'html':'UTF-8'}">
        								<i class="icon-download"></i>
        								{l s="Download"} ({Tools::formatBytes($attachment.file_size, 2)})
        							</a>
        							<hr />
        						</div>
        					{if $smarty.foreach.attachements.iteration %3 == 0 || $smarty.foreach.attachements.last}</div>{/if}
        				{/foreach}
        			</div>
        			<!--end Download -->
			    {/if}
                
                
                {if isset($accessories) && $accessories}
        			<!--Accessories -->
        			<div id="idTab5" class="page-product-box">
        				<div class="block products_block accessories-block clearfix">
        					<div class="block_content">
        						<ul> <!-- id="bxslider" class="bxslider clearfix"> -->
        							{foreach from=$accessories item=accessory name=accessories_list}
        								{if ($accessory.allow_oosp || $accessory.quantity_all_versions > 0 || $accessory.quantity > 0) && $accessory.available_for_order && !isset($restricted_country_mode)}
        									{assign var='accessoryLink' value=$link->getProductLink($accessory.id_product, $accessory.link_rewrite, $accessory.category)}
        									<li class="item product-box ajax_block_product{if $smarty.foreach.accessories_list.first} first_item{elseif $smarty.foreach.accessories_list.last} last_item{else} item{/if} product_accessories_description">
        										<div class="product_desc">
        											<a href="{$accessoryLink|escape:'html':'UTF-8'}" title="{$accessory.legend|escape:'html':'UTF-8'}" class="product-image product_image">
        												<img class="lazyOwl" src="{$link->getImageLink($accessory.link_rewrite, $accessory.id_image, 'home_default')|escape:'html':'UTF-8'}" alt="{$accessory.legend|escape:'html':'UTF-8'}" width="{$homeSize.width}" height="{$homeSize.height}"/>
        											</a>
        											<div class="block_description">
        												<a href="{$accessoryLink|escape:'html':'UTF-8'}" title="{l s='More'}" class="product_description">
        													{$accessory.description_short|strip_tags|truncate:25:'...'}
        												</a>
        											</div>
        										</div>
        										<div class="s_title_block">
        											<h5 itemprop="name" class="product-name">
        												<a href="{$accessoryLink|escape:'html':'UTF-8'}">
        													{$accessory.name|truncate:20:'...':true|escape:'html':'UTF-8'}
        												</a>
        											</h5>
        											{if $accessory.show_price && !isset($restricted_country_mode) && !$PS_CATALOG_MODE}
        											<span class="price">
        												{if $priceDisplay != 1}
        												{displayWtPrice p=$accessory.price}{else}{displayWtPrice p=$accessory.price_tax_exc}
        												{/if}
        											</span>
        											{/if}
        										</div>
        										<div class="clearfix" style="margin-top:5px">
        											{if !$PS_CATALOG_MODE && ($accessory.allow_oosp || $accessory.quantity > 0)}
        												<div class="no-print">
        													<a class="exclusive button ajax_add_to_cart_button" href="{$link->getPageLink('cart', true, NULL, "qty=1&id_product={$accessory.id_product|intval}&token={$static_token}&add")|escape:'html':'UTF-8'}" data-id-product="{$accessory.id_product|intval}" title="{l s='Add to cart'}">
        														<span>{l s='Add to cart'}</span>
        													</a>
        												</div>
        											{/if}
        										</div>
        									</li>
        								{/if}
        							{/foreach}
        						</ul>
        					</div>
        				</div>
        			</div>
        			<!--end Accessories -->
    		    {/if}
                
                
        		{if isset($packItems) && $packItems|@count > 0}
            		<div id="blockpack">
            			{include file="$tpl_dir./product-list.tpl" products=$packItems}
            		</div>
        		{/if}
                
                
                {if isset($product) && $product->customizable}
        			<!--Customization -->
        			<div id="idTab6" class="page-product-box">
        				<!-- Customizable products -->
        				<form method="post" action="{$customizationFormTarget}" enctype="multipart/form-data" id="customizationForm" class="clearfix">
        					<p class="infoCustomizable">
        						{l s='After saving your customized product, remember to add it to your cart.'}
        						{if $product->uploadable_files}
        						<br />
        						{l s='Allowed file formats are: GIF, JPG, PNG'}{/if}
        					</p>
        					{if $product->uploadable_files|intval}
        						<div class="customizableProductsFile">
        							<h5 class="product-heading-h5">{l s='Pictures'}</h5>
        							<ul id="uploadable_files" class="clearfix">
        								{counter start=0 assign='customizationField'}
        								{foreach from=$customizationFields item='field' name='customizationFields'}
        									{if $field.type == 0}
        										<li class="customizationUploadLine{if $field.required} required{/if}">{assign var='key' value='pictures_'|cat:$product->id|cat:'_'|cat:$field.id_customization_field}
        											{if isset($pictures.$key)}
        												<div class="customizationUploadBrowse">
        													<img src="{$pic_dir}{$pictures.$key}_small" alt="" />
        														<a href="{$link->getProductDeletePictureLink($product, $field.id_customization_field)|escape:'html':'UTF-8'}" title="{l s='Delete'}" >
        															<img src="{$img_dir}icon/delete.gif" alt="{l s='Delete'}" class="customization_delete_icon" width="11" height="13" />
        														</a>
        												</div>
        											{/if}
        											<div class="customizationUploadBrowse form-group">
        												<label class="customizationUploadBrowseDescription">
        													{if !empty($field.name)}
        														{$field.name}
        													{else}
        														{l s='Please select an image file from your computer'}
        													{/if}
        													{if $field.required}<sup>*</sup>{/if}
        												</label>
        												<input type="file" name="file{$field.id_customization_field}" id="img{$customizationField}" class="form-control customization_block_input {if isset($pictures.$key)}filled{/if}" />
        											</div>
        										</li>
        										{counter}
        									{/if}
        								{/foreach}
        							</ul>
        						</div>
        					{/if}
        					{if $product->text_fields|intval}
        						<div class="customizableProductsText">
        							<h5 class="product-heading-h5">{l s='Text'}</h5>
        							<ul id="text_fields">
        							{counter start=0 assign='customizationField'}
        							{foreach from=$customizationFields item='field' name='customizationFields'}
        								{if $field.type == 1}
        									<li class="customizationUploadLine{if $field.required} required{/if}">
        										<label for ="textField{$customizationField}">
        											{assign var='key' value='textFields_'|cat:$product->id|cat:'_'|cat:$field.id_customization_field}
        											{if !empty($field.name)}
        												{$field.name}
        											{/if}
        											{if $field.required}<sup>*</sup>{/if}
        										</label>
        										<textarea name="textField{$field.id_customization_field}" class="form-control customization_block_input" id="textField{$customizationField}" rows="3" cols="20">{strip}
        											{if isset($textFields.$key)}
        												{$textFields.$key|stripslashes}
        											{/if}
        										{/strip}</textarea>
        									</li>
        									{counter}
        								{/if}
        							{/foreach}
        							</ul>
        						</div>
        					{/if}
        					<p id="customizedDatas">
        						<input type="hidden" name="quantityBackup" id="quantityBackup" value="" />
        						<input type="hidden" name="submitCustomizedDatas" value="1" />
        						<button class="button btn btn-default button button-small" name="saveCustomization">
        							<span>{l s='Save'}</span>
        						</button>
        						<span id="ajax-loader" class="unvisible">
        							<img src="{$img_ps_dir}loader.gif" alt="loader" />
        						</span>
        					</p>
        				</form>
        				<p class="clear required"><sup>*</sup> {l s='required fields'}</p>
        			</div>
        			<!--end Customization -->
			    {/if}
            
{if isset($HOOK_PRODUCT_TAB) && $HOOK_PRODUCT_TAB}
                    <div id="idTab7">                    
                     <section class="page-product-box">
                    {if isset($HOOK_PRODUCT_TAB_CONTENT) && $HOOK_PRODUCT_TAB_CONTENT}{$HOOK_PRODUCT_TAB_CONTENT}{/if}
                    </section>
                    </div>
                {/if}
				

            </div>
		   {if isset($HOOK_PRODUCT_FOOTER) && $HOOK_PRODUCT_FOOTER}{$HOOK_PRODUCT_FOOTER}{/if}
           
           {* END OF EXTRA TABS BY MyPresta *}
           {* END OF EXTRA TABS BY MyPresta *}
           {* END OF EXTRA TABS BY MyPresta *}
           {* END OF EXTRA TABS BY MyPresta *}

Merci pour votre aide

amandloren · January 31, 2016

Bonsoir,

apparemment j'ai un pb avec les accessoires, quand ils sont en onglets on ne les voit pas et quand il sont en affichage horizontal ça marche bien (par ex. au-dessus des produits de la même catégorie et sous les tabs).

Je laisse tomber car je ne trouve pas de soluce et je dois mettre mon site en ligne sous peu, je vais les afficher entre les tabs et les catégories, si qq'un a une astuce merci d'avance.

Pour info, avec ma version de Prestashop 1.6.1.4, j'ai utilisé cette méthode : https://github.com/webprom/prestashop1.6.1.4-product-page-tabs

(elle était à cette page dans les commentaires)

Bon WE

amandloren · January 31, 2016

Bonjour,

après qqs recherches sur le forum (une bonne journée), je pensais avoir résolu mon pb en faisant une petite modif car j'ai des accessoires non en stock mais commandable, mais mes modifs ont été au final infructueuses, donc je laisse comme indiqué sur mes précédents posts : soit les accessoires entre les onglets et les produits de la même catégorie.

Dommage, j'aurais voulu trouvé une solution mais apparemment c'est un pb récurrent.

Bonne fin de journée

Edited January 31, 2016 by amandloren (see edit history)

Lyn&Or Bijoux · March 8, 2018

Bonjour,

Pour ma part, j'ai changé le product.tpl, par celui proposé par Vekia ici,

et c'est parfait.

les onglets sont revenus et tout marche, même en responsive.

Bonne journée

Marilyne

Lyn&Or Bijoux

[Résolu] Comment recuperer les onglets : caracteristiques, personnalisation ?

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment