avatar

Выводим проценты скидки от цены товара

Опубликовал в блог Дополнения и модули для Simpla CMS
0


Данное дополнение выводит процент скидки в аукционных товарах, как внутри товара так и в категории.

Открываем файл design/ваш_шаблон/html/product.tpl
ищем
<!-- Большое фото -->
	{if $product->image}
	<div class="image">
		<a href="{$product->image->filename|resize:800:600:w}" class="zoom" rel="group"><img src="{$product->image->filename|resize:300:300}" alt="{$product->product->name|escape}" /></a>
	</div>
	{/if}
<!-- Большое фото (The End)-->

меняем на

<!-- Фото товара -->
		{if $product->image}
		<div class="image">
         {if $product->variants|count > 0}{foreach $product->variants as $v}{if $v->compare_price > 0}<div class="sale_cat">
         <div style="padding-top:2px; color:#FFFFFF; font-size:13px; font-weight:bold; width:56px; text-align:center;">-{floor(abs(100-{$product->variant->price}/($product->variant->compare_price)*100))}% </div></div>{/if}{/foreach}{/if}
			<a href="products/{$product->url}"><img src="{$product->image->filename|resize:200:200}" alt="{$product->name|escape}"/></a>
		</div>
		{/if}
<!-- Фото товара (The End) -->

скачиваем картинку и закидываем в папку design/ваш_шаблон/images/

Добавляем стили в design/ваш_шаблон/css/style.css
.sale {
background:url('../images/save.png') no-repeat;
position:absolute;
width:141px;
height:47px;
margin:15px 0 0 -19px;
font-size:18px;
font-weight:bold;
}


Для того чтобы выводилось в категории товаров
Открываем файл design/ваш_шаблон/html/products.tpl ищем
<!-- Фото товара -->
	{if $product->image}
	<div class="image">
		<a href="{$product->image->filename|resize:800:600:w}" class="zoom" rel="group"><img src="{$product->image->filename|resize:300:300}" alt="{$product->product->name|escape}" /></a>
	</div>
	{/if}
<!-- Фото товара (The End)-->

меняем на
<!-- Фото товара -->
		{if $product->image}
		<div class="image">
         {if $product->variants|count > 0}{foreach $product->variants as $v}{if $v->compare_price > 0}<div class="sale_cat">
         <div style="padding-top:2px; color:#FFFFFF; font-size:13px; font-weight:bold; width:56px; text-align:center;">-{floor(abs(100-{$product->variant->price}/($product->variant->compare_price)*100))}% </div></div>{/if}{/foreach}{/if}
			<a href="products/{$product->url}"><img src="{$product->image->filename|resize:200:200}" alt="{$product->name|escape}"/></a>
		</div>
		{/if}
<!-- Фото товара (The End) -->

скачиваем картинку и закидываем в папку design/ваш_шаблон/images/

Добавляем стили в design/ваш_шаблон/css/style.css
.sale_cat {
background:url('../images/sale_cat.png') no-repeat;
position:absolute;
width:116px;
height:27px;
margin:10px 0 0 -13px;
}

Стили меняем под себя. Все, смотрим демо.

ДЕМО

0 комментариев RSS
Нет комментариев
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.