Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

0

Вывод Картинки Новости В Превью

Автор metry, 07 мая 2020 20:55

Авторизуйтесь для ответа в теме

В этой теме нет ответов

#1 metry

Активный участник

Модераторы
884 сообщений

Отправлено 07 Май 2020 - 20:55

В текст новости добавьте какую-нибудь картинку.

Далее зайдите в Редактор шаблонов-->HTML и найдите:


<!-- Если в тарифном плане подключен модуль новостей -->
{% IF TARIFF_FEATURE_NEWS && index_page %}
{% IF news_list_all_empty=0 || news_list_shop_empty=0 %}
<div id="news">
<div class="container">
<div class="block-title">
<h2 class="title"><a href="{NEWS_ALL_URL}" title="Список новостей магазина">Парфюмерный Блог</a></h2>
</div>
<div class="block-news owl-carousel">
<!-- Если есть список из любых новостей и если в тарифном плане подключен модуль новостей -->
{% IFNOT news_list_all_empty %}
{% FOR news_list_all %}
<div class="item">
<div class="post-content">
<div class="title"><a href="{news_list_all.URL}" title="Перейти к странице &laquo;{news_list_all.TITLE}&raquo;">{news_list_all.TITLE}</a></div>
{% IF news_list_all.SHOW_TIME %}<div class="date">{news_list_all.TIME | date("d")}-{news_list_all.TIME | date("m")}-{news_list_all.TIME | date("y")}</div>{% ENDIF %}
<div class="description"><p>{news_list_all.TEXT_SHORT}</p></div>
<a href="{news_list_all.URL}" class="more" >Подробнее <i class="fa fa-angle-right" aria-hidden="true"></i></a>
</div>
</div>
{% ENDFOR %}
{% ENDIF %}
<!-- /END Если есть список из любых новостей и если в тарифном плане подключен модуль новостей -->
<!-- Если есть список новости магазина и если в тарифном плане подключен модуль новостей -->
{% IFNOT news_list_shop_empty %}
{% FOR news_list_shop %}
<div class="item">
<div class="post-content">
<div class="title"><a href="{news_list_shop.URL}" title="Перейти к странице &laquo;{news_list_shop.TITLE}&raquo;">{news_list_shop.TITLE}</a></div>
{% IF news_list_shop.SHOW_TIME %}<div class="date">{news_list_shop.TIME | date("d")}-{news_list_shop.TIME | date("m")}-{news_list_shop.TIME | date("y")}</div>{% ENDIF %}
<div class="description"><p>{news_list_shop.TEXT_SHORT}</p></div>
<a href="{news_list_shop.URL}" class="more" >Подробнее <i class="fa fa-angle-right" aria-hidden="true"></i></a>
</div>
</div>
{% ENDFOR %}
{% ENDIF %}
<!-- /END Если есть список новости магазина и если в тарифном плане подключен модуль новостей -->
</div>
</div>
</div>
{% ENDIF %}
{% ENDIF %}
<!-- /END Если в тарифном плане подключен модуль новостей -->

замените на:

<!-- Если в тарифном плане подключен модуль новостей -->
{% IF TARIFF_FEATURE_NEWS && index_page %}
{% IF news_list_all_empty=0 || news_list_shop_empty=0 %}
<div id="news">
<div class="container">
<div class="block-title">
<h2 class="title"><a href="{NEWS_ALL_URL}" title="Список новостей магазина">Парфюмерный Блог</a></h2>
</div>
<div class="block-news owl-carousel">
<!-- Если есть список из любых новостей и если в тарифном плане подключен модуль новостей -->
{% IFNOT news_list_all_empty %}
{% FOR news_list_all %}
<div class="item">

<div class="post-content">
<div class="news-image ">
<img src="{% IF news_list_all.IMG %}{news_list_all.IMG}{% ELSE %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ENDIF %}">
</div>
<div class="cont">
<div class="title"><a href="{news_list_all.URL}" title="Перейти к странице &laquo;{news_list_all.TITLE}&raquo;">{news_list_all.TITLE}</a></div>
{% IF news_list_all.SHOW_TIME %}<div class="date">{news_list_all.TIME | date("d")}-{news_list_all.TIME | date("m")}-{news_list_all.TIME | date("y")}</div>{% ENDIF %}
<div class="description"><p>{news_list_all.TEXT_SHORT}</p></div>
<a href="{news_list_all.URL}" class="more" >Подробнее <i class="fa fa-angle-right" aria-hidden="true"></i></a>
</div>
</div>
</div>
{% ENDFOR %}
{% ENDIF %}
<!-- /END Если есть список из любых новостей и если в тарифном плане подключен модуль новостей -->
<!-- Если есть список новости магазина и если в тарифном плане подключен модуль новостей -->
{% IFNOT news_list_shop_empty %}
{% FOR news_list_shop %}
<div class="item">

<div class="post-content">
<div class="news-image ">
<img class="news-image " src="{% IF news_list_shop.IMG %}{news_list_shop.IMG}{% ELSE %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ENDIF %}">
</div>
<div class="cont">
<div class="title"><a href="{news_list_shop.URL}" title="Перейти к странице &laquo;{news_list_shop.TITLE}&raquo;">{news_list_shop.TITLE}</a></div>
{% IF news_list_shop.SHOW_TIME %}<div class="date">{news_list_shop.TIME | date("d")}-{news_list_shop.TIME | date("m")}-{news_list_shop.TIME | date("y")}</div>{% ENDIF %}
<div class="description"><p>{news_list_shop.TEXT_SHORT}</p></div>
<a href="{news_list_shop.URL}" class="more" >Подробнее <i class="fa fa-angle-right" aria-hidden="true"></i></a>
</div>
</div>
</div>
{% ENDFOR %}
{% ENDIF %}
<!-- /END Если есть список новости магазина и если в тарифном плане подключен модуль новостей -->
</div>
</div>
</div>
{% ENDIF %}
{% ENDIF %}
<!-- /END Если в тарифном плане подключен модуль новостей -->

далее зайдите в Редактор шаблонов-->main.css и в самый конец кода вставьте:



.news-image { height: 100%; display: inline-block; width: 30%;vertical-align: top;}
.news-image img{padding: 10px; }
.cont {display: inline-block;}

@media all and (max-width: 641px) {
#news .block-news .title a {display: block;overflow: hidden;line-height: 20px;text-transform: uppercase;font-size: 14px;font-weight: 600;letter-spacing: -0.001em;margin-bottom: 12px;white-space: nowrap;text-overflow: ellipsis;}
#news .news-image {height: 100%;display: inline-block;width: 100%;vertical-align: top;}
#news .news-image img{padding: 10px;max-width: 200px;}
#news .cont {display: inline-block;}
}

- в обложку новости будет подтягиваться первая картинка, вставленная в блок текста нвоости.