Save
This commit is contained in:
@@ -1,8 +1,13 @@
|
||||
<div class="js-product-details tab-pane fade{if !$product.description} in active{/if}"
|
||||
{* <div class="js-product-details tab-pane fade{if !$product.description} in active{/if}"
|
||||
id="product-details"
|
||||
data-product="{$product.embedded_attributes|json_encode}"
|
||||
role="tabpanel"
|
||||
>
|
||||
> *}
|
||||
<div class="js-product-details tab-pane {if !$product.description} in active{/if}"
|
||||
id="product-details"
|
||||
data-product="{$product.embedded_attributes|json_encode}"
|
||||
role="tabpanel"
|
||||
>
|
||||
{block name='product_reference'}
|
||||
{if isset($product_manufacturer->id)}
|
||||
<div class="product-manufacturer">
|
||||
|
||||
@@ -52,7 +52,7 @@
|
||||
<meta content="{$product.url}">
|
||||
|
||||
<div class="row product-container js-product-container product-info-box">
|
||||
<div class="col-md-6 px-0 product-info-box-left">
|
||||
<div class="col-md-6 pl-0 product-info-box-left">
|
||||
{block name='page_content_container'}
|
||||
<section class="page-content" id="content">
|
||||
{block name='page_content'}
|
||||
@@ -137,14 +137,137 @@
|
||||
{block name='product_refresh'}{/block}
|
||||
</form>
|
||||
{/block}
|
||||
|
||||
</div>
|
||||
|
||||
<ol id="description-nav">
|
||||
{if $product.description}
|
||||
<li class="nav-item">
|
||||
<a href="#product-description">{l s='Description' d='Shop.Theme.Catalog'}</a>
|
||||
</li>
|
||||
{/if}
|
||||
<li class="nav-item">
|
||||
<a href="#product-details">{l s='Product Details' d='Shop.Theme.Catalog'}</a>
|
||||
</li>
|
||||
{if $product.attachments}
|
||||
<li class="nav-item">
|
||||
<a href="#product-attachments">{l s='Attachments' d='Shop.Theme.Catalog'}</a>
|
||||
</li>
|
||||
{/if}
|
||||
{foreach from=$product.extraContent item=extra key=extraKey}
|
||||
<li class="nav-item">
|
||||
<a href="#product-extra-content-{$extraKey}">{$extra.title}</a>
|
||||
</li>
|
||||
{/foreach}
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="row product-container js-product-container product-description-box">
|
||||
<div class="col-xs-12">
|
||||
<div class="c-row">
|
||||
<div class="c-col c-col-1">
|
||||
{block name='product_description_accordion'}
|
||||
<ul class="product-accordion-box">
|
||||
{if $product.description}
|
||||
<li class="accordion-item" id="product-description">
|
||||
<div class="accordion-item-header">
|
||||
<h3>{l s='Description' d='Shop.Theme.Catalog'}</h3>
|
||||
<img src="/img/cms/icons/arrow-down-brown.svg" alt="">
|
||||
</div>
|
||||
<div class="accordion-item-body">
|
||||
<div class="accordion-item-body--wrapper">
|
||||
<div class="product-description">{$product.description nofilter}</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
{/if}
|
||||
<li class="accordion-item" id="product-details">
|
||||
<div class="accordion-item-header">
|
||||
<h3>{l s='Product Details' d='Shop.Theme.Catalog'}</h3>
|
||||
<img src="/img/cms/icons/arrow-down-brown.svg" alt="">
|
||||
</div>
|
||||
<div class="accordion-item-body">
|
||||
<div class="accordion-item-body--wrapper">
|
||||
{include file='catalog/_partials/product-details.tpl'}
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
{if $product.attachments}
|
||||
<li class="accordion-item" id="product-attachments">
|
||||
<div class="accordion-item-header">
|
||||
<h3>{l s='Attachments' d='Shop.Theme.Catalog'}</h3>
|
||||
<img src="/img/cms/icons/arrow-down-brown.svg" alt="">
|
||||
</div>
|
||||
<div class="accordion-item-body">
|
||||
<div class="accordion-item-body--wrapper">
|
||||
<section class="product-attachments">
|
||||
<p class="h5 text-uppercase">{l s='Download' d='Shop.Theme.Actions'}</p>
|
||||
{foreach from=$product.attachments item=attachment}
|
||||
<div class="attachment">
|
||||
<h4><a
|
||||
href="{url entity='attachment' params=['id_attachment' => $attachment.id_attachment]}">{$attachment.name}</a>
|
||||
</h4>
|
||||
<p>{$attachment.description}</p>
|
||||
<a href="{url entity='attachment' params=['id_attachment' => $attachment.id_attachment]}">
|
||||
{l s='Download' d='Shop.Theme.Actions'} ({$attachment.file_size_formatted})
|
||||
</a>
|
||||
</div>
|
||||
{/foreach}
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
{/if}
|
||||
{foreach from=$product.extraContent item=extra key=extraKey}
|
||||
<li class="accordion-item" id="product-extra-content-{$extraKey}">
|
||||
<div class="accordion-item-header">
|
||||
<h3>{$extra.title}</h3>
|
||||
<img src="/img/cms/icons/arrow-down-brown.svg" alt="">
|
||||
</div>
|
||||
<div class="accordion-item-body">
|
||||
<div class="accordion-item-body--wrapper">
|
||||
{$extra.content nofilter}
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
{/foreach}
|
||||
</ul>
|
||||
{/block}
|
||||
</div>
|
||||
<div class="c-col c-col-2">
|
||||
<div class="product-description-box-img">
|
||||
{if isset($product.images[1]) && $product.images[1].id_image}
|
||||
<img
|
||||
src="{$link->getImageLink($product.link_rewrite, $product.images[1].id_image)}"
|
||||
loading="lazy"
|
||||
{if !empty($product.images[1].legend)}
|
||||
alt="{$product.images[1].legend}"
|
||||
title="{$product.images[1].legend}"
|
||||
{else}
|
||||
alt="{$product.name}"
|
||||
{/if}
|
||||
/>
|
||||
{elseif isset($product.images[0]) && $product.images[0].id_image}
|
||||
<img
|
||||
src="{$link->getImageLink($product.link_rewrite, $product.images[0].id_image)}"
|
||||
loading="lazy"
|
||||
{if !empty($product.images[0].legend)}
|
||||
alt="{$product.images[0].legend}"
|
||||
title="{$product.images[0].legend}"
|
||||
{else}
|
||||
alt="{$product.name}"
|
||||
{/if}
|
||||
/>
|
||||
{/if}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{* <div class="row product-container js-product-container product-description-box">
|
||||
<div class="col-xs-12">
|
||||
{block name='product_tabs'}
|
||||
<div class="tabs">
|
||||
@@ -218,7 +341,7 @@
|
||||
</div>
|
||||
{/block}
|
||||
</div>
|
||||
</div>
|
||||
</div> *}
|
||||
|
||||
{block name='product_accessories'}
|
||||
{if $accessories}
|
||||
|
||||
Reference in New Issue
Block a user