Как правильно вывести на главную второй слайдер "Последних новостей"


Создана вторая ветка приложения "Блог" - "Статьи". На главной уже выведен слайдер с "Последними новостями" настроенный через настройки витрины... Как правильно создать вывод второго слайдера с "Последними статьями" имеющими отличный от новостей Идентификатор блога? Спасибо.

5 ответов
  • Владимир Сергеев
    Разработчик
    Решение
    15 февраля 2016 10:00

    Здравствуйте, Сергей! Вы имеете в виду слайдер последних новостей в сайдбаре?

  • Сергей
    Решение
    15 февраля 2016 10:35

    Ага)

  • Владимир Сергеев
    Разработчик
    Решение
    15 февраля 2016 11:27

    Вам нужно найти в теме Формула Успеха для приложения сайт (в шаблонах) файл sidebar.news.html

    В нём нужно в этом файле нужно скопировать этот код и вставить скопированный код сразу же за ним же – т.е. после закрывающего тега </ul>. И в данном коде заменить то, что указано ниже.

    {if !empty($theme_settings.news_title)}
    <div class="accentFont asideTitle">Заголовок для другого блога</div>
    {/if}
    
    {$blog = идентификатор другого блога}
    {$colvo = кол-во новостей из другого блога}
    {$posts = $wa->blog->posts($blog,$colvo)}
     <ul class="news-holder" style="margin-bottom: 40px;">  	
         {foreach $posts as $post}
            <li class="item">
                <div class="post-info clearfix">
                	
                	{if !empty($post.thumb)}
                		<a href="{$post.link}" class="post_thumb">
                			{if !empty($theme_settings.blazy)}
                				<img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="{$post.thumb}" class="img100 accent-border fLazy" alt="{$post.title}"/>
                			{else}
                				<img src="{$post.thumb}" class="img100 accent-border" alt="{$post.title}"/>
                			{/if}
                	    </a>
                	{/if}
                	
                    <a href="{$post['link']}">
                    	<div class="h4">{$post['title']}</div>
                    </a>
                    
                    <div style="margin-bottom: 10px;">
    	                <i class="fa fa-calendar" style="padding-right: 6px;"></i> {$post['datetime']|date_format:'d.m.Y'}
                    </div>
                </div>
                <p class="blog-summary">{$post.text|strip_tags|truncate:100}</p>
                <a href="{$post['link']}" class="btn btn-default btn-sm">[`Read More`]</a>
            </li>
        {/foreach}
    </ul>

    Должно сработать.
    НО! Новости из обоих блогов будут перелистываться с одинаковым интервалом, т.к. инициализация скрипта слайдера для обоих блогов одна и та же.

  • Якубов Андрей
    20 мая 2017 13:56

    А есть способ, что бы одновременно выводить блоги "Статьи" и "Последние новости" в одном слайдере ?

  • Владимир Сергеев
    Разработчик
    Решение
    20 мая 2017 21:15

    Андрей, есть.
    Нужно в том же коде после {/foreach} добавить код:

    {$blog = идентификатор другого, ещё одного блога}
    {$colvo = кол-во новостей из другого, ещё одного блога}
    {$posts = $wa->blog->posts($blog,$colvo)}
    {foreach $posts as $post}
            <li class="item">
                <div class="post-info clearfix">
                	
                	{if !empty($post.thumb)}
                		<a href="{$post.link}" class="post_thumb">
                			{if !empty($theme_settings.blazy)}
                				<img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="{$post.thumb}" class="img100 accent-border fLazy" alt="{$post.title}"/>
                			{else}
                				<img src="{$post.thumb}" class="img100 accent-border" alt="{$post.title}"/>
                			{/if}
                	    </a>
                	{/if}
                	
                    <a href="{$post['link']}">
                    	<div class="h4">{$post['title']}</div>
                    </a>
                    
                    <div style="margin-bottom: 10px;">
    	                <i class="fa fa-calendar" style="padding-right: 6px;"></i> {$post['datetime']|date_format:'d.m.Y'}
                    </div>
                </div>
                <p class="blog-summary">{$post.text|strip_tags|truncate:100}</p>
                <a href="{$post['link']}" class="btn btn-default btn-sm">[`Read More`]</a>
            </li>
        {/foreach}
Добавить ответ
Чтобы добавить комментарий, зарегистрируйтесь или войдите
Мы получаем и обрабатываем персональные данные посетителей нашего сайта в соответствии с официальной политикой.
Если Вы продолжите использовать сайт, мы будем считать, что Вас это устраивает.
Подписывайтесь и получайте скидки!

Узнавайте первым о скидках и специальных предложениях!