Плагин "Картинки как на Али" тема "Flatty"

У этой темы дизанайна вывод картинок сделан наполовину - только для блока выбираемых характеристик. Включается он в настройках темы - "Включить плагин Картинки как на Али".
Для того, чтобы картинки появились в закладке "характеристики", нужно сделать следующее.

1. В шаблоне product.html найти код

{if $product.features}
    <div role="tabpanel" class="tab-pane fade{if !$product.description} in active{/if}" id="Features">	
        <table class="features table table-hover table-striped table-condensed" id="product-features">
        {foreach $product.features as $f_code => $f_value}
            {if strpos($f_code, '_') !== 0}
                <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('<br /> ', $f_value)}
		            {else}
		        	{implode(', ', $f_value)}
		            {/if}
		        {else}
		            {$f_value}
		        {/if}
		    </td>
		</tr>
	    {/if}
	    {/foreach}
        {/if}
    </table>
</div><!--Features-->
{/if}

и замените на

{if $product.features}
	            <div role="tabpanel" class="tab-pane fade{if !$product.description} in active{/if}" id="Features">	
	        	    <table class="features table table-hover table-striped table-condensed" id="product-features">
                {if !empty($theme_settings.ali_plugin)}
	    	    {$feature_images = shopAlaaliHelper::getFeaturesImg_code($product.id,false)} 
                {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 class="alaali name">{$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 class="alaali name">{$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="alaali name">{$f_value|escape}</span><br /> 
                            {/if} 
                        {/if} 
                    </td> 
                </tr>
                {/foreach}	    	    
	    	    {else}	    	    	        	    
	        	        {foreach $product.features as $f_code => $f_value}
	        	        	{if strpos($f_code, '_') !== 0}
		        	            <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('<br /> ', $f_value)}
		        	                        {else}
		        	                            {implode(', ', $f_value)}
		        	                        {/if}
		        	                    {else}
		        	                        {$f_value}
		        	                    {/if}
		        	                </td>
		        	            </tr>
	        	            {/if}
	        	        {/foreach}
	        	{/if}
	        	    </table>
	            </div><!--Features-->
            {/if}


В этом шаблоне код

{if $product.features}
 ...
{/if}

встречается два раза. Верхний - это закладка характеристики. Нижний - некий блок закладок, показывающийся при ?определенных настройках? в теме дизайна. В общем, если требуется, то изменение нужно будет сделать в двух местах.


2. в шаблоне style.shop.css добавьте в самом конце стиль

.page-content img.alaali_img2{
    height: 30px;
    width: auto;
    margin: 0 5px 5px 0;
    padding: 1px;
    border-radius: 3px;
    border: 1px solid rgba(0,0,0,.2);
    box-shadow: 0 0 3px rgba(0,0,0,.4);
}
Опубликовано: 1 ноября 2017
Эта статья была полезна? Да Нет

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


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

    Чтобы добавить комментарий, зарегистрируйтесь или войдите