Модуль Накладываем изображения "Хит продаж", "Скидка", "Новинка"

sergeevizh

Постоялец
Регистрация
7 Сен 2011
Сообщения
41
Реакции
11
может кто нибудь скинуть модуль такой Для просмотра ссылки Войди или Зарегистрируйся ?

Может такое решение подойдет?
В файл \design\default_lite_1\html\tiny_products.tpl (учтите название вашего шаблона) дописываем в низу код:
HTML:
<div class="metki">
   {if $product->featured}
      <div style="background: #f17a3c;">ХИТ</div>
   {/if}
   {if $product->variant->compare_price}
      <div style="background: #f24941;">АКЦИЯ</div>
   {/if}
   {if $product->created|date_format:'%Y-%m-%d' > "-30 days"|date_format:'%Y-%m-%d'}
      <div style="background: #57bac7;">НОВЫЙ</div>
   {/if}
</div>

И в шаблоне подключаем стиль:
Код:
<style>
.metki {
    position: absolute;
    top: 8%;
    left: 16px;
    z-index: 1;
}
.metki div + div {
    margin-top: 2px;
}
.metki div {
    text-align: center;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    padding: 0 10px 0 5px;
    width: 75px;
    clip-path: polygon(0% 0%, 88% 0%, 100% 50%, 88% 100%, 0% 100%);
    -webkit-clip-path: polygon(0% 0%, 88% 0%, 100% 50%, 88% 100%, 0% 100%);
}
</style>

Вывод метки со скидкой в процентах:
Заменяем строку <div style="background: #f24941;">АКЦИЯ</div>
на код
HTML:
{if $product->variant->compare_price > $product->variant->price}
      <div style="background: #f24941;">-{100-($product->variant->price/$product->variant->compare_price*100)|string_format:"%d"}%</div>
{/if}

orig
 
Назад
Сверху