Компактный вид для темы Купить просто

Шаблон:

{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>
Опубликовано: 29 ноября 2016
Эта статья была полезна? Да Нет

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

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

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