Плагин "Картинки как на Али" тема "Multishop"(Мультишоп)

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>

Опубликовано: 31 января 2017

Николай Иванов СТЭК

alaali, multishop, мультишоп

Эта статья была полезна? Да Нет

ИТ-компания СТЭК

Плагин "Картинки как на Али" тема "Multishop"(Мультишоп)

0 комментариев

Добавить комментарий