This commit is contained in:
Roman Pyrih
2024-12-12 15:57:01 +01:00
parent 2e7c3943e4
commit e75fa515f5
62 changed files with 4916 additions and 42 deletions

View File

@@ -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">

View File

@@ -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}