This commit is contained in:
Roman Pyrih
2026-05-05 16:01:40 +02:00
parent 59410b9825
commit 4bbd4973b9
6 changed files with 244 additions and 165 deletions

View File

@@ -25,76 +25,86 @@
<div class="product-variants">
{foreach from=$groups key=id_attribute_group item=group}
{if $id_attribute_group == 5}<a rel="nofollow" href="javascript:void(0);" class="fancybox-material-controls">{/if}
<div class="clearfix product-variants-item">
{if $group.group_type == 'select' && $product_variant_mode == 1}
<div class="product-bar-label">
<p>2.</p>
{if $id_attribute_group == 5}<a rel="nofollow" href="javascript:void(0);" class="fancybox-material-controls">{/if}
<div class="clearfix product-variants-item variant-item-id-{$id_attribute_group}">
{if $group.group_type == 'select' && $product_variant_mode == 1}
{if $id_attribute_group == 5}
<div class="variant-action-btn">
{/if}
<div class="product-bar-icon material-icon">
<img src="/themes/ayon/assets/images/struktura-materialu.png" alt="">
{* <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000">
<path d="M0 0h24v24H0V0z" fill="none"/>
<path d="M19.51 3.08L3.08 19.51c.09.34.27.65.51.9.25.24.56.42.9.51L20.93 4.49c-.19-.69-.73-1.23-1.42-1.41zM11.88 3L3 11.88v2.83L14.71 3h-2.83zM5 3c-1.1 0-2 .9-2 2v2l4-4H5zm14 18c.55 0 1.05-.22 1.41-.59.37-.36.59-.86.59-1.41v-2l-4 4h2zm-9.71 0h2.83L21 12.12V9.29L9.29 21z"/>
</svg> *}
</div>
<div class="product-bar-box">
{if $id_attribute_group == 5}
<span class="control-label 1">Struktura materiału</span>
{else}
<span class="control-label 2">{$group.name}:</span>
{/if}
<select class="form-control form-control-select {if $id_attribute_group == 5}hidden{/if}"
id="group_{$id_attribute_group}" 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>
{if $id_attribute_group == 5}
</div>
{/if}
{elseif $group.group_type == 'color' && $product_variant_mode == 2}
<span class="control-label 3">{$group.name}</span>
<ul id="group_{$id_attribute_group}">
{foreach from=$group.attributes key=id_attribute item=group_attribute}
<li class="float-xs-left input-container wariant_kolorystyczny">
<label>
<input class="input-color" type="radio" data-product-attribute="{$id_attribute_group}"
name="group[{$id_attribute_group}]" value="{$id_attribute}" {if $group_attribute.selected}
checked="checked" {/if} style="background-image:;">
{if isset($combinationImages)}
{foreach from=$combinationImages item='combination' key='combinationId' name='f_combinationImages'}
{if Product::getIdProductAttributeByIdAttributes($product.id_product, $id_attribute) == $combinationId}
{foreach from=$combination item='image' name='f_combinationImage'}
<img
src="{$link->getImageLink($product->link_rewrite, $image.id_image, 'wariant_kolorystyczny')|escape:'html':'UTF-8'}" />
{/foreach}
{/if}
{/foreach}
{/if}
<span {if $group_attribute.html_color_code}class="color tip_inside"
style="background-color: {$group_attribute.html_color_code}" {/if}
{if $group_attribute.texture}class="color texture tip_inside"
style="background-image: url({$group_attribute.texture})" {/if}><span
class="sr-only tip">{$group_attribute.name}</span></span>
</label>
</li>
{/foreach}
</ul>
{elseif $group.group_type == 'radio'}
<span class="control-label 4">{$group.name}</span>
<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}" {if $group_attribute.selected}
checked="checked" {/if}>
<span class="radio-label">{$group_attribute.name}</span>
</label>
</li>
{/foreach}
</ul>
{/if}
</div>
<div class="product-bar-icon material-icon" >
<img src="/themes/ayon/assets/images/struktura-materialu.png" alt="">
{* <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000">
<path d="M0 0h24v24H0V0z" fill="none"/>
<path d="M19.51 3.08L3.08 19.51c.09.34.27.65.51.9.25.24.56.42.9.51L20.93 4.49c-.19-.69-.73-1.23-1.42-1.41zM11.88 3L3 11.88v2.83L14.71 3h-2.83zM5 3c-1.1 0-2 .9-2 2v2l4-4H5zm14 18c.55 0 1.05-.22 1.41-.59.37-.36.59-.86.59-1.41v-2l-4 4h2zm-9.71 0h2.83L21 12.12V9.29L9.29 21z"/>
</svg> *}
</div>
<div class="product-bar-box">
{if $id_attribute_group == 5}
<span class="control-label 1">Struktura materiału</span>
{else}
<span class="control-label 2">{$group.name}:</span>
{/if}
<select
class="form-control form-control-select {if $id_attribute_group == 5}hidden{/if}"
id="group_{$id_attribute_group}"
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>
{elseif $group.group_type == 'color' && $product_variant_mode == 2}
<span class="control-label 3">{$group.name}</span>
<ul id="group_{$id_attribute_group}">
{foreach from=$group.attributes key=id_attribute item=group_attribute}
<li class="float-xs-left input-container wariant_kolorystyczny">
<label>
<input class="input-color" type="radio" data-product-attribute="{$id_attribute_group}" name="group[{$id_attribute_group}]" value="{$id_attribute}"{if $group_attribute.selected} checked="checked"{/if} style="background-image:;">
{if isset($combinationImages)}
{foreach from=$combinationImages item='combination' key='combinationId' name='f_combinationImages'}
{if Product::getIdProductAttributeByIdAttributes($product.id_product, $id_attribute) == $combinationId}
{foreach from=$combination item='image' name='f_combinationImage'}
<img src="{$link->getImageLink($product->link_rewrite, $image.id_image, 'wariant_kolorystyczny')|escape:'html':'UTF-8'}"/>
{/foreach}
{/if}
{/foreach}
{/if}
<span
{if $group_attribute.html_color_code}class="color tip_inside" style="background-color: {$group_attribute.html_color_code}" {/if}
{if $group_attribute.texture}class="color texture tip_inside" style="background-image: url({$group_attribute.texture})" {/if}
><span class="sr-only tip">{$group_attribute.name}</span></span>
</label>
</li>
{/foreach}
</ul>
{elseif $group.group_type == 'radio'}
<span class="control-label 4">{$group.name}</span>
<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}"{if $group_attribute.selected} checked="checked"{/if}>
<span class="radio-label">{$group_attribute.name}</span>
</label>
</li>
{/foreach}
</ul>
{/if}
</div>
{if $id_attribute_group == 5}</a>{/if}
{/foreach}
</div>
{if $id_attribute_group == 5}
</a>
{/if}
{/foreach}
</div>