Компактный вид для темы Купить просто
Шаблон:
{literal}
<style>
.specialoffer.information.block {margin-bottom: 10px; padding: 10px;}
.specialoffer.information.block p {margin: 0}
.specialoffer.information.block > div {
vertical-align: top;
}
.specialoffer.information.block > div.l {
float: none;
padding-right: 10px;
width: auto;
}
.specialoffer.information.block > div.r {
float: right;
width: 210px;
}
.specialoffer.information.block div.caption {padding: 0; color: #e74c3c; margin-bottom: 5px;}
.specialoffer-expires .countdown-amount {font-weight: bold; font-size: 22px;}
.specialoffer-countdown {width: 200px; margin-top: 5px }
.specialoffer-expires .countdown-show4 .countdown-section {
width: 23%;
border: 1px solid #d4d4d4;
margin-right: 1px;
padding-top: 3px;
}
.specialoffer-expires .countdown-show4 .countdown-section .countdown-period {
font-size: 110%;
line-height: 1.7em;
}
</style>
{/literal}
<div class="specialoffer information block info-block-content">
{if $end_datetime}
<div class="r specialoffer-expires">
<b>До конца акции осталось:</b>
<div class="specialoffer-countdown"></div>
<br clear="left">
<link type="text/css" rel="stylesheet" href="{$wa_app_static_url}plugins/specialoffer/css/jquery.countdown.css">
<script src="{$wa_app_static_url}plugins/specialoffer/js/jquery.countdown.min.js"></script>
<script src="{$wa_app_static_url}plugins/specialoffer/js/jquery.countdown-ru.js"></script>
<script>
$('.specialoffer-countdown').specialoffercountdown({
until: new Date({strtotime($end_datetime)} * 1000),
onExpiry: function () {
$(this).specialoffercountdown('destroy');
$(this).closest('.specialoffer-expires').html('<b>Акция завершена</b>');
}
});
</script>
</div>
{/if}
<div class="l">
<div class="caption acapitalize">{$title}</div>
{$content}
</div>
<div style="clear:right"></div>
</div>
Чтобы добавить комментарий, зарегистрируйтесь или войдите
0 комментариев