1. В настройках темы дизайна магазина переключите "Выбор характеристик" на "Показать все значения в ряд"
2. В приложении «Магазин» создайте файл под названием alaali.css в разделе «Витрина» во вкладке «Шаблоны» с кодом
.inline-select.color img.alaali { vertical-align: middle; height: 37px; width: 35px; } .options .inline-select.color a { height: 37px; width: 35px; line-height: 0; } .option-item.color span.alaali{ height: auto; width: auto; } .alaali-without-img { vertical-align: middle; padding: 0 15px; max-height: 37px; } .alaali_img2{ border: 1px solid rgba(0,0,0,0.2); padding: 0; margin: 2px; vertical-align: middle; height: 18px; width: 18px; } .options .inline-select a, .inline-select img.alaali { padding: 0; vertical-align: middle; max-height: 37px; }
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
найдите код
{if $product.sku_type} <!-- SELECTABLE FEATURES selling mode --> {$default_sku_features = $product.sku_features} {$product_available = $product.status} {if $theme_settings.selectable_features_control == 'inline' || (isset($product.params.selectable_features) && $product.params.selectable_features == 'inline')} <div class="options"> {foreach $features_selectable as $f} {$f.name}: <div class="inline-select{if $f.type == 'color'} color{/if}"> {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="#" class="{if $v_id == ifset($default_sku_features[$f.id])}selected{/if}{if $f.type !== 'color'} not-color-block{/if}"{if $f.type == 'color'} style="{$v->style}; margin-bottom: 20px;"{/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> {elseif $theme_settings.selectable_features_control == 'select' || (isset($product.params.selectable_features) && $product.params.selectable_features == 'select')} <div class="options"> {foreach $features_selectable as $f} {$f.name}: <select data-feature-id="{$f.id}" class="sku-feature" name="features[{$f.id}]"> {foreach $f.values as $v_id => $v} <option value="{$v_id}" {if $v_id == ifset($default_sku_features[$f.id])}selected{/if}>{$v}</option> {/foreach} </select> <br> {/foreach} </div> {/if} {else}
и исправьте на
{if $product.sku_type} <!-- 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' || (isset($product.params.selectable_features) && $product.params.selectable_features == 'inline')} <div class="options"> {foreach $features_selectable as $f} {$f.name}: <div class="inline-select{if $f.type == 'color'} color{/if}"> {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'>"} {/if} {if !isset($default_sku_features[$f.id])}{$default_sku_features[$f.id]=$v_id}{/if} <a data-value="{$v_id}" href="#" class="{if $v_id == ifset($default_sku_features[$f.id])}selected{/if}{if $f.type !== 'color'} not-color-block{/if}"{if $f.type == 'color'} style="{$v->style}; margin-bottom: 20px;"{/if}> {if in_array($v_id,$feature_images[$f.id]['id'])} {$v_img} <span class="color_name">{strip_tags($v)}</span> {else} {if $f.type == 'color'} <span class="color_name">{strip_tags($v)}</span>{else}<span class="alaali-without-img">{$v}</span>{/if} {/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> {elseif $theme_settings.selectable_features_control == 'select' || (isset($product.params.selectable_features) && $product.params.selectable_features == 'select')} <div class="options"> {foreach $features_selectable as $f} {$f.name}: <select data-feature-id="{$f.id}" class="sku-feature" name="features[{$f.id}]"> {foreach $f.values as $v_id => $v} <option value="{$v_id}" {if $v_id == ifset($default_sku_features[$f.id])}selected{/if}>{$v}</option> {/foreach} </select> <br> {/foreach} </div> {/if} {else}
4. Отредактируйте шаблон product.html
найдите код:
<div class="description" id="product-description" itemprop="description">{if $product.description}{$product.description}{else}[`No description`]{/if}</div> </div> <div id="features"> <!-- product features --> {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} </div> </div> </div>
и исправьте на
<div class="description" id="product-description" itemprop="description">{if $product.description}{$product.description}{else}[`No description`]{/if}</div> </div> <div id="features"> <!-- product features --> {if $product.features} {$feature_images = shopAlaaliHelper::getFeaturesImg_code($product.id,false)} <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'} {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_code]['img'][$v_id]|cat:"' title='"|cat:$feature_images[$f_code]['value'][$v_id]|cat:"' class='alaali_img2' >"} {$v_img}{$feature_images[$f_code]['value'][$v_id]}<br /> {else} <span style="padding-left: 4px; line-height: 150%;">{$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 = "<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}<span>{$feature_images[$f_code]['value'][$v_id]}</span><br /> {else} <span style="padding-left: 25px; line-height: 150%;">{$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 style="padding-left: 25px; line-height: 150%;">{$f_value|escape}</span><br /> {/if} {/if} </td> </tr> {/foreach} </table> {/if} </div> </div> </div>
0 comments