1. В настройках темы дизайна магазина переключите "Выбор характеристик товара" на "Показывать все значения крупно в ряд"
2. Создайте файл alaali.css в теме дизайна магазина.
Содержимое файла:
.options .inline-select>a.alaali{
padding: 2px !important;
width: auto !important;
height: 40px;
margin: 0 17px 0 0;
vertical-align: middle;
}
.options .inline-select>a.alaali.selected{
-webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.75);
box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.75);
}
.alaali_img{
border-radius: 3px;
width: auto;
height: 40px;
}
.alaali_img2{
border: 0px solid rgba(0,0,0,0.2);
width: 20px;
}
.features.alaali .noalaali{
line-height: 150%;
}
.features.alaali .noalaali.color{
padding-left: 4px;
}
.features.alaali .noalaali.array,
.features.alaali .noalaali.onevalue
{
padding-left: 20px;
}
2. Подключить этот файл стилей в head.html
Найдите код (последние строки в файле)
<!-- plugin hook: 'frontend_head' -->
{* @event frontend_head.%plugin_id% *}
{foreach $frontend_head as $_}{$_}{/foreach}
Добавьте после них код
<link rel="stylesheet" href="{$wa_active_theme_url}alaali.css?v{$wa_theme_version}">
3. Отредактируйте шаблон product.cart.html
найдите код
<!-- SELECTABLE FEATURES selling mode -->
{$default_sku_features = $product.sku_features}
{$product_available = $product.status}
{if $theme_settings.selectable_features_control == 'inline'}
<div class="options">
{foreach $features_selectable as $f}
<div class="inline-select{if $f.type == 'color'} color{/if}">
<p class="option_name">{$f.name}:</p>
{foreach $f.values as $v_id => $v}
{if !isset($default_sku_features[$f.id])}{$default_sku_features[$f.id]=$v_id}{/if}
<a data-value="{$v_id}" href="#"{if $v_id == ifset($default_sku_features[$f.id])} class="selected" style="{$v->style}"{/if}>
{if $f.type == 'color'}<span class="color_data" data-color="{$v->style}"></span>{/if}
{if $f.type == 'color'}<span class="color_name">{strip_tags($v)}</span>{else}{$v}{/if}
</a>
{/foreach}
<input type="hidden" data-feature-id="{$f.id}" class="sku-feature" name="features[{$f.id}]" value="{ifset($default_sku_features[$f.id])}">
</div>
{/foreach}
</div> {else}
и исправьте на
<!-- SELECTABLE FEATURES selling mode -->
{$default_sku_features = $product.sku_features}
{$product_available = $product.status}
{$feature_images = shopAlaaliHelper::getFeaturesImg($product.id)}
{if $theme_settings.selectable_features_control == 'inline'}
<div class="options">
{foreach $features_selectable as $f}
<div class="inline-select{if $f.type == 'color'} color{/if}">
<div class="option_name">{$f.name}:</div>
{foreach $f.values as $v_id => $v}
{if in_array($v_id,$feature_images[$f.id]['id'])}
{$v_img = "<img src='"|cat:$feature_images[$f.id]['img'][$v_id]|cat:"' title='"|cat:$feature_images[$f.id]['value'][$v_id]|cat:"' class='alaali_img'/>"}
{/if}
{if !isset($default_sku_features[$f.id])}{$default_sku_features[$f.id]=$v_id}{/if}
{if in_array($v_id,$feature_images[$f.id]['id'])}
<a data-value="{$v_id}" href="#" class="alaali{if $v_id == ifset($default_sku_features[$f.id])} selected{/if}">
{$v_img}
</a>
{else}
<a data-value="{$v_id}" href="#"{if $v_id == ifset($default_sku_features[$f.id])} class="selected" style="{$v->style}"{/if}>
{if $f.type == 'color'}<span class="color_data" data-color="{$v->style}"></span>{/if}
{if $f.type == 'color'}<span class="color_name">{strip_tags($v)}</span>{else}{$v}{/if}
</a>
{/if}
{/foreach}
<input type="hidden" data-feature-id="{$f.id}" class="sku-feature" name="features[{$f.id}]" value="{ifset($default_sku_features[$f.id])}">
</div>
{/foreach}
</div>
{else}
4. Отредактируйте шаблон product.html
найдите код:
{if $product.features}
<table class="features" id="product-features">
{foreach $product.features as $f_code => $f_value}
<tr{if $features[$f_code].type == 'divider'} class="divider"{/if}>
<td class="name">
{$features[$f_code].name|escape}
</td>
<td class="value" itemprop="{$f_code|escape}">
{if is_array($f_value)}
{if $features[$f_code].type == 'color'}
{implode('', $f_value)}
{else}
{implode(', ', $f_value)}
{/if}
{else}
{$f_value}
{/if}
</td>
</tr>
{/foreach}
</table>
{/if}
и исправьте на
{if $product.features}
{$feature_images = shopAlaaliHelper::getFeaturesImg_code($product.id,false)}
<table class="features alaali" id="product-features">
{foreach $product.features as $f_code => $f_value}
<tr{if $features[$f_code].type == 'divider'} class="divider"{/if}>
<td class="name">
{$features[$f_code].name|escape}
</td>
<td class="value" itemprop="{$f_code|escape}">
{if is_array($f_value)}
{if $features[$f_code].type == 'color'}
{foreach $f_value as $v_id => $value}
{if in_array($v_id,$feature_images[$f_code]['id'])}
{$v_img = "<img src='"|cat:$feature_images[$f.id]['img'][$v_id]|cat:"' title='"|cat:$feature_images[$f.id]['value'][$v_id]|cat:"' class='alaali_img2'/>"}
{$v_img} {$feature_images[$f_code]['value'][$v_id]}<br />
{else}
<span class="noalaali color">{$value}</span><br />
{/if}
{/foreach}
{else}
{foreach $f_value as $v_id => $value}
{if in_array($v_id,$feature_images[$f_code]['id'])}
{$v_img = ""|cat:$feature_images[$f_code]["}
{$v_img}<span>{$feature_images[$f_code]['value'][$v_id]}</span><br />
{else}
<span class="noalaali array">{$value|escape}</span><br />
{/if}
{/foreach}
{/if}
{else}
{assign var=v_id value=$f_value}
{if in_array($v_id,$feature_images[$f_code]['id']) || in_array($v_id,$feature_images[$f_code]['value'])}
{$v_img = "<img src='"|cat:$feature_images[$f_code]['img'][$v_id]|cat:"' title='"|cat:$feature_images[$f_code]['value'][$v_id]|cat:"' class='alaali_img2' />"}
{$v_img}<br />
{else}
<span class="noalaali onevalue">{$f_value|escape}</span><br />
{/if}
{/if}
</td>
</tr>
{/foreach}
</table>
{/if}
0 комментариев