693 lines
35 KiB
HTML
693 lines
35 KiB
HTML
{extends file="layout.tpl"}
|
|
|
|
{block name="init"}
|
|
{$product_id={product attr="id"}}
|
|
{$pse_count=1}
|
|
{$product_virtual={product attr="virtual"}}
|
|
{$check_availability={config key="check-available-stock" default="1"}}
|
|
{/block}
|
|
|
|
{* Body Class *}
|
|
{block name="body-class"}page-product{/block}
|
|
|
|
{* Page Title *}
|
|
{block name='no-return-functions' append}
|
|
{loop name="product.seo.title" type="product" id=$product_id limit="1" with_prev_next_info="1"}
|
|
{$page_title = $META_TITLE}
|
|
{/loop}
|
|
{/block}
|
|
|
|
{* Meta *}
|
|
{block name="meta"}
|
|
{loop name="product.seo.meta" type="product" id=$product_id limit="1" with_prev_next_info="1"}
|
|
{include file="includes/meta-seo.html"}
|
|
{/loop}
|
|
{/block}
|
|
|
|
{* Breadcrumb *}
|
|
{block name='no-return-functions' append}
|
|
{$breadcrumbs = []}
|
|
{loop type="product" name="product_breadcrumb" id=$product_id limit="1" with_prev_next_info="1"}
|
|
{loop name="category_path" type="category-path" category={$DEFAULT_CATEGORY}}
|
|
{$breadcrumbs[] = ['title' => {$TITLE}, 'url'=> {$URL nofilter}]}
|
|
{/loop}
|
|
{$breadcrumbs[] = ['title' => {$TITLE}, 'url'=> {$URL nofilter}]}
|
|
{/loop}
|
|
{/block}
|
|
|
|
{* Content *}
|
|
{block name="main-content"}
|
|
{if $product_id}
|
|
<div class="main">
|
|
{loop name="product.details" type="product" id=$product_id limit="1" with_prev_next_info="1" with_prev_next_visible="1"}
|
|
<article id="product" class="col-main row" role="main" itemscope itemtype="http://schema.org/Product">
|
|
|
|
{$pse_count=$PSE_COUNT}
|
|
|
|
{* Use the meta tag to specify content that is not visible on the page in any way *}
|
|
{loop name="brand.feature" type="brand" product={$ID}}
|
|
<meta itemprop="brand" content="{$TITLE}">
|
|
{/loop}
|
|
|
|
{* Add custom feature if needed
|
|
{loop name="isbn.feature" type="feature" product={$ID} title="isbn"}
|
|
{loop name="isbn.value" type="feature_value" feature={$ID} product=$product_id}
|
|
<meta itemprop="productID" content="isbn:{$TITLE}">
|
|
{/loop}
|
|
{/loop}
|
|
*}
|
|
|
|
{hook name="product.top" product={$ID}}
|
|
|
|
{ifhook rel="product.gallery"}
|
|
{hook name="product.gallery" product={$ID}}
|
|
{/ifhook}
|
|
{elsehook rel="product.gallery"}
|
|
<section id="product-gallery" class="col-sm-6">
|
|
{ifloop rel="image.main"}
|
|
<figure class="product-image">
|
|
{loop type="image" name="image.main" product={$ID} width="726" height="445" resize_mode="crop" limit="1"}
|
|
<img src="{$IMAGE_URL nofilter}" alt="{$TITLE}" class="img-responsive" itemprop="image" data-toggle="magnify">
|
|
{/loop}
|
|
</figure>
|
|
{/ifloop}
|
|
|
|
{ifloop rel="image.carousel"}
|
|
<div id="product-thumbnails" class="carousel slide" style="position:relative;">
|
|
<div class="carousel-inner">
|
|
<div class="item active">
|
|
<ul class="list-inline">
|
|
{loop name="image.carousel" type="image" product={$ID} width="726" height="445" resize_mode="crop" limit="5"}
|
|
<li>
|
|
<a href="{$IMAGE_URL nofilter}" class="thumbnail {if $LOOP_COUNT == 1}active{/if}">
|
|
{loop type="image" name="image.thumbs" id={$ID} product="$OBJECT_ID" width="118" height="85" resize_mode="borders"}
|
|
<img src="{$IMAGE_URL nofilter}" alt="{$TITLE}">
|
|
{/loop}
|
|
</a>
|
|
</li>
|
|
{/loop}
|
|
</ul>
|
|
</div>
|
|
{ifloop rel="image.carouselsup"}
|
|
<div class="item">
|
|
<ul class="list-inline">
|
|
{loop name="image.carouselsup" type="image" product={$ID} width="726" height="445" resize_mode="borders" offset="5"}
|
|
<li>
|
|
<a href="{$IMAGE_URL nofilter}" class="thumbnail">
|
|
{loop type="image" name="image.thumbssup" id={$ID} product="$OBJECT_ID" width="118" height="85" resize_mode="borders"}
|
|
<img src="{$IMAGE_URL nofilter}" alt="{$TITLE}">
|
|
{/loop}
|
|
</a>
|
|
</li>
|
|
{/loop}
|
|
</ul>
|
|
</div>
|
|
{/ifloop}
|
|
</div>
|
|
{ifloop rel="image.carouselsup"}
|
|
<a class="left carousel-control" href="#product-thumbnails" data-slide="prev"><i class="fa fa-caret-left"></i></a>
|
|
<a class="right carousel-control" href="#product-thumbnails" data-slide="next"><i class="fa fa-caret-right"></i></a>
|
|
{/ifloop}
|
|
</div>
|
|
{/ifloop}
|
|
</section>
|
|
{/elsehook}
|
|
|
|
<section id="product-details" class="col-sm-6">
|
|
<div class="product-info">
|
|
<h1 class="name"><span itemprop="name">{$TITLE}</span><span id="pse-name" class="pse-name"></span></h1>
|
|
{*{if $REF}<span itemprop="sku" class="sku">{intl l='Ref.'}: <span id="pse-ref">{$REF}</span></span>{/if}*}
|
|
|
|
{loop name="brand_info" type="brand" product={$ID} limit="1"}
|
|
<p><a href="{$URL nofilter}" title="{intl l="More information about this brand"}"><span itemprop="brand">{$TITLE}</span></a></p>
|
|
{/loop}
|
|
|
|
{if $POSTSCRIPTUM}<div class="short-description">
|
|
{*<p>{$POSTSCRIPTUM}</p>*}
|
|
</div>{/if}
|
|
</div>
|
|
|
|
{hook name="product.details-top" product={$ID}}
|
|
|
|
{loop type="sale" name="product-sale-info" product={$ID} active="1"}
|
|
<div class="product-promo">
|
|
<p class="sale-label">{$SALE_LABEL}</p>
|
|
<p class="sale-saving"> {intl l="Save %amount%sign on this product" amount={$PRICE_OFFSET_VALUE} sign={$PRICE_OFFSET_SYMBOL}}</p>
|
|
{if $HAS_END_DATE}
|
|
<p class="sale-period">{intl l="This offer is valid until %date" date={format_date date=$END_DATE output="date"}}</p>
|
|
{/if}
|
|
</div>
|
|
{/loop}
|
|
|
|
<div class="product-price" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
|
|
{if empty($ROOM_ID)}
|
|
<div class="availability">
|
|
<span class="availibity-label sr-only">{intl l="Availability"}: </span>
|
|
<span itemprop="availability" href="{$current_stock_href}" class="" id="pse-availability">
|
|
<span class="in">{intl l='In Stock'}</span>
|
|
<span class="out">{intl l='Out of Stock'}</span>
|
|
</span>
|
|
</div>
|
|
{/if}
|
|
|
|
<div class="price-container">
|
|
{loop type="category" name="category_tag" id=$DEFAULT_CATEGORY}
|
|
<meta itemprop="category" content="{$TITLE}">
|
|
{/loop}
|
|
|
|
{if ! empty($ROOM_ID)}
|
|
{* C'est un bien à louer -> récupérer le prix *}
|
|
{$available = false}
|
|
|
|
{* Si le bien est dispo aux dates mémorisées on prend le prix indiqué *}
|
|
{loop type="beds24.availability" name="disponibilite" product_id=$product_id use_saved_search_criteria=true}
|
|
{$available = true}
|
|
<span class="regular-price col-xs-12">
|
|
<span itemprop="price" class="price">
|
|
<span class="special-price"><span class="price-label">{intl l="Special Price:"} </span><span class="price"{if $PRICE neq $PRICE_REMISE} style="text-decoration:line-through;"{/if}>{format_money number=$PRICE symbol={currency attr="symbol"}}</span></span>
|
|
</span>
|
|
</span>
|
|
{if $PRICE neq $PRICE_REMISE}
|
|
Prix remisé : <span class="price_remise"><strong>{format_money number=$PRICE_REMISE symbol={currency attr="symbol"}}</strong></span>
|
|
- Remise : -<span class="remise">{$REMISE}</span>%
|
|
- Nb jours : <span class="nb_jours">{$NB_JOURS}</span> jour(s)
|
|
{/if}
|
|
{/loop}
|
|
|
|
{elseloop rel='disponibilite'}
|
|
{* Pas de dispo avec les paramètres mémorisés récupérer le prix mini *}
|
|
{loop type="beds24.description" name="description" product_id=$product_id}
|
|
{if ! empty($MIN_PRICE)}
|
|
<span class="special-price"><span class="price-label">{intl l="Special Price:"} </span><span class="price">{format_money number=$PRICE symbol={currency attr="symbol"}}</span></span>
|
|
{*Prix remisé: <span class="price_remise">{format_money number=$PRICE_REMISE symbol={currency attr="symbol"}}</span>
|
|
Remise: -<span class="remise">{$REMISE}</span>%
|
|
Nb jours: <span class="nb_jours">{$NB_JOURS}</span> jour(s)*}
|
|
{/if}
|
|
{/loop}
|
|
{/elseloop}
|
|
{else}
|
|
{$available = true}
|
|
|
|
{* List of condition : NewCondition, DamagedCondition, UsedCondition, RefurbishedCondition *}
|
|
<meta itemprop="itemCondition" itemtype="http://schema.org/ItemCondition" content="NewCondition">
|
|
{* List of currency : The currency used to describe the product price, in three-letter ISO format. *}
|
|
<meta itemprop="priceCurrency" content="{currency attr="code"}">
|
|
|
|
<span id="pse-promo">
|
|
<span class="special-price"><span class="price-label">{intl l="Special Price:"} </span><span id="pse-price" class="price">{format_money number=$TAXED_PROMO_PRICE symbol={currency attr="symbol"}}</span></span>
|
|
<meta itemprop="price" content="{$TAXED_PROMO_PRICE}">
|
|
{if $SHOW_ORIGINAL_PRICE}
|
|
<span class="old-price"><span class="price-label">{intl l="Regular Price:"} </span><span id="pse-price-old" class="price">{format_money number=$TAXED_PRICE}</span></span>
|
|
{/if}
|
|
</span>
|
|
{/if}
|
|
</div>
|
|
|
|
<div id="pse-validity" class="validity alert alert-warning" style="display: none;" >
|
|
{intl l="Sorry but this combination does not exist."}
|
|
</div>
|
|
</div>
|
|
|
|
{form name="thelia.cart.add" }
|
|
<form id="form-product-details" action="{url path="/cart/add" }" method="post" class="form-product"{if ! $available} style="display:none"{/if}>
|
|
{form_hidden_fields}
|
|
<input type="hidden" name="view" value="product">
|
|
<input type="hidden" name="product_id" value="{$ID}">
|
|
{form_field field="append"}
|
|
<input type="hidden" name="{$name}" value="0">
|
|
{/form_field}
|
|
{form_field form=$form field="success_url"}
|
|
<input type="hidden" name="{$name}" value="{url path='/cart'}">
|
|
{/form_field}
|
|
|
|
{form_field form=$form field="error_url"}
|
|
<input type="hidden" name="{$name}" value="{navigate to="current"}">
|
|
{/form_field}
|
|
|
|
{if $form_error}<div class="alert alert-danger">{$form_error_message}</div>{/if}
|
|
|
|
{form_field field="product"}
|
|
<input id="{$label_attr.for}" type="hidden" name="{$name}" value="{$ID}" {$attr} >
|
|
{/form_field}
|
|
|
|
{* pse *}
|
|
{form_field field='product_sale_elements_id'}
|
|
<input id="pse-id" class="pse-id" type="hidden" name="{$name}" value="{$PRODUCT_SALE_ELEMENT}" {$attr} >
|
|
{/form_field}
|
|
|
|
{if $pse_count > 1}
|
|
{* We have more than 1 combination: custom form *}
|
|
<fieldset id="pse-options" class="product-options">
|
|
{loop name="attributes" type="attribute" product="$product_id" order="manual"}
|
|
<div class="option option-option">
|
|
<label for="option-{$ID}" class="option-heading">{$TITLE}</label>
|
|
<div class="option-content clearfix">
|
|
<select id="option-{$ID}" name="option-{$ID}" class="form-control input-sm pse-option" data-attribute="{$ID}"></select>
|
|
</div>
|
|
</div>
|
|
{/loop}
|
|
<div class="option option-fallback">
|
|
<label for="option-fallback" class="option-heading">{intl l="Options"}</label>
|
|
<div class="option-content clearfix">
|
|
<select id="option-fallback" name="option-fallback" class="form-control input-sm pse-option pse-fallback" data-attribute="0"></select>
|
|
</div>
|
|
</div>
|
|
</fieldset>
|
|
|
|
|
|
{/if}
|
|
|
|
<fieldset class="product-cart form-inline">
|
|
{form_field field='quantity'}
|
|
<div class="form-group group-qty {if $error}has-error{elseif $value != "" && !$error}has-success{/if}">
|
|
<label for="{$label_attr.for}">{$label}</label>
|
|
<input type="number" name="{$name}" id="{$label_attr.for}" class="form-control" value="{$value|default:1}" min="1" required>
|
|
{if $error }
|
|
<span class="help-block">{$message}</span>
|
|
{elseif $value != "" && !$error}
|
|
<span class="help-block"><i class="fa fa-check"></i></span>
|
|
{/if}
|
|
</div>
|
|
{/form_field}
|
|
|
|
<div class="form-group group-btn">
|
|
<button id="pse-submit" type="submit" class="btn btn_add_to_cart btn-primary"><i class="fa fa-chevron-right"></i> {intl l="Add to cart"}</button>
|
|
</div>
|
|
</fieldset>
|
|
</form>
|
|
{/form}
|
|
|
|
<div id="not-available" class="well well-sm"{if $available} style="display:none"{/if}>
|
|
Cet appartement n'est pas disponible pour les dates indiquées, ou le nombre de personnes demandé.
|
|
</div>
|
|
|
|
{hook name="product.details-bottom" product={$ID}}
|
|
{ifloop rel="feature_info"}
|
|
{loop name="feature_info" type="feature" product=$ID id="9,10,11,19"}
|
|
{assign var="carac_id" value=$ID}
|
|
{assign var="carac_title" value=$TITLE}
|
|
{loop name="feature_value_info" type="feature_value" feature=$ID product=$product_id}
|
|
<div class="col-sm-3">
|
|
<div class="info-hebergement">
|
|
{if $carac_id === 9}<span class="fa fa-group"></span>{/if}
|
|
{if $carac_id === 10}<span class="fa fa-bed"></span>{/if}
|
|
{if $carac_id === 11}<span class="fa fa-tasks"></span>{/if}
|
|
{if $carac_id === 19}<span class="fa fa-home"></span>{/if}
|
|
{if $carac_id != 10}<span>{$carac_title}</span>{/if}
|
|
{if $carac_id != 10}
|
|
<span>{if $IS_FREE_TEXT == 1}{$FREE_TEXT_VALUE}{else}<strong>{$TITLE nofilter}</strong>{/if}</span>
|
|
{else}
|
|
<span>{if $IS_FREE_TEXT == 1}{$FREE_TEXT_VALUE}{else}{$TITLE nofilter}{/if}</span>
|
|
<span></span>
|
|
{/if}
|
|
</div>
|
|
</div>
|
|
{/loop}
|
|
{/loop}
|
|
{/ifloop}
|
|
{elseloop rel="feature_info"}
|
|
<p><strong>{$CHAPO}</strong></p>
|
|
<p>{$DESCRIPTION|default:'N/A' nofilter}</p>
|
|
{/elseloop}
|
|
</section>
|
|
<section class="col-md-12">
|
|
{* ID Media - On ajoute les cadeaux et les extras *}
|
|
{ifloop rel="extras"}
|
|
<div class="grid extras-upsell" role="complementary" aria-labelledby="products-upsell-label">
|
|
<h3 class="col-md-12">{intl l="Pour agrémenter votre séjour..."}</h3>
|
|
<div class="products-content">
|
|
<ul class="list-unstyled products-grid">
|
|
{loop type="accessory" name="extras" product="$ID" order="random"}
|
|
{if $DEFAULT_CATEGORY == 8 || $DEFAULT_CATEGORY == 9}
|
|
{include file="includes/produits-lies.html" product_id=$ACCESSORY_ID hasBtn=false hasDescription=false width="218" height="146"}
|
|
{/if}
|
|
{/loop}
|
|
</ul>
|
|
</div>
|
|
</div><!-- #products-upsell -->
|
|
|
|
{/ifloop}
|
|
{* ID Media - FIN du code*}
|
|
</section>
|
|
<hr />
|
|
<section class="col-md-12">
|
|
{* ID Media - On ajoute les apparts *}
|
|
{ifloop rel="apparts"}
|
|
<div class="grid apparts-upsell" role="complementary" aria-labelledby="products-upsell-label">
|
|
<h3 class="col-md-12">{intl l="Ou choisissez un autre bien..."}</h3>
|
|
<div class="products-content">
|
|
<ul class="list-unstyled products-grid">
|
|
|
|
{loop type="accessory" name="apparts" product="$ID" order="random"}
|
|
{if $DEFAULT_CATEGORY == 2}
|
|
{include file="includes/produits-lies.html" product_id=$ACCESSORY_ID hasBtn=false hasDescription=false width="218" height="146"}
|
|
{/if}
|
|
{/loop}
|
|
</ul>
|
|
</div>
|
|
</div><!-- #products-upsell -->
|
|
{/ifloop}
|
|
{* ID Media - FIN du code*}
|
|
</section>
|
|
{strip}
|
|
{capture "additional"}
|
|
{ifloop rel="feature_info"}
|
|
<ul>
|
|
{loop name="feature_info" type="feature" product={$ID} exclude="8,9,10,11"}
|
|
{assign var="carac" value=$ID}
|
|
{if $ID != $prev_id}
|
|
{ifloop rel="feature_value_info"}
|
|
<li>
|
|
<strong>{$TITLE}</strong> :
|
|
{loop name="feature_value_info" type="feature_value" feature={$ID} product=$product_id}
|
|
{if $LOOP_COUNT > 1}, {else} {/if}
|
|
<span {if $ID % 2 == 0 && $carac == 8}style="font-weight: 600;color: #a07700"{/if}>{if $IS_FREE_TEXT == 1}{$FREE_TEXT_VALUE}{else}{$TITLE}{/if}</span>
|
|
{/loop}
|
|
</li>
|
|
{/ifloop}
|
|
{assign var="prev_id" value="$ID"}
|
|
{/if}
|
|
{/loop}
|
|
</ul>
|
|
{/ifloop}
|
|
{/capture}
|
|
{/strip}
|
|
|
|
{* Les équipements *}
|
|
{strip}
|
|
{capture "equipements"}
|
|
{ifloop rel="feature_info.equipements"}
|
|
<ul>
|
|
{loop name="feature_info.equipements" type="feature" product={$ID} id="8"}
|
|
{assign var="carac" value=$ID}
|
|
{if $ID != $prev_id}
|
|
{ifloop rel="feature_value_info"}
|
|
<li class="no-bullet">
|
|
{loop name="feature_value_info.equipements" type="feature_value" feature={$ID} product=$product_id}
|
|
{if $LOOP_COUNT > 1}, {else} {/if}
|
|
<span {if $ID % 2 == 0 && $carac == 8}style="font-weight: 600;color: #a07700"{/if}>{if $IS_FREE_TEXT == 1}{$FREE_TEXT_VALUE}{else}{$TITLE}{/if}</span>
|
|
{/loop}
|
|
</li>
|
|
{/ifloop}
|
|
{assign var="prev_id" value="$ID"}
|
|
{/if}
|
|
{/loop}
|
|
</ul>
|
|
{/ifloop}
|
|
{/capture}
|
|
{/strip}
|
|
{* FIN Les équipements *}
|
|
|
|
{strip}
|
|
{capture "brand_info"}
|
|
{loop name="brand_info" type="brand" product={$ID} limit="1"}
|
|
<p><strong><a href="{$URL nofilter}">{$TITLE}</a></strong></p>
|
|
|
|
{loop name="brand.image" type="image" source="brand" id={$LOGO_IMAGE_ID} width=218 height=146 resize_mode="borders"}
|
|
<p><a href="{$URL nofilter}"><img itemprop="image" src="{$IMAGE_URL nofilter}" alt="{$TITLE}"></a></p>
|
|
{/loop}
|
|
|
|
{if $CHAPO}
|
|
<div class="chapo">
|
|
{$CHAPO}
|
|
</div>
|
|
{/if}
|
|
{if $DESCRIPTION}
|
|
<div class="description">
|
|
{$DESCRIPTION nofilter}
|
|
</div>
|
|
{/if}
|
|
{if $POSTSCRIPTUM}
|
|
<small class="postscriptum">
|
|
{$POSTSCRIPTUM}
|
|
</small>
|
|
{/if}
|
|
{/loop}
|
|
{/capture}
|
|
{/strip}
|
|
|
|
{strip}
|
|
{capture "document"}
|
|
{ifloop rel="document"}
|
|
<ul>
|
|
{loop name="document" type="document" product=$ID visible="yes"}
|
|
<li>
|
|
<a href="{$DOCUMENT_URL}" title="{$TITLE}" target="_blank">{$TITLE}</a>
|
|
</li>
|
|
{/loop}
|
|
</ul>
|
|
{/ifloop}
|
|
{/capture}
|
|
{/strip}
|
|
|
|
{strip}
|
|
{capture "features"}
|
|
{if $POSTSCRIPTUM ne ""}
|
|
{$POSTSCRIPTUM nofilter}
|
|
{/if}
|
|
{/capture}
|
|
{/strip}
|
|
|
|
{ifloop rel="feature_info"}
|
|
{loop name="feature_info" type="feature" product={$ID}}{/loop}
|
|
<section id="product-tabs" class="col-sm-12">
|
|
{hookblock name="product.additional" product=$product_id fields="id,class,title,content"}
|
|
<ul class="nav nav-tabs" role="tablist">
|
|
<li class="active" role="presentation"><a id="tab2" href="#description" data-toggle="tab" role="tab">{intl l="Description"}</a></li>
|
|
{if $smarty.capture.additional ne ""}<li role="presentation"><a id="tab1" href="#additional" data-toggle="tab" role="tab">{intl l="Additional Info"}</a></li>{/if}
|
|
{if $smarty.capture.equipements ne ""}<li role="presentation"><a id="tab5" href="#equipements" data-toggle="tab" role="tab">{intl l="Équipements"}</a></li>{/if}
|
|
{if $smarty.capture.brand_info ne ""}<li role="presentation"><a id="tab3" href="#brand_info" data-toggle="tab" role="tab">{intl l="Brand information"}</a></li>{/if}
|
|
{if $smarty.capture.features ne ""}<li role="presentation"><a id="tab5" href="#features" data-toggle="tab" role="tab">{intl l="Points forts"}</a></li>{/if}
|
|
{if $smarty.capture.document ne ""}<li role="presentation"><a id="tab4" href="#document" data-toggle="tab" role="tab">{intl l="Documents"}</a></li>{/if}
|
|
{forhook rel="product.additional"}
|
|
<li role="presentation"><a id="tab{$id}" href="#{$id}" data-toggle="tab" role="tab">{$title}</a></li>
|
|
{/forhook}
|
|
</ul>
|
|
<div class="tab-content">
|
|
<div class="tab-pane active in" id="description" role="tabpanel" aria-labelledby="tab2">
|
|
<p>{$DESCRIPTION|default:'N/A' nofilter}</p>
|
|
</div>
|
|
{if $smarty.capture.additional ne ""}
|
|
<div class="tab-pane" id="additional" itemprop="description" role="tabpanel" aria-labelledby="tab1">
|
|
{$smarty.capture.additional nofilter}
|
|
</div>
|
|
{/if}
|
|
{if $smarty.capture.equipements ne ""}
|
|
<div class="tab-pane" id="equipements" itemprop="description" role="tabpanel" aria-labelledby="tab5">
|
|
{$smarty.capture.equipements nofilter}
|
|
</div>
|
|
{/if}
|
|
{if $smarty.capture.brand_info ne ""}
|
|
<div class="tab-pane" id="brand_info" role="tabpanel" aria-labelledby="tab3">
|
|
{$smarty.capture.brand_info nofilter}
|
|
</div>
|
|
{/if}
|
|
{if $smarty.capture.features ne ""}
|
|
<div class="tab-pane" id="features" role="tabpanel" aria-labelledby="tab5">
|
|
{$smarty.capture.features nofilter}
|
|
</div>
|
|
{/if}
|
|
{if $smarty.capture.document ne ""}
|
|
<div class="tab-pane" id="document" role="tabpanel" aria-labelledby="tab4">
|
|
{$smarty.capture.document nofilter}
|
|
</div>
|
|
{/if}
|
|
{forhook rel="product.additional"}
|
|
<div class="tab-pane" id="{$id}" role="tabpanel" aria-labelledby="tab{$id}">
|
|
{$content nofilter}
|
|
</div>
|
|
{/forhook}
|
|
</div>
|
|
{/hookblock}
|
|
</section>
|
|
{/ifloop}
|
|
{elseloop rel="feature_info"}
|
|
|
|
{/elseloop}
|
|
{hook name="product.bottom" product={$ID}}
|
|
|
|
{* javascript confiuguration to display pse *}
|
|
{$pse=[]}
|
|
{$combination_label=[]}
|
|
{$combination_values=[]}
|
|
{loop name="pse" type="product_sale_elements" product=$product_id}
|
|
{$pse[$ID]=["id" => $ID, "isDefault" => $IS_DEFAULT, "isPromo" => $IS_PROMO, "isNew" => $IS_NEW, "ref" => {$REF}, "ean" => {$EAN}, "quantity" => {$QUANTITY}, "price" => {format_money number=$TAXED_PRICE}, "promo" => {format_money number=$TAXED_PROMO_PRICE} ]}
|
|
{$pse_combination=[]}
|
|
{loop name="combi" type="attribute_combination" product_sale_elements="$ID" order="manual"}
|
|
{if ! $combination_label[$ATTRIBUTE_ID]}
|
|
{$combination_label[$ATTRIBUTE_ID]=["name" => {$ATTRIBUTE_TITLE}, "values" => []]}
|
|
{/if}
|
|
{if ! $combination_values[$ATTRIBUTE_AVAILABILITY_ID]}
|
|
{$combination_label[$ATTRIBUTE_ID]["values"][]=$ATTRIBUTE_AVAILABILITY_ID}
|
|
{$combination_values[$ATTRIBUTE_AVAILABILITY_ID]=[{$ATTRIBUTE_AVAILABILITY_TITLE}, $ATTRIBUTE_ID]}
|
|
{/if}
|
|
{$pse_combination[]=$ATTRIBUTE_AVAILABILITY_ID}
|
|
{/loop}
|
|
{$pse[$ID]["combinations"]=$pse_combination}
|
|
{/loop}
|
|
|
|
<script type="text/javascript">
|
|
|
|
// Injection du code pour le calendrier
|
|
// Product sale elements
|
|
var PSE_FORM = true;
|
|
var PSE_COUNT = {$pse_count};
|
|
{if $check_availability == 0 || $product_virtual == 1 }
|
|
var PSE_CHECK_AVAILABILITY = false;
|
|
{else}
|
|
var PSE_CHECK_AVAILABILITY = true;
|
|
{/if}
|
|
var PSE_DEFAULT_AVAILABLE_STOCK = {config key="default_available_stock" default="100"};
|
|
var PSE = {$pse|json_encode nofilter};
|
|
var PSE_COMBINATIONS = {$combination_label|json_encode nofilter};
|
|
var PSE_COMBINATIONS_VALUE = {$combination_values|json_encode nofilter};
|
|
</script>
|
|
|
|
</article><!-- /#product -->
|
|
|
|
<ul class="pager">
|
|
{if $HAS_PREVIOUS == 1}
|
|
{loop type="product" name="prev_product" id={$PREVIOUS}}
|
|
<li class="previous"><a href="{$URL nofilter}"><i class="fa fa-chevron-left"></i> {intl l="Previous product"}</a></li>
|
|
{/loop}
|
|
{/if}
|
|
{if $HAS_NEXT == 1}
|
|
{loop type="product" name="next_product" id={$NEXT}}
|
|
<li class="next"><a href="{$URL nofilter}"><i class="fa fa-chevron-right"></i> {intl l="Next product"}</a></li>
|
|
{/loop}
|
|
{/if}
|
|
</ul>
|
|
{/loop}
|
|
|
|
</div><!-- /.main -->
|
|
{else}
|
|
<div class="main">
|
|
<article id="content-main" class="col-main" role="main" aria-labelledby="main-label">
|
|
{include file="includes/empty.html"}
|
|
</article>
|
|
</div><!-- /.layout -->
|
|
{/if}
|
|
{/block}
|
|
|
|
{block name="stylesheet"}
|
|
{hook name="product.stylesheet"}
|
|
{/block}
|
|
|
|
{block name="after-javascript-include"}
|
|
{hook name="product.after-javascript-include"}
|
|
{/block}
|
|
|
|
{block name="javascript-initialization"}
|
|
{hook name="product.javascript-initialization" product=$product_id}
|
|
<script>
|
|
{* Eviter les doubles validations *}
|
|
$(document).on('submit.form-product', '.form-product', function (ev) {
|
|
$('#pse-submit').prop('disabled', true).html("Patientez...")
|
|
});
|
|
|
|
$(function() {
|
|
|
|
// Injection du code pour le calendrier
|
|
|
|
flatpickr.localize(flatpickr.l10ns.fr);
|
|
flatpickr(".date-resa", {
|
|
enableTime: true,
|
|
dateFormat: "d.m.Y à H:i",
|
|
time_24hr: true,
|
|
minDate: "today",
|
|
allowInput: "true",
|
|
});
|
|
|
|
|
|
// Mise à jour du prix total en fonction des options choisies, pour le cas standard, et le cas avec legacy attributes
|
|
|
|
var ORIGINAL_PSE = JSON.parse(JSON.stringify(PSE));
|
|
var currencySymbol = "{currency attr="symbol"}";
|
|
|
|
function updateFormattedPrice(priceAsString, delta) {
|
|
var newPrice = delta + parseFloat($.trim(priceAsString.replace(',', '.').replace(currencySymbol, '')));
|
|
|
|
return newPrice.toFixed(2) + ' ' + currencySymbol;
|
|
}
|
|
|
|
function recalculerPrixPack() {
|
|
if ($('.legacy-product-attributes-options').length === 0) {
|
|
recalculerPrixPackPse()
|
|
} else {
|
|
$('.pse-option').first().change();
|
|
}
|
|
}
|
|
|
|
function recalculerPrixPackPse() {
|
|
var delta = 0;
|
|
|
|
$('.select-option:checked').each(function() {
|
|
var quantity = parseInt($($(this).data('input')).val());
|
|
|
|
delta += quantity * parseFloat($(this).data('price'));
|
|
});
|
|
|
|
$.each(ORIGINAL_PSE, function(index, value) {
|
|
PSE[index].price = updateFormattedPrice(ORIGINAL_PSE[index].price, delta);
|
|
PSE[index].promo = updateFormattedPrice(ORIGINAL_PSE[index].promo, delta);
|
|
});
|
|
|
|
var pse = PSE[$('#pse-id').val()];
|
|
|
|
if (pse.isPromo) {
|
|
$('#pse-price-old').html(pse.price);
|
|
$('#pse-price').html(pse.promo);
|
|
} else {
|
|
$('#pse-price-old').html("");
|
|
$('#pse-price').html(pse.price);
|
|
}
|
|
}
|
|
|
|
function recalculerPrixPackLegacy(jsonData) {
|
|
var delta = 0;
|
|
|
|
$('.select-option:checked').each(function() {
|
|
var quantity = parseInt($($(this).data('input')).val());
|
|
|
|
delta += quantity * parseFloat($(this).data('price'));
|
|
});
|
|
|
|
if (jsonData.is_promo) {
|
|
$('#pse-price-old').html(updateFormattedPrice(jsonData.price, delta));
|
|
$('#pse-price').html(updateFormattedPrice(jsonData.promo_price, delta));
|
|
} else {
|
|
$('#pse-price-old').html("");
|
|
$('#pse-price').html(updateFormattedPrice(jsonData.price, delta));
|
|
}
|
|
}
|
|
|
|
$(document).on('click', '.quantity-option', function() {
|
|
recalculerPrixPack();
|
|
});
|
|
|
|
$(document).on('click', '.select-option', function() {
|
|
var disabled = ! $(this).is(':checked');
|
|
|
|
$(($(this).data('input'))).prop('disabled', disabled);
|
|
|
|
recalculerPrixPack();
|
|
});
|
|
|
|
// Cas des legacy product attributes
|
|
$(document).ajaxSuccess(function (event, xhr, settings) {
|
|
console.log(settings.url);
|
|
|
|
if (settings.url.indexOf('get_prices') === -1) {
|
|
return;
|
|
}
|
|
|
|
var jsonData = xhr.responseJSON;
|
|
|
|
recalculerPrixPackLegacy(jsonData);
|
|
});
|
|
|
|
recalculerPrixPack();
|
|
});
|
|
</script>
|
|
{/block}
|