Изменить цветовую тему


Купить шаблон

 

Последние фотографии

Откройте блок формы обратной связи: для этого откройте приложение «Сайт» и в левом меню выберите раздел «Блоки». Найдите в списке блоков блок с названием «photos.latest_photos». Замените всё содержимое блока следующим кодом:

<style>
  ul.view-thumbs { list-style: none; padding: 0; margin: 0; }
  ul.view-thumbs li { display: inline-block; position: relative; vertical-align: top; width: 220px; }
  ul.view-thumbs li a { text-decoration:none; }
  ul.view-thumbs li .image { position: relative; display: inline-block; max-width: 100%;}
  ul.view-thumbs li .image img { max-width: 100%; height: auto !important; margin: 0 !important; }
  ul.view-thumbs li img.shadowed { -moz-box-shadow: 0 1px 3px #aaa; -webkit-box-shadow: 0 1px 3px #AAA; box-shadow: 0 1px 3px #AAA; margin-bottom: 5px; }
</style>
{$photos = $wa->photos->photos()}
{$i = 0}
<ul class="view-thumbs">
{foreach from=$photos item=photo}
  {if !'hidden'|in_array:$photo.tags && $i < 3}
    <li{if $photo.stack_count > 0} class="stacked"{/if}>
        <div class="image">
    {if empty($photo.frontend_link)}{$wa->photos->getImgHtml($photo, "240x240", ["class"=>"shadowed"])}{else}<a class="no-border" href="{$photo.frontend_link|default:'#'}">{$wa->photos->getImgHtml($photo, "240x240", ["class"=>"shadowed"])}</a>
    {/if}
    {$i = $i + 1}
    </div>
    </li>
  {/if}
{/foreach}
</ul>

После сохранения изменений вы сможете добавлять последние фотографии на любую страницу сайта, вставив код вызова блока:

{$wa->block("photos.latest_photos")}

Пример вывода блока