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


Блок Новостей


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

#1 Виталий78

Виталий78

    Новичок

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

Отправлено 29 Ноябрь 2015 - 23:03

Доброго времени суток. Как поднять блок новостей из правого нижнего угла под слайдер?
SL-363013

#2 Юля123

Юля123

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

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

Отправлено 30 Ноябрь 2015 - 10:22

Просмотр сообщенияВиталий78 (29 Ноябрь 2015 - 23:03) писал:

Доброго времени суток. Как поднять блок новостей из правого нижнего угла под слайдер?
SL-363013

Здравствуйте, в шаблоне HTML найдите  и удалите код:

			<!-- Новости -->
			<!--  Если есть список из любых новостей и если в тарифном плане подключен модуль новостей -->
			{% IFNOT news_list_all_empty && TARIFF_FEATURE_NEWS %}
			<div class="col-xs-12 col-sm-6 col-md-3 widget links-news">
			  <div class="footer-header">
				<a href="{NEWS_ALL_URL}"><h3 class="title">Новости</h3></a>
			  </div>
			  {% FOR news_list_all %}
			  {% IF news_list_all.index > 5 %}{break}{% ENDIF %}
				<ul>
				  <li>
					<a href="{news_list_all.URL}">{news_list_all.TITLE}</a>
					<span class="text-italic">{news_list_all.TIME | date("d.m.Y")}</span>
				  </li>
				</ul>
			  {% ENDFOR %}			  
			</div>
			{% ENDIF %}
			<!--  END Если есть список из любых новостей и если в тарифном плане подключен модуль новостей -->
			<!-- Если есть список новости магазина и если в тарифном плане подключен модуль новостей -->
			{% IFNOT news_list_shop_empty && TARIFF_FEATURE_NEWS %}
			<div class="col-xs-12 col-sm-6 col-md-3 widget links-news">
			  <div class="footer-header">
				<a href="{NEWS_SHOP_URL}"><h3 class="title">Новости</h3></a>
			  </div>
			  <ul>
			  {% FOR news_list_shop %}
				{% IF news_list_shop.index > 5 %}{break}{% ENDIF %}
				  <li>
					<a href="{news_list_shop.URL}">{news_list_shop.TITLE}</a>
					<span class="text-italic">{news_list_shop.TIME | date("d.m.Y")}</span>
				  </li>
			  {% ENDFOR %}
			  </ul>
			</div>
			{% ENDIF %}
			<!-- END Если есть список новости магазина и если в тарифном плане подключен модуль новостей -->
			<!-- END Новости -->


далее найдите код:

		<!-- Jssor Slider Слайдер Конец -->

и замените его на код:

		<!-- Jssor Slider Слайдер Конец -->
	   
	   
			<!-- Новости -->
			<!--  Если есть список из любых новостей и если в тарифном плане подключен модуль новостей -->
			{% IFNOT news_list_all_empty && TARIFF_FEATURE_NEWS %}
			<div class="widget links-news">
			  <div class="news">
				<a href="{NEWS_ALL_URL}"><h3 class="title">Новости</h3></a>
			  </div>
			  {% FOR news_list_all %}
			  {% IF news_list_all.index > 5 %}{break}{% ENDIF %}
				<ul>
				  <li>
					<a href="{news_list_all.URL}">{news_list_all.TITLE}</a>
					<span class="text-italic">{news_list_all.TIME | date("d.m.Y")}</span>
				  </li>
				</ul>
			  {% ENDFOR %}			  
			</div>
			{% ENDIF %}
			<!--  END Если есть список из любых новостей и если в тарифном плане подключен модуль новостей -->
			<!-- Если есть список новости магазина и если в тарифном плане подключен модуль новостей -->
			{% IFNOT news_list_shop_empty && TARIFF_FEATURE_NEWS %}
			<div class="widget links-news">
			  <div class="news">
				<a href="{NEWS_SHOP_URL}"><h3 class="title">Новости</h3></a>
			  </div>
			  <ul>
			  {% FOR news_list_shop %}
				{% IF news_list_shop.index > 5 %}{break}{% ENDIF %}
				  <li>
					<a href="{news_list_shop.URL}">{news_list_shop.TITLE}</a>
					<span class="text-italic">{news_list_shop.TIME | date("d.m.Y")}</span>
				  </li>
			  {% ENDFOR %}
			  </ul>
			</div>
			{% ENDIF %}
			<!-- END Если есть список новости магазина и если в тарифном плане подключен модуль новостей -->
			<!-- END Новости -->

в конце main.css добавьте код:

.news {
	text-align: center;
}
.widget.links-news ul li {
	text-align: center;
}

блок новостей будет расположен под слайдером по центру.

#3 Виталий78

Виталий78

    Новичок

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

Отправлено 30 Ноябрь 2015 - 23:49

Спасибо за оперативную помощь!
Но возникло два вопроса:
1. Новостной блок привязался к левому краю
2. Я, как выяснилось, не совсем правильно сформулировал задачу: необходимо разместить блок под названием магазина.

В коде
.news {
	 text-align: center;
}
.widget.links-news ul li {
	 text-align: center;
}
ul li выделяются красным с пометкой Don't use adjoining classes

И еще вопрос: как увеличить размер шрифта в новостях?

Прикрепленные изображения

  • новости.png


#4 RedHead

RedHead

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

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

Отправлено 01 Декабрь 2015 - 10:17

Просмотр сообщенияВиталий78 (30 Ноябрь 2015 - 23:49) писал:

Спасибо за оперативную помощь!
Но возникло два вопроса:
1. Новостной блок привязался к левому краю
2. Я, как выяснилось, не совсем правильно сформулировал задачу: необходимо разместить блок под названием магазина.
В коде
.news {
	 text-align: center;
}
.widget.links-news ul li {
	 text-align: center;
}
ul li выделяются красным с пометкой Don't use adjoining classes
И еще вопрос: как увеличить размер шрифта в новостях?

Здравствуйте!
В шаблоне html блок кода

<!-- Если есть список новости магазина и если в тарифном плане подключен модуль новостей -->
						{% IFNOT news_list_shop_empty && TARIFF_FEATURE_NEWS %}
						<div class="widget links-news">
						  <div class="news">
								<a href="{NEWS_SHOP_URL}"><h3 class="title">Новости</h3></a>
						  </div>
						  <ul>
						  {% FOR news_list_shop %}
								{% IF news_list_shop.index > 5 %}{break}{% ENDIF %}
								  <li>
										<a href="{news_list_shop.URL}">{news_list_shop.TITLE}</a>
										<span class="text-italic">{news_list_shop.TIME | date("d.m.Y")}</span>
								  </li>
						  {% ENDFOR %}
						  </ul>
						</div>
						{% ENDIF %}
						<!-- END Если есть список новости магазина и если в тарифном плане подключен модуль новостей -->
замените на
<!-- Если есть список новости магазина и если в тарифном плане подключен модуль новостей -->
						{% IFNOT news_list_shop_empty && TARIFF_FEATURE_NEWS %}
						<div class="widget links-news">
						  <div class="news" style="text-align: center;">
								<a href="{NEWS_SHOP_URL}"><h3 class="title">Новости</h3></a>
						  </div>
						  <ul style="font-size: 16px; text-align: center;">
						  {% FOR news_list_shop %}
								{% IF news_list_shop.index > 5 %}{break}{% ENDIF %}
								  <li>
										<a href="{news_list_shop.URL}">{news_list_shop.TITLE}</a>
										<span class="text-italic">{news_list_shop.TIME | date("d.m.Y")}</span>
								  </li>
						  {% ENDFOR %}
						  </ul>
						</div>
						{% ENDIF %}
						<!-- END Если есть список новости магазина и если в тарифном плане подключен модуль новостей -->


#5 Виталий78

Виталий78

    Новичок

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

Отправлено 01 Декабрь 2015 - 12:39

Спасибо, шрифт увеличился, но вопросы 1 и 2 не решились...

#6 Юля123

Юля123

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

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

Отправлено 01 Декабрь 2015 - 14:58

Просмотр сообщенияВиталий78 (01 Декабрь 2015 - 12:39) писал:

Спасибо, шрифт увеличился, но вопросы 1 и 2 не решились...


Здравствуйте, попробуйте следующее:

в шаблоне HTML найдите код:

		  <!-- Вывод основной части -->
		  <div class="main container">
			<div class="row">
		   

перед ним вставьте код:


		<!-- Новости -->
			<!--  Если есть список из любых новостей и если в тарифном плане подключен модуль новостей -->
			{% IFNOT news_list_all_empty && TARIFF_FEATURE_NEWS %}
			<div class="col-xs-12 col-sm-12 col-md-12 widget links-news" style="text-align:center; font-size:16px;">
			  <div class="footer-header">
				<a href="{NEWS_ALL_URL}"><h3 class="title">Новости</h3></a>
			  </div>
			  {% FOR news_list_all %}
			  {% IF news_list_all.index > 5 %}{break}{% ENDIF %}
				<ul>
				  <li>
					<a href="{news_list_all.URL}">{news_list_all.TITLE}</a>
					<span class="text-italic">{news_list_all.TIME | date("d.m.Y")}</span>
				  </li>
				</ul>
			  {% ENDFOR %}			  
			</div>
			{% ENDIF %}
			<!--  END Если есть список из любых новостей и если в тарифном плане подключен модуль новостей -->
			<!-- Если есть список новости магазина и если в тарифном плане подключен модуль новостей -->
			{% IFNOT news_list_shop_empty && TARIFF_FEATURE_NEWS %}
			<div class="col-xs-12 col-sm-12 col-md-12 widget links-news"  style="text-align:center;">
			  <div class="footer-header">
				<a href="{NEWS_SHOP_URL}"><h3 class="title">Новости</h3></a>
			  </div>
			  <ul>
			  {% FOR news_list_shop %}
				{% IF news_list_shop.index > 5 %}{break}{% ENDIF %}
				  <li>
					<a href="{news_list_shop.URL}">{news_list_shop.TITLE}</a>
					<span class="text-italic">{news_list_shop.TIME | date("d.m.Y")}</span>
				  </li>
			  {% ENDFOR %}
			  </ul>
			</div>
			{% ENDIF %}
			<!-- END Если есть список новости магазина и если в тарифном плане подключен модуль новостей -->
			<!-- END Новости -->


#7 Виталий78

Виталий78

    Новичок

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

Отправлено 02 Декабрь 2015 - 00:17

Спасибо! Все заработало!




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

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