Save
This commit is contained in:
Roman Pyrih
@@ -56,7 +56,7 @@
|
||||
disabled
|
||||
{/if}
|
||||
>
|
||||
<i class="material-icons shopping-cart"></i>
|
||||
<i class="material-icons shopping-cart">+</i>
|
||||
{l s='Add to cart' d='Shop.Theme.Actions'}
|
||||
</button>
|
||||
</div>
|
||||
@@ -92,4 +92,8 @@
|
||||
</p>
|
||||
{/block}
|
||||
{/if}
|
||||
|
||||
{block name='hook_display_reassurance'}
|
||||
{hook h='displayReassurance'}
|
||||
{/block}
|
||||
</div>
|
||||
|
||||
@@ -24,15 +24,6 @@
|
||||
*}
|
||||
{if $product.show_price}
|
||||
<div class="product-prices js-product-prices">
|
||||
{block name='product_discount'}
|
||||
{if $product.has_discount}
|
||||
<div class="product-discount">
|
||||
{hook h='displayProductPriceBlock' product=$product type="old_price"}
|
||||
<span class="regular-price">{$product.regular_price}</span>
|
||||
</div>
|
||||
{/if}
|
||||
{/block}
|
||||
|
||||
{block name='product_price'}
|
||||
<div
|
||||
class="product-price h5 {if $product.has_discount}has-discount{/if}">
|
||||
@@ -66,6 +57,15 @@
|
||||
</div>
|
||||
{/block}
|
||||
|
||||
{block name='product_discount'}
|
||||
{if $product.has_discount}
|
||||
<div class="product-discount">
|
||||
{hook h='displayProductPriceBlock' product=$product type="old_price"}
|
||||
<span class="regular-price">{$product.regular_price}</span>
|
||||
</div>
|
||||
{/if}
|
||||
{/block}
|
||||
|
||||
{block name='product_without_taxes'}
|
||||
{if $priceDisplay == 2}
|
||||
<p class="product-without-taxes">{l s='%price% tax excl.' d='Shop.Theme.Catalog' sprintf=['%price%' => $product.price_tax_exc]}</p>
|
||||
|
||||
@@ -25,54 +25,89 @@
|
||||
<div class="product-variants js-product-variants">
|
||||
{foreach from=$groups key=id_attribute_group item=group}
|
||||
{if !empty($group.attributes)}
|
||||
<div class="clearfix product-variants-item">
|
||||
<span class="control-label">{$group.name}{l s=': ' d='Shop.Theme.Catalog'}
|
||||
{** CUSTOM: hide secont variant label **}
|
||||
{* {foreach from=$group.attributes key=id_attribute item=group_attribute}
|
||||
{if $group_attribute.selected}{$group_attribute.name}{/if}
|
||||
{/foreach} *}
|
||||
</span>
|
||||
{if $group.group_type == 'select'}
|
||||
<select
|
||||
class="form-control form-control-select"
|
||||
id="group_{$id_attribute_group}"
|
||||
aria-label="{$group.name}"
|
||||
data-product-attribute="{$id_attribute_group}"
|
||||
name="group[{$id_attribute_group}]">
|
||||
{foreach from=$group.attributes key=id_attribute item=group_attribute}
|
||||
<option value="{$id_attribute}" title="{$group_attribute.name}"{if $group_attribute.selected} selected="selected"{/if}>{$group_attribute.name}</option>
|
||||
{/foreach}
|
||||
</select>
|
||||
{elseif $group.group_type == 'color'}
|
||||
<ul id="group_{$id_attribute_group}">
|
||||
{foreach from=$group.attributes key=id_attribute item=group_attribute}
|
||||
<li class="float-xs-left input-container">
|
||||
<label aria-label="{$group_attribute.name}">
|
||||
<input class="input-color" type="radio" data-product-attribute="{$id_attribute_group}" name="group[{$id_attribute_group}]" value="{$id_attribute}" title="{$group_attribute.name}"{if $group_attribute.selected} checked="checked"{/if}>
|
||||
<span
|
||||
{if $group_attribute.texture}
|
||||
class="color texture" style="background-image: url({$group_attribute.texture})"
|
||||
{elseif $group_attribute.html_color_code}
|
||||
class="color" style="background-color: {$group_attribute.html_color_code}"
|
||||
{/if}
|
||||
><span class="attribute-name sr-only">{$group_attribute.name}</span></span>
|
||||
</label>
|
||||
</li>
|
||||
{/foreach}
|
||||
</ul>
|
||||
{elseif $group.group_type == 'radio'}
|
||||
<ul id="group_{$id_attribute_group}">
|
||||
{foreach from=$group.attributes key=id_attribute item=group_attribute}
|
||||
<li class="input-container float-xs-left">
|
||||
<label>
|
||||
<input class="input-radio" type="radio" data-product-attribute="{$id_attribute_group}" name="group[{$id_attribute_group}]" value="{$id_attribute}" title="{$group_attribute.name}"{if $group_attribute.selected} checked="checked"{/if}>
|
||||
<span class="radio-label">{$group_attribute.name}</span>
|
||||
</label>
|
||||
</li>
|
||||
{/foreach}
|
||||
</ul>
|
||||
{/if}
|
||||
</div>
|
||||
<div class="clearfix product-variants-item">
|
||||
<div class="product-variants-item--wrapper">
|
||||
<div class="control-label-nav">
|
||||
<span class="control-label">
|
||||
{$group.name}{l s=': ' d='Shop.Theme.Catalog'}
|
||||
<br>
|
||||
{** CUSTOM: hide secant variant label **}
|
||||
<span class="control-label-selected">
|
||||
{foreach from=$group.attributes key=id_attribute item=group_attribute}
|
||||
{if $group_attribute.selected}{$group_attribute.name}{/if}
|
||||
{/foreach}
|
||||
</span>
|
||||
</span>
|
||||
{if $group.group_type == 'select'}
|
||||
<div class="form-control-select-standard-handler">
|
||||
<img src="/img/cms/icons/arrow-down-brown.svg" alt="">
|
||||
</div>
|
||||
{/if}
|
||||
</div>
|
||||
|
||||
{if $group.group_type == 'select'}
|
||||
<select
|
||||
class="form-control form-control-select form-control-select-standard"
|
||||
id="group_{$id_attribute_group}"
|
||||
aria-label="{$group.name}"
|
||||
data-product-attribute="{$id_attribute_group}"
|
||||
name="group[{$id_attribute_group}]">
|
||||
{foreach from=$group.attributes key=id_attribute item=group_attribute}
|
||||
<option value="{$id_attribute}" title="{$group_attribute.name}"{if $group_attribute.selected} selected="selected"{/if}>{$group_attribute.name}</option>
|
||||
{/foreach}
|
||||
</select>
|
||||
|
||||
<div
|
||||
class="custom-select-wrapper form-control-select-custom"
|
||||
id="group_{$id_attribute_group}_custom"
|
||||
aria-label="{$group.name}"
|
||||
data-product-attribute="{$id_attribute_group}"
|
||||
>
|
||||
<div class="custom-select" data-original-select="group_1">
|
||||
<ul class="custom-dropdown">
|
||||
{foreach from=$group.attributes key=id_attribute item=group_attribute}
|
||||
<li
|
||||
data-value="{$id_attribute}"
|
||||
class="{if $group_attribute.selected}active{/if}"
|
||||
>
|
||||
<span class="li-checkbox"></span>
|
||||
{$group_attribute.name}
|
||||
</li>
|
||||
{/foreach}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
{elseif $group.group_type == 'color'}
|
||||
<ul id="group_{$id_attribute_group}">
|
||||
{foreach from=$group.attributes key=id_attribute item=group_attribute}
|
||||
<li class="float-xs-left input-container">
|
||||
<label aria-label="{$group_attribute.name}">
|
||||
<input class="input-color" type="radio" data-product-attribute="{$id_attribute_group}" name="group[{$id_attribute_group}]" value="{$id_attribute}" title="{$group_attribute.name}"{if $group_attribute.selected} checked="checked"{/if}>
|
||||
<span
|
||||
{if $group_attribute.texture}
|
||||
class="color texture" style="background-image: url({$group_attribute.texture})"
|
||||
{elseif $group_attribute.html_color_code}
|
||||
class="color" style="background-color: {$group_attribute.html_color_code}"
|
||||
{/if}
|
||||
><span class="attribute-name sr-only">{$group_attribute.name}</span></span>
|
||||
</label>
|
||||
</li>
|
||||
{/foreach}
|
||||
</ul>
|
||||
{elseif $group.group_type == 'radio'}
|
||||
<ul id="group_{$id_attribute_group}">
|
||||
{foreach from=$group.attributes key=id_attribute item=group_attribute}
|
||||
<li class="input-container float-xs-left">
|
||||
<label>
|
||||
<input class="input-radio" type="radio" data-product-attribute="{$id_attribute_group}" name="group[{$id_attribute_group}]" value="{$id_attribute}" title="{$group_attribute.name}"{if $group_attribute.selected} checked="checked"{/if}>
|
||||
<span class="radio-label">{$group_attribute.name}</span>
|
||||
</label>
|
||||
</li>
|
||||
{/foreach}
|
||||
</ul>
|
||||
{/if}
|
||||
</div>
|
||||
</div>
|
||||
{/if}
|
||||
{/foreach}
|
||||
</div>
|
||||
|
||||
@@ -52,25 +52,29 @@
|
||||
<meta content="{$product.url}">
|
||||
|
||||
<div class="row product-container js-product-container product-info-box">
|
||||
<div class="col-md-6">
|
||||
<div class="col-md-6 px-0 product-info-box-left">
|
||||
{block name='page_content_container'}
|
||||
<section class="page-content" id="content">
|
||||
{block name='page_content'}
|
||||
{include file='catalog/_partials/product-flags.tpl'}
|
||||
|
||||
{block name='product_cover_thumbnails'}
|
||||
{include file='catalog/_partials/product-cover-thumbnails.tpl'}
|
||||
{/block}
|
||||
<div class="scroll-box-arrows">
|
||||
<i class="material-icons left"></i>
|
||||
<i class="material-icons right"></i>
|
||||
<i class="material-icons left">
|
||||
<img src="/img/cms/icons/slider-arrow-left-brown.svg" alt="">
|
||||
</i>
|
||||
<i class="material-icons right">
|
||||
<img src="/img/cms/icons/slider-arrow-right-brown.svg" alt="">
|
||||
</i>
|
||||
</div>
|
||||
|
||||
{/block}
|
||||
</section>
|
||||
{/block}
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="col-md-6 product-info-box-right">
|
||||
{include file='catalog/_partials/product-flags.tpl'}
|
||||
|
||||
{block name='page_header_container'}
|
||||
{block name='page_header'}
|
||||
<h1 class="h1">{block name='page_title'}{$product.name}{/block}</h1>
|
||||
@@ -136,14 +140,11 @@
|
||||
|
||||
</div>
|
||||
|
||||
{block name='hook_display_reassurance'}
|
||||
{hook h='displayReassurance'}
|
||||
{/block}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row product-container js-product-container">
|
||||
<div class="row product-container js-product-container product-description-box">
|
||||
<div class="col-xs-12">
|
||||
{block name='product_tabs'}
|
||||
<div class="tabs">
|
||||
|
||||
Reference in New Issue
Block a user