Перейти к содержимому


Новости И Статьи. Новое Оформление


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 22

#1 Ribka

Ribka

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

  • Пользователи
  • PipPipPipPip
  • 226 сообщений

Отправлено 03 Декабрь 2017 - 14:46

Добрый день!
Помогите, пожалуйста, реализовать новый формат отображения блоков "Новости" и "Статьи"
Идея - https://prnt.sc/hikf51

Нужно сделать два блока:
1. Новости
2. Баннер 4 - кликабельная картинка

- Отображение в списке сделать как на скрине.
- Ссылки на новость должна быть кликабельной - переход на страницу новости
- Кликабельная ссылка "Все новости" переход на страницу "новости"
- Краткий текст отображать не больше до двух строк и далее ...
- нижний блок (стандартный) удалить https://prnt.sc/hig4dz
- блок "материалы СМИ" удалить

#2 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 07 Декабрь 2017 - 09:06

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите и удалите:
<!-- Если в тарифном плане подключен модуль новостей -->
	{% IF TARIFF_FEATURE_NEWS && index_page %}
	{% IF news_list_all_empty=0 || news_list_shop_empty=0 %}
	<div id="news" class="main-block animated" data-animation="fadeInUp" data-delay="0">
	  <div class="container">
		<h2 class="title">Новости</h2>
		<div class="navigation">
		  <a href="#" class="prev"><i class="fa fa-angle-left"></i></a>
		  <a href="#" class="next"><i class="fa fa-angle-right"></i></a>
		</div>
		<div class="block-news">
		  <!--  Если есть список из любых новостей и если в тарифном плане подключен модуль новостей -->
		  {% IFNOT news_list_all_empty %}
			{% FOR news_list_all %}
			  <div class="item">
				<div class="date">
				  <span class="d-month">{news_list_all.TIME | date("m")}</span>
				  <span class="d-day">{news_list_all.TIME | date("d")}</span>
				</div>
				<div class="content">
				  <a href="{news_list_all.URL}" class="title" title="Перейти к странице &laquo;{news_list_all.TITLE}&raquo;">{news_list_all.TITLE}</a>
				  <p class="description">{news_list_all.TEXT_SHORT}</p>
				</div>
			  </div>
			{% ENDFOR %}
		  {% ENDIF %}
		  <!--  /Если есть список из любых новостей и если в тарифном плане подключен модуль новостей -->
		  <!-- Если есть список новости магазина и если в тарифном плане подключен модуль новостей -->
		  {% IFNOT news_list_shop_empty %}
			{% FOR news_list_shop %}
			  <div class="item">
				<div class="date">
				  <span class="d-month">{news_list_shop.TIME | date("m")}</span>
				  <span class="d-day">{news_list_shop.TIME | date("d")}</span>
				</div>
				<div class="content">
				  <a href="{news_list_shop.URL}" class="title" title="Перейти к странице &laquo;{news_list_shop.TITLE}&raquo;">{news_list_shop.TITLE}</a>
				  <p class="description">{news_list_shop.TEXT_SHORT}</p>
				</div>
			  </div>
			{% ENDFOR %}
		  {% ENDIF %}
		  <!-- END Если есть список новости магазина и если в тарифном плане подключен модуль новостей -->
		</div>
	  </div>
	</div>
	{% ENDIF %}
	{% ENDIF %}
	<!-- /END Если в тарифном плане подключен модуль новостей -->
  
далее найдите:
{% IF index_page %}
<div class="clear"></div>
<!-- Слайдер и баннеры -->
<div id="proposition" class="main-block">
		 <div class="container">
		 <div class="row">
				 <div class="banner col-sm-4 col-md-4 col-xs-12">
					 <a href="#"><img src="{ASSETS_IMAGES_PATH}banner1.jpg" alt="Сувениры силовых структур" /></a>
				 </div>
				<div class=" banner col-sm-4 col-md-4 col-xs-12 ">
					 <a href="#"><img src="{ASSETS_IMAGES_PATH}banner2.jpg" alt="Канны для живца" /></a>
				 </div>
				 <div class=" banner col-sm-4 col-md-4 col-xs-12 ">
					 <a href="#"><img src="{ASSETS_IMAGES_PATH}banner3.jpg" alt="Канны для живца" /></a>
				 </div>
		 </div>
		 </div>
</div>
<!-- /END Слайдер и баннеры -->
{% ENDIF %}

после него вставьте:
<!-- Если в тарифном плане подключен модуль новостей -->
	{% IF index_page %}
	<div class="container">
		 <div class="row">
	{% IF news_list_all_empty=0 || news_list_shop_empty=0 %}
	<div id="news" class="main-block animated col-md-8 col-sm-6 col-sms-6 col-smb-12" data-animation="fadeInUp" data-delay="0">
		<h2 class="title">Новости</h2>
		<div class="block-news">
		  <!--  Если есть список из любых новостей и если в тарифном плане подключен модуль новостей -->
		  {% IFNOT news_list_all_empty %}
			{% FOR news_list_all %}
			  <div class="item">
				<div class="date">{news_list_all.TIME | date("d.m.Y")}</div>
				<div class="name"><a href="{news_list_shop.URL}" class="title" title="Перейти к странице &laquo;{news_list_shop.TITLE}&raquo;">{news_list_shop.TITLE}</a></div>
				<div class="content"> <p class="description">{news_list_all.TEXT_SHORT}</p></div>
			  </div>
			{% ENDFOR %}
		  {% ENDIF %}
		  <!--  /Если есть список из любых новостей и если в тарифном плане подключен модуль новостей -->
		  <!-- Если есть список новости магазина и если в тарифном плане подключен модуль новостей -->
		  {% IFNOT news_list_shop_empty %}
			{% FOR news_list_shop %}
			  <div class="item">
				<div class="date">{news_list_shop.TIME | date("d.m.Y")}</div>
				<div class="name"><a href="{news_list_shop.URL}" class="title" title="Перейти к странице &laquo;{news_list_shop.TITLE}&raquo;">{news_list_shop.TITLE}</a></div>
				<div class="content"><p class="description">{news_list_shop.TEXT_SHORT}</p></div>
			  </div>
			{% ENDFOR %}
		  {% ENDIF %}
		  <!-- END Если есть список новости магазина и если в тарифном плане подключен модуль новостей -->
		</div>
	</div>
	{% ENDIF %}
	<div class="banner col-md-4 col-sm-6 col-sms-6 col-smb-12"><img src="#" alt=""/></div>
	</div>
	</div>
	{% ENDIF %}
	<!-- /END Если в тарифном плане подключен модуль новостей -->
  
  
В строке:
<div class="banner col-md-4 col-sm-6 col-sms-6 col-smb-12"><img src="#" alt=""/></div>

вместо символа # укажите ссылку на баннер.

Далее зайдите в main.css - найдите:
/*** Новости ***/
#news .title {margin-bottom: 30px;}
#news .item {padding: 0 60px;clear: both;}
#news .item .date {float: left;width: 110px;height: 110px;color: #fff;margin-right: 15px;margin-bottom: 10px;background: url("{ASSETS_IMAGES_PATH}calendar.png?design=sunrise");}
#news .item .date .d-month {display: block;position: relative;top: 10px;font-size: 18px;}
#news .item .date .d-day {display: block;position: relative;top: 12px;font-size: 48px;}
#news .item .title {display: inline-block;text-align: center;font-size: 24px;margin-bottom: 10px;}
#news .item .content {display: inline-block;width: 80%;text-align: left;}

замените на:
/*** Новости ***/
#news {background: #EFEFEC;}
#news .title {margin-bottom: 10px;font-size: 20px;font-weight: bold;text-align: left;}
#news .item {clear: both;}
#news .item .date {float: left;color: #000;margin-right: 15px;margin-bottom: 10px;font-weight: bold;}
#news .item .date .d-month {display: block;position: relative;top: 10px;font-size: 18px;}
#news .item .date .d-day {display: block;position: relative;top: 12px;font-size: 48px;}
#news .item .name {display: block;font-size: 14px;margin-bottom: 10px;float: left;width: calc(100% - 190px);text-align: left;font-weight: bold;color: #8C2C29;}
#news .item .name a{color: #8C2C29;}
#news .item .content {display: inline-block;width: 100%;text-align: left;}

Далее зайдите в main.js - найдите и удалите:
// Новости на главной
jQuery(function($) {
  var carouselU = $('#news .block-news');
	carouselU.owlCarousel({
	  singleItem: true,
	  lazyLoad: true,
	  pagination: false,
	  navigation: true,
	  itemsScaleUp: true,
	  slideSpeed: 800,
	  stopOnHover: true,
	  touchDrag: true,
	  autoPlay: false,
	  addClassActive: true,
	  autoHeight: true,
	  afterAction: function (e) {
		if(this.$owlItems.length > this.options.items){
		  $('.related-goods .navigation a').show();
		}else{
		  $('.related-goods .navigation a').hide();
		}
	  }
	});
  jQuery('#news .navigation .prev').on('click', function(e){
	e.preventDefault();
	carouselU.trigger('owl.prev');
  });
  jQuery('#news .navigation .next').on('click', function(e){
	e.preventDefault();
	carouselU.trigger('owl.next');
  });
});


#3 Ribka

Ribka

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

  • Пользователи
  • PipPipPipPip
  • 226 сообщений

Отправлено 09 Декабрь 2017 - 12:35

Просмотр сообщенияVaccina (07 Декабрь 2017 - 09:06) писал:

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите и удалите:
<!-- Если в тарифном плане подключен модуль новостей -->
{% IF TARIFF_FEATURE_NEWS && index_page %}
{% IF news_list_all_empty=0 || news_list_shop_empty=0 %}
<div id="news" class="main-block animated" data-animation="fadeInUp" data-delay="0">
	 <div class="container">
	 <h2 class="title">Новости</h2>
	 <div class="navigation">
		 <a href="#" class="prev"><i class="fa fa-angle-left"></i></a>
		 <a href="#" class="next"><i class="fa fa-angle-right"></i></a>
	 </div>
	 <div class="block-news">
		 <!-- Если есть список из любых новостей и если в тарифном плане подключен модуль новостей -->
		 {% IFNOT news_list_all_empty %}
		 {% FOR news_list_all %}
			 <div class="item">
			 <div class="date">
				 <span class="d-month">{news_list_all.TIME | date("m")}</span>
				 <span class="d-day">{news_list_all.TIME | date("d")}</span>
			 </div>
			 <div class="content">
				 <a href="{news_list_all.URL}" class="title" title="Перейти к странице &laquo;{news_list_all.TITLE}&raquo;">{news_list_all.TITLE}</a>
				 <p class="description">{news_list_all.TEXT_SHORT}</p>
			 </div>
			 </div>
		 {% ENDFOR %}
		 {% ENDIF %}
		 <!-- /Если есть список из любых новостей и если в тарифном плане подключен модуль новостей -->
		 <!-- Если есть список новости магазина и если в тарифном плане подключен модуль новостей -->
		 {% IFNOT news_list_shop_empty %}
		 {% FOR news_list_shop %}
			 <div class="item">
			 <div class="date">
				 <span class="d-month">{news_list_shop.TIME | date("m")}</span>
				 <span class="d-day">{news_list_shop.TIME | date("d")}</span>
			 </div>
			 <div class="content">
				 <a href="{news_list_shop.URL}" class="title" title="Перейти к странице &laquo;{news_list_shop.TITLE}&raquo;">{news_list_shop.TITLE}</a>
				 <p class="description">{news_list_shop.TEXT_SHORT}</p>
			 </div>
			 </div>
		 {% ENDFOR %}
		 {% ENDIF %}
		 <!-- END Если есть список новости магазина и если в тарифном плане подключен модуль новостей -->
	 </div>
	 </div>
</div>
{% ENDIF %}
{% ENDIF %}
<!-- /END Если в тарифном плане подключен модуль новостей -->
  
далее найдите:
{% IF index_page %}
<div class="clear"></div>
<!-- Слайдер и баннеры -->
<div id="proposition" class="main-block">
		 <div class="container">
		 <div class="row">
				 <div class="banner col-sm-4 col-md-4 col-xs-12">
					 <a href="#"><img src="{ASSETS_IMAGES_PATH}banner1.jpg" alt="Сувениры силовых структур" /></a>
				 </div>
			 <div class=" banner col-sm-4 col-md-4 col-xs-12 ">
					 <a href="#"><img src="{ASSETS_IMAGES_PATH}banner2.jpg" alt="Канны для живца" /></a>
				 </div>
				 <div class=" banner col-sm-4 col-md-4 col-xs-12 ">
					 <a href="#"><img src="{ASSETS_IMAGES_PATH}banner3.jpg" alt="Канны для живца" /></a>
				 </div>
		 </div>
		 </div>
</div>
<!-- /END Слайдер и баннеры -->
{% ENDIF %}

после него вставьте:
<!-- Если в тарифном плане подключен модуль новостей -->
{% IF index_page %}
<div class="container">
		 <div class="row">
{% IF news_list_all_empty=0 || news_list_shop_empty=0 %}
<div id="news" class="main-block animated col-md-8 col-sm-6 col-sms-6 col-smb-12" data-animation="fadeInUp" data-delay="0">
	 <h2 class="title">Новости</h2>
	 <div class="block-news">
		 <!-- Если есть список из любых новостей и если в тарифном плане подключен модуль новостей -->
		 {% IFNOT news_list_all_empty %}
		 {% FOR news_list_all %}
			 <div class="item">
			 <div class="date">{news_list_all.TIME | date("d.m.Y")}</div>
			 <div class="name"><a href="{news_list_shop.URL}" class="title" title="Перейти к странице &laquo;{news_list_shop.TITLE}&raquo;">{news_list_shop.TITLE}</a></div>
			 <div class="content"> <p class="description">{news_list_all.TEXT_SHORT}</p></div>
			 </div>
		 {% ENDFOR %}
		 {% ENDIF %}
		 <!-- /Если есть список из любых новостей и если в тарифном плане подключен модуль новостей -->
		 <!-- Если есть список новости магазина и если в тарифном плане подключен модуль новостей -->
		 {% IFNOT news_list_shop_empty %}
		 {% FOR news_list_shop %}
			 <div class="item">
			 <div class="date">{news_list_shop.TIME | date("d.m.Y")}</div>
<div class="name"><a href="{news_list_shop.URL}" class="title" title="Перейти к странице &laquo;{news_list_shop.TITLE}&raquo;">{news_list_shop.TITLE}</a></div>
			 <div class="content"><p class="description">{news_list_shop.TEXT_SHORT}</p></div>
			 </div>
		 {% ENDFOR %}
		 {% ENDIF %}
		 <!-- END Если есть список новости магазина и если в тарифном плане подключен модуль новостей -->
	 </div>
</div>
{% ENDIF %}
<div class="banner col-md-4 col-sm-6 col-sms-6 col-smb-12"><img src="#" alt=""/></div>
</div>
</div>
{% ENDIF %}
<!-- /END Если в тарифном плане подключен модуль новостей -->
  
  
В строке:
<div class="banner col-md-4 col-sm-6 col-sms-6 col-smb-12"><img src="#" alt=""/></div>

вместо символа # укажите ссылку на баннер.

Далее зайдите в main.css - найдите:
/*** Новости ***/
#news .title {margin-bottom: 30px;}
#news .item {padding: 0 60px;clear: both;}
#news .item .date {float: left;width: 110px;height: 110px;color: #fff;margin-right: 15px;margin-bottom: 10px;background: url("{ASSETS_IMAGES_PATH}calendar.png?design=sunrise");}
#news .item .date .d-month {display: block;position: relative;top: 10px;font-size: 18px;}
#news .item .date .d-day {display: block;position: relative;top: 12px;font-size: 48px;}
#news .item .title {display: inline-block;text-align: center;font-size: 24px;margin-bottom: 10px;}
#news .item .content {display: inline-block;width: 80%;text-align: left;}

замените на:
/*** Новости ***/
#news {background: #EFEFEC;}
#news .title {margin-bottom: 10px;font-size: 20px;font-weight: bold;text-align: left;}
#news .item {clear: both;}
#news .item .date {float: left;color: #000;margin-right: 15px;margin-bottom: 10px;font-weight: bold;}
#news .item .date .d-month {display: block;position: relative;top: 10px;font-size: 18px;}
#news .item .date .d-day {display: block;position: relative;top: 12px;font-size: 48px;}
#news .item .name {display: block;font-size: 14px;margin-bottom: 10px;float: left;width: calc(100% - 190px);text-align: left;font-weight: bold;color: #8C2C29;}
#news .item .name a{color: #8C2C29;}
#news .item .content {display: inline-block;width: 100%;text-align: left;}

Далее зайдите в main.js - найдите и удалите:
// Новости на главной
jQuery(function($) {
var carouselU = $('#news .block-news');
carouselU.owlCarousel({
	 singleItem: true,
	 lazyLoad: true,
	 pagination: false,
	 navigation: true,
	 itemsScaleUp: true,
	 slideSpeed: 800,
	 stopOnHover: true,
	 touchDrag: true,
	 autoPlay: false,
	 addClassActive: true,
	 autoHeight: true,
	 afterAction: function (e) {
	 if(this.$owlItems.length > this.options.items){
		 $('.related-goods .navigation a').show();
	 }else{
		 $('.related-goods .navigation a').hide();
	 }
	 }
});
jQuery('#news .navigation .prev').on('click', function(e){
e.preventDefault();
carouselU.trigger('owl.prev');
});
jQuery('#news .navigation .next').on('click', function(e){
e.preventDefault();
carouselU.trigger('owl.next');
});
});

Переношу обсуждение из чата в тему, т.к. тут удобней работать с кодом и обсуждать нюансы работы.
Последний код, который вы просили заменить, я заменила
В этом случае зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
{% IF news_list_all_empty=0 || news_list_shop_empty=0 %}
	 <div id="news" class="main-block animated col-md-8 col-sm-6 col-sms-6 col-smb-12" data-animation="fadeInUp" data-delay="0">
			 <h2 class="title">Новости</h2>
			 <div class="block-news">
				 <!-- Если есть список из любых новостей и если в тарифном плане подключен модуль новостей -->
				 {% IFNOT news_list_all_empty %}
					 {% FOR news_list_all %}
						 <div class="item">
							 <div class="date">{news_list_all.TIME | date("d.m.Y")}</div>
							 <div class="name"><a href="{news_list_all.URL}" class="title" title="Перейти к странице &laquo;{news_list_all.TITLE}&raquo;">{news_list_all.TITLE}</a></div>
							 <div class="content"> <p class="description">{news_list_all.TEXT_SHORT}</p></div>
						 </div>
					 {% ENDFOR %}
				 {% ENDIF %}
				 <!-- /Если есть список из любых новостей и если в тарифном плане подключен модуль новостей -->
				 <!-- Если есть список новости магазина и если в тарифном плане подключен модуль новостей -->
				 {% IFNOT news_list_shop_empty %}
					 {% FOR news_list_shop %}
						 <div class="item">
							 <div class="date">{news_list_shop.TIME | date("d.m.Y")}</div>
							 <div class="name"><a href="{news_list_shop.URL}" class="title" title="Перейти к странице &laquo;{news_list_shop.TITLE}&raquo;">{news_list_shop.TITLE}</a></div>
							 <div class="content"><p class="description">{news_list_shop.TEXT_SHORT}</p></div>
						 </div>
					 {% ENDFOR %}
				 {% ENDIF %}
				 <!-- END Если есть список новости магазина и если в тарифном плане подключен модуль новостей -->
			 </div>
	 </div>
	 {% ENDIF %}
замените на:
<div id="news" class="main-block animated col-md-8 col-sm-6 col-sms-6 col-smb-12" data-animation="fadeInUp" data-delay="0">
			 <h2 class="title"><a href="{NEWS_SHOP_URL}">Новости</a></h2>
			 <div class="block-news">
				 <!-- Если есть список новости магазина и если в тарифном плане подключен модуль новостей -->
				 {% IFNOT news_list_shop_empty %}
					 {% FOR news_list_shop %}
						 <div class="item">
							 <div class="date">{news_list_shop.TIME | date("d.m.Y")}</div>
							 <div class="name"><a href="{news_list_shop.URL}" class="title" title="Перейти к странице &laquo;{news_list_shop.TITLE}&raquo;">{news_list_shop.TITLE}</a></div>
							 <div class="content"><p class="description">{news_list_shop.TEXT_SHORT}</p></div>
						 </div>
					 {% ENDFOR %}
				 {% ENDIF %}
				 <!-- END Если есть список новости магазина и если в тарифном плане подключен модуль новостей -->
			 </div>
	 </div>

Добавила одну новость на сайт, но она не отображается.

+

а можно сделать серый блок новостей и баннер 4 по размерам как на скрине https://prnt.sc/hikf51
Иначе говоря сохранить размер серого блока и подогнать размеры баннера 4 https://prnt.sc/hl4q9m
Чтобы отображалось 3 новости. Краткое описание новости не более 2 строк

#4 MikDark

MikDark

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

  • Модераторы
  • 6 468 сообщений

Отправлено 09 Декабрь 2017 - 18:24

Просмотр сообщенияRibka (09 Декабрь 2017 - 12:35) писал:

Переношу обсуждение из чата в тему, т.к. тут удобней работать с кодом и обсуждать нюансы работы.
Последний код, который вы просили заменить, я заменила
В этом случае зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
{% IF news_list_all_empty=0 || news_list_shop_empty=0 %}
	 <div id="news" class="main-block animated col-md-8 col-sm-6 col-sms-6 col-smb-12" data-animation="fadeInUp" data-delay="0">
			 <h2 class="title">Новости</h2>
			 <div class="block-news">
				 <!-- Если есть список из любых новостей и если в тарифном плане подключен модуль новостей -->
				 {% IFNOT news_list_all_empty %}
					 {% FOR news_list_all %}
						 <div class="item">
							 <div class="date">{news_list_all.TIME | date("d.m.Y")}</div>
							 <div class="name"><a href="{news_list_all.URL}" class="title" title="Перейти к странице &laquo;{news_list_all.TITLE}&raquo;">{news_list_all.TITLE}</a></div>
							 <div class="content"> <p class="description">{news_list_all.TEXT_SHORT}</p></div>
						 </div>
					 {% ENDFOR %}
				 {% ENDIF %}
				 <!-- /Если есть список из любых новостей и если в тарифном плане подключен модуль новостей -->
				 <!-- Если есть список новости магазина и если в тарифном плане подключен модуль новостей -->
				 {% IFNOT news_list_shop_empty %}
					 {% FOR news_list_shop %}
						 <div class="item">
							 <div class="date">{news_list_shop.TIME | date("d.m.Y")}</div>
							 <div class="name"><a href="{news_list_shop.URL}" class="title" title="Перейти к странице &laquo;{news_list_shop.TITLE}&raquo;">{news_list_shop.TITLE}</a></div>
							 <div class="content"><p class="description">{news_list_shop.TEXT_SHORT}</p></div>
						 </div>
					 {% ENDFOR %}
				 {% ENDIF %}
				 <!-- END Если есть список новости магазина и если в тарифном плане подключен модуль новостей -->
			 </div>
	 </div>
	 {% ENDIF %}
замените на:
<div id="news" class="main-block animated col-md-8 col-sm-6 col-sms-6 col-smb-12" data-animation="fadeInUp" data-delay="0">
			 <h2 class="title"><a href="{NEWS_SHOP_URL}">Новости</a></h2>
			 <div class="block-news">
				 <!-- Если есть список новости магазина и если в тарифном плане подключен модуль новостей -->
				 {% IFNOT news_list_shop_empty %}
					 {% FOR news_list_shop %}
						 <div class="item">
							 <div class="date">{news_list_shop.TIME | date("d.m.Y")}</div>
							 <div class="name"><a href="{news_list_shop.URL}" class="title" title="Перейти к странице &laquo;{news_list_shop.TITLE}&raquo;">{news_list_shop.TITLE}</a></div>
							 <div class="content"><p class="description">{news_list_shop.TEXT_SHORT}</p></div>
						 </div>
					 {% ENDFOR %}
				 {% ENDIF %}
				 <!-- END Если есть список новости магазина и если в тарифном плане подключен модуль новостей -->
			 </div>
	 </div>

Добавила одну новость на сайт, но она не отображается.

+

а можно сделать серый блок новостей и баннер 4 по размерам как на скрине https://prnt.sc/hikf51
Иначе говоря сохранить размер серого блока и подогнать размеры баннера 4 https://prnt.sc/hl4q9m
Чтобы отображалось 3 новости. Краткое описание новости не более 2 строк

В разделе Настройки - Основные поставьте галочку около пункта:  Группировать новости в блоке навигации на сайте , новости появятся?

#5 Ribka

Ribka

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

  • Пользователи
  • PipPipPipPip
  • 226 сообщений

Отправлено 09 Декабрь 2017 - 18:53

Просмотр сообщенияMikDark (09 Декабрь 2017 - 18:24) писал:

В разделе Настройки - Основные поставьте галочку около пункта:  Группировать новости в блоке навигации на сайте , новости появятся?

галочка была всегда.
новости не отображаются

#6 Stasya

Stasya

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

  • Модератоpы
  • 4 007 сообщений

Отправлено 12 Декабрь 2017 - 10:43

Просмотр сообщенияRibka (09 Декабрь 2017 - 18:53) писал:

галочка была всегда.
новости не отображаются
Здравствуйте. В шаблоне HTML найдите код
{% IFNOT news_list_shop_empty %}
						{% FOR news_list_shop %}
						  <div class="item">
								<div class="date">{news_list_shop.TIME | date("d.m.Y")}</div>
								<div class="name"><a href="{news_list_shop.URL}" class="title" title="Перейти к странице &laquo;{news_list_shop.TITLE}&raquo;">{news_list_shop.TITLE}</a></div>
								<div class="content"><p class="description">{news_list_shop.TEXT_SHORT}</p></div>
						  </div>
						{% ENDFOR %}
				  {% ENDIF %}
и замените его на
<!-- Если есть список новости магазина и если в тарифном плане подключен модуль новостей -->
				  {% IFNOT news_list_all_empty %}
						{% FOR news_list_all %}
						  <div class="item">
								<div class="date">{news_list_all.TIME | date("d.m.Y")}</div>
								<div class="name"><a href="{news_list_all.URL}" class="title" title="Перейти к странице &laquo;{news_list_shop.TITLE}&raquo;">{news_list_all.TITLE}</a></div>
								<div class="content"><p class="description">{news_list_all.TEXT_SHORT}</p></div>
						  </div>
						{% ENDFOR %}
				  {% ENDIF %}
				  <!-- END Если есть список новости магазина и если в тарифном плане подключен модуль новостей -->


#7 Ribka

Ribka

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

  • Пользователи
  • PipPipPipPip
  • 226 сообщений

Отправлено 14 Декабрь 2017 - 09:22

Просмотр сообщенияStasya (12 Декабрь 2017 - 10:43) писал:

Здравствуйте. В шаблоне HTML найдите код
{% IFNOT news_list_shop_empty %}
					 {% FOR news_list_shop %}
						 <div class="item">
							 <div class="date">{news_list_shop.TIME | date("d.m.Y")}</div>
							 <div class="name"><a href="{news_list_shop.URL}" class="title" title="Перейти к странице &laquo;{news_list_shop.TITLE}&raquo;">{news_list_shop.TITLE}</a></div>
							 <div class="content"><p class="description">{news_list_shop.TEXT_SHORT}</p></div>
						 </div>
					 {% ENDFOR %}
				 {% ENDIF %}
и замените его на
<!-- Если есть список новости магазина и если в тарифном плане подключен модуль новостей -->
				 {% IFNOT news_list_all_empty %}
					 {% FOR news_list_all %}
						 <div class="item">
							 <div class="date">{news_list_all.TIME | date("d.m.Y")}</div>
							 <div class="name"><a href="{news_list_all.URL}" class="title" title="Перейти к странице &laquo;{news_list_shop.TITLE}&raquo;">{news_list_all.TITLE}</a></div>
							 <div class="content"><p class="description">{news_list_all.TEXT_SHORT}</p></div>
						 </div>
					 {% ENDFOR %}
				 {% ENDIF %}
				 <!-- END Если есть список новости магазина и если в тарифном плане подключен модуль новостей -->

Здравствуйте!
Изменения внесла, но вернулась прошлая проблема. Страницы "Новости" и "Статьи" отображаются вместе.
Блок "новости" рассчитан изначально только для транслирования только страницы "Новости". а еще не сохранились пропорции по размерам, как я просила изначально(( Это очень важно для визуального отображения.

Цитата

- Кликабельная ссылка "Все новости" переход на страницу "новости"
- Краткий текст отображать не больше до двух строк и далее ...
Если сейчас на сайте в странице "Новости" заведена только 1 (одна) новость, то размеры самого блока https://prnt.sc/hikf51 можно сохранить? и средактировать размеры под баннер, чтобы они были одинаковы по верхним и нижним границам

#8 Ribka

Ribka

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

  • Пользователи
  • PipPipPipPip
  • 226 сообщений

Отправлено 09 Январь 2018 - 21:32

Здравствуйте. Подскажите по вопросу выше?

Цитата

Здравствуйте!
Изменения внесла, но вернулась прошлая проблема. Страницы "Новости" и "Статьи" отображаются вместе.
Блок "новости" рассчитан изначально только для транслирования только страницы "Новости". а еще не сохранились пропорции по размерам, как я просила изначально(( Это очень важно для визуального отображения.

Цитата


- Кликабельная ссылка "Все новости" переход на страницу "новости"
- Краткий текст отображать не больше до двух строк и далее ...

Если сейчас на сайте в странице "Новости" заведена только 1 (одна) новость, то размеры самого блока https://prnt.sc/hikf51 можно сохранить? и средактировать размеры под баннер, чтобы они были одинаковы по верхним и нижним границам

А еще сейчас на главной странице отражается 4 новости. Можно сделат до 3х штук?

#9 Stasya

Stasya

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

  • Модератоpы
  • 4 007 сообщений

Отправлено 12 Январь 2018 - 15:57

Просмотр сообщенияRibka (14 Декабрь 2017 - 09:22) писал:

Здравствуйте!
Изменения внесла, но вернулась прошлая проблема. Страницы "Новости" и "Статьи" отображаются вместе.
Блок "новости" рассчитан изначально только для транслирования только страницы "Новости". а еще не сохранились пропорции по размерам, как я просила изначально(( Это очень важно для визуального отображения.

Если сейчас на сайте в странице "Новости" заведена только 1 (одна) новость, то размеры самого блока https://prnt.sc/hikf51 можно сохранить? и средактировать размеры под баннер, чтобы они были одинаковы по верхним и нижним границам
Здравствуйте. В шаблоне HTML найдите блок
<!-- Если есть список новости магазина и если в тарифном плане подключен модуль новостей -->
								 {% IFNOT news_list_all_empty %}
										 {% FOR news_list_all %}
												 <div class="item">
														 <div class="date">{news_list_all.TIME | date("d.m.Y")}</div>
														 <div class="name"><a href="{news_list_all.URL}" class="title" title="Перейти к странице &laquo;{news_list_shop.TITLE}&raquo;">{news_list_all.TITLE}</a></div>
														 <div class="content"><p class="description">{news_list_all.TEXT_SHORT}</p></div>
												 </div>
										 {% ENDFOR %}
								 {% ENDIF %}
								 <!-- END Если есть список новости магазина и если в тарифном плане подключен модуль новостей -->
и замените его на
{% IFNOT news_list_shop_empty %}
										 {% FOR news_list_shop %}
{% IF news_list_shop.index <4 %}
												 <div class="item">
														 <div class="date">{news_list_shop.TIME | date("d.m.Y")}</div>
														 <div class="name"><a href="{news_list_shop.URL}" class="title" title="Перейти к странице &laquo;{news_list_shop.TITLE}&raquo;">{news_list_shop.TITLE}</a></div>
														 <div class="content"><p class="description">{news_list_shop.TEXT_SHORT}</p></div>
												 </div>
{% ENDIF %}
										 {% ENDFOR %}
								 {% ENDIF %}
Затем в разделе Настройки-> Основные снять галочку Группировать новости в блоке навигации на сайте . После этого в конец файла main.css добавьте блок
$(dicument).ready(function(){
$('.block-news .item').each(function(){
var text = $(this).find('.description').text();
var str = text.slice(0,180); //например макс 100 символов
var a = str.split(' ');
a.splice(a.length-1,1);
str = a.join(' ');
$(this).find('.description').text(str+' ...');
})
})


#10 Ribka

Ribka

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

  • Пользователи
  • PipPipPipPip
  • 226 сообщений

Отправлено 12 Январь 2018 - 16:15

Просмотр сообщенияStasya (12 Январь 2018 - 15:57) писал:

Здравствуйте. В шаблоне HTML найдите блок
<!-- Если есть список новости магазина и если в тарифном плане подключен модуль новостей -->
								 {% IFNOT news_list_all_empty %}
										 {% FOR news_list_all %}
												 <div class="item">
														 <div class="date">{news_list_all.TIME | date("d.m.Y")}</div>
														 <div class="name"><a href="{news_list_all.URL}" class="title" title="Перейти к странице &laquo;{news_list_shop.TITLE}&raquo;">{news_list_all.TITLE}</a></div>
														 <div class="content"><p class="description">{news_list_all.TEXT_SHORT}</p></div>
												 </div>
										 {% ENDFOR %}
								 {% ENDIF %}
								 <!-- END Если есть список новости магазина и если в тарифном плане подключен модуль новостей -->
и замените его на
{% IFNOT news_list_shop_empty %}
										 {% FOR news_list_shop %}
{% IF news_list_shop.index <4 %}
												 <div class="item">
														 <div class="date">{news_list_shop.TIME | date("d.m.Y")}</div>
														 <div class="name"><a href="{news_list_shop.URL}" class="title" title="Перейти к странице &laquo;{news_list_shop.TITLE}&raquo;">{news_list_shop.TITLE}</a></div>
														 <div class="content"><p class="description">{news_list_shop.TEXT_SHORT}</p></div>
												 </div>
{% ENDIF %}
										 {% ENDFOR %}
								 {% ENDIF %}
Затем в разделе Настройки-> Основные снять галочку Группировать новости в блоке навигации на сайте . После этого

Внесла изменения.

- Как сделать, чтобы в кратком описании новости на главной отображалось только первые две строчки?
- Как увеличить шрифт в названии "Новости"?

#11 Stasya

Stasya

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

  • Модератоpы
  • 4 007 сообщений

Отправлено 12 Январь 2018 - 17:18

Просмотр сообщенияRibka (12 Январь 2018 - 16:15) писал:

Внесла изменения.

- Как сделать, чтобы в кратком описании новости на главной отображалось только первые две строчки?
- Как увеличить шрифт в названии "Новости"?
1) Дописала инструкцию ранее
2) В конец файла main.css добавьте блок
#news h2.title a {
	font-size: 24px;
}


#12 Ribka

Ribka

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

  • Пользователи
  • PipPipPipPip
  • 226 сообщений

Отправлено 12 Январь 2018 - 22:39

Просмотр сообщенияStasya (12 Январь 2018 - 17:18) писал:

1) Дописала инструкцию ранее
2) В конец файла main.css добавьте блок
#news h2.title a {
font-size: 24px;
}


Цитата

Затем в разделе Настройки-> Основные снять галочку Группировать новости в блоке навигации на сайте . После этого в конец файла main.css добавьте блок
$(dicument).ready(function(){
$('.block-news .item').each(function(){
var text = $(this).find('.description').text();
var str = text.slice(0,180); //например макс 100 символов
var a = str.split(' ');
a.splice(a.length-1,1);
str = a.join(' ');
$(this).find('.description').text(str+' ...');
})
})

я добавила не в main.css, а в main.js - мне кажется этот код туда нужно внести (но пробовала добавить и в main.css).
Изменений не вижу(((

Так куда все таки добавить этот код?

Цитата

$(dicument).ready(function(){
$('.block-news .item').each(function(){
var text = $(this).find('.description').text();
var str = text.slice(0,180); //например макс 100 символов
var a = str.split(' ');
a.splice(a.length-1,1);
str = a.join(' ');
$(this).find('.description').text(str+' ...');
})

и что сделать с этим кодом? удалить или оставить?
.more_filter_attr {cursor: pointer;color: #8b2c2a;font-weight: bold;}


#13 Stasya

Stasya

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

  • Модератоpы
  • 4 007 сообщений

Отправлено 12 Январь 2018 - 22:49

Просмотр сообщенияRibka (12 Январь 2018 - 22:39) писал:

я добавила не в main.css, а в main.js - мне кажется этот код туда нужно внести (но пробовала добавить и в main.css).
Изменений не вижу(((

Так куда все таки добавить этот код?


и что сделать с этим кодом? удалить или оставить?
.more_filter_attr {cursor: pointer;color: #8b2c2a;font-weight: bold;}
Приношу свои извинения, в сообщение есть 2 маленьких ошибки. Код надо вставить в main.js, но в самой первой его (кода) строке код
$(dicument).ready(function(){
замените на
$(document).ready(function(){


#14 Ribka

Ribka

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

  • Пользователи
  • PipPipPipPip
  • 226 сообщений

Отправлено 12 Январь 2018 - 23:28

Просмотр сообщенияStasya (12 Январь 2018 - 22:49) писал:

Приношу свои извинения, в сообщение есть 2 маленьких ошибки. Код надо вставить в main.js, но в самой первой его (кода) строке код
$(dicument).ready(function(){
замените на
$(document).ready(function(){

Внесла изменения. Ну вроде так, да.
А вот смотрите, в первой новости идет одна строка и там менее 100 символов. Почему он тоже его сократил?

и возможно ли уменьшить отступы? чтобы компактнее был текст (в новости и между ними)

#15 Stasya

Stasya

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

  • Модератоpы
  • 4 007 сообщений

Отправлено 19 Январь 2018 - 11:46

Просмотр сообщенияRibka (12 Январь 2018 - 23:28) писал:

Внесла изменения. Ну вроде так, да.
А вот смотрите, в первой новости идет одна строка и там менее 100 символов. Почему он тоже его сократил?

и возможно ли уменьшить отступы? чтобы компактнее был текст (в новости и между ними)
Здравствуйте. В файле main.js найдите код
var str = text.slice(0, 180); //например макс 100 символов
var a = str.split(' ');
a.splice(a.length-1,1);
str = a.join(' ');
$(this).find('.description').text(str+' ...');
и замените его на
if(text.length > 180){
var str = text.slice(0, 180); //например макс 100 символов
var a = str.split(' ');
a.splice(a.length-1,1);
str = a.join(' ');
$(this).find('.description').text(str+' ...');
}

В файле mian.css найдите код
#news .item .date {float: left;color: #000;margin-right: 15px;margin-bottom: 10px;font-weight: bold;}
и замените его на
#news .item .date {float: left;color: #000;margin-right: 15px;margin-bottom: 5px;font-weight: bold;}
Далее найдите
#news .item .name {display: block;font-size: 14px;margin-bottom: 10px;float: left;width: calc(100% - 190px);text-align: left;font-weight: bold;color: #8C2C29;}
и замените его на
#news .item .name {display: block;font-size: 14px;margin-bottom: 5px;float: left;width: calc(100% - 190px);text-align: left;font-weight: bold;color: #8C2C29;}
#news .item p.description{margin: 0 0 10px}


#16 Ribka

Ribka

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

  • Пользователи
  • PipPipPipPip
  • 226 сообщений

Отправлено 20 Январь 2018 - 19:21

Просмотр сообщенияStasya (19 Январь 2018 - 11:46) писал:

Здравствуйте. В файле main.js найдите код
var str = text.slice(0, 180); //например макс 100 символов
var a = str.split(' ');
a.splice(a.length-1,1);
str = a.join(' ');
$(this).find('.description').text(str+' ...');
и замените его на
if(text.length > 180){
var str = text.slice(0, 180); //например макс 100 символов
var a = str.split(' ');
a.splice(a.length-1,1);
str = a.join(' ');
$(this).find('.description').text(str+' ...');
}

В файле mian.css найдите код
#news .item .date {float: left;color: #000;margin-right: 15px;margin-bottom: 10px;font-weight: bold;}
и замените его на
#news .item .date {float: left;color: #000;margin-right: 15px;margin-bottom: 5px;font-weight: bold;}
Далее найдите
#news .item .name {display: block;font-size: 14px;margin-bottom: 10px;float: left;width: calc(100% - 190px);text-align: left;font-weight: bold;color: #8C2C29;}
и замените его на
#news .item .name {display: block;font-size: 14px;margin-bottom: 5px;float: left;width: calc(100% - 190px);text-align: left;font-weight: bold;color: #8C2C29;}
#news .item p.description{margin: 0 0 10px}

Все изменения я внесла.
Скажите, пожалуйста, на последок, как выровнять все границы на странице? все границы блоков, картинок?  https://prnt.sc/i34x11
Чтобы картинка "подарочные сертификаты" была по размеру такой же как выше?

#17 Ирина345

Ирина345

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

  • Модераторы
  • 5 709 сообщений

Отправлено 25 Январь 2018 - 10:28

Просмотр сообщенияRibka (20 Январь 2018 - 19:21) писал:

Все изменения я внесла.
Скажите, пожалуйста, на последок, как выровнять все границы на странице? все границы блоков, картинок?  https://prnt.sc/i34x11
Чтобы картинка "подарочные сертификаты" была по размеру такой же как выше?
Здравствуйте, найдите в файле main.css код
.banner img {
	width: 100%;
	height: auto;
}
замените на
.banner img {
	width: 100%;
	height: 200px;
}


#18 Ribka

Ribka

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

  • Пользователи
  • PipPipPipPip
  • 226 сообщений

Отправлено 25 Январь 2018 - 10:41

Просмотр сообщенияИрина345 (25 Январь 2018 - 10:28) писал:

Здравствуйте, найдите в файле main.css код
.banner img {
width: 100%;
height: auto;
}
замените на
.banner img {
width: 100%;
height: 200px;
}

Спасибо.блок с новостями выровнялся.
а вот картинка рядом "подарочные сертификаты" нет. Можно ее сделать размером, как чуть выше картинки? (края)

#19 Stasya

Stasya

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

  • Модератоpы
  • 4 007 сообщений

Отправлено 25 Январь 2018 - 15:15

Просмотр сообщенияRibka (20 Январь 2018 - 19:21) писал:

Все изменения я внесла.
Скажите, пожалуйста, на последок, как выровнять все границы на странице? все границы блоков, картинок?  https://prnt.sc/i34x11
Чтобы картинка "подарочные сертификаты" была по размеру такой же как выше?
Здравствуйте. В файле main.css найдите код
.banner img {
width: 100%;
height: 200px;
}
и после него вставьте
.banner-bottom.banner{padding:0 4px}
После этого в шаблоне HTML найдите код
<div class="banner col-md-4 col-sm-6 col-sms-6 col-smb-12"><a href="/catalog/Podarochnye-sertifikaty"><img src="{ASSETS_IMAGES_PATH}banner4.jpg" alt="Подарочный сертификат"/></div>
и замените его на
<div class="banner-bottom banner col-md-4 col-sm-6 col-sms-6 col-smb-12"><a href="/catalog/Podarochnye-sertifikaty"><img src="{ASSETS_IMAGES_PATH}banner4.jpg" alt="Подарочный сертификат"/></div>


#20 Ribka

Ribka

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

  • Пользователи
  • PipPipPipPip
  • 226 сообщений

Отправлено 25 Январь 2018 - 21:30

Просмотр сообщенияStasya (25 Январь 2018 - 15:15) писал:

Здравствуйте. В файле main.css найдите код
.banner img {
width: 100%;
height: 200px;
}
и после него вставьте
.banner-bottom.banner{padding:0 4px}
После этого в шаблоне HTML найдите код
<div class="banner col-md-4 col-sm-6 col-sms-6 col-smb-12"><a href="/catalog/Podarochnye-sertifikaty"><img src="{ASSETS_IMAGES_PATH}banner4.jpg" alt="Подарочный сертификат"/></div>
и замените его на
<div class="banner-bottom banner col-md-4 col-sm-6 col-sms-6 col-smb-12"><a href="/catalog/Podarochnye-sertifikaty"><img src="{ASSETS_IMAGES_PATH}banner4.jpg" alt="Подарочный сертификат"/></div>

Супер, отлично))
а скажите, пожалуйста, я вроде писала выше о том, чтобы на главной странице в новостной ленте отображалось 3 новости (или даже 4), а как изменить чтобы всегда было фиксированно 2?




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных