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


Как Перенести Блоки "новости" И "статьи" "материалы "сми"


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

#1 prukon

prukon

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 174 сообщений
  • ГородСанкт-Петербург

Отправлено 23 Январь 2015 - 14:59

Как перенести блоки "новости" и "статьи" "материалы СМИ" в область как я указал на скриншоте?

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

  • Снимок-экрана-2015-01-23-в-14.55.18.png


#2 Alekseys

Alekseys

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

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

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

Просмотр сообщенияprukon (23 Январь 2015 - 14:59) писал:

Как перенести блоки "новости" и "статьи" "материалы СМИ" в область как я указал на скриншоте?
Здравствуйте. В шаблоне HTML перенесите
<div class="news">
						<!-- Если есть список новости магазина и если в тарифном плане подключен модуль новостей -->
						{% IFNOT news_list_shop_empty && TARIFF_FEATURE_NEWS %}
							<div class="news_list_shop column ">
								<div class="newHead">
								  <h4><a href="{NEWS_SHOP_URL}" title="Перейти к странице &laquo;Новости&raquo;">Новости<span class="toggleImg hide"></span></a></h4>
								</div>
								<div class="newCont">
								  <ul class="postList">
									{% FOR news_list_shop %}
										<!-- Вывод не больше 4 пунктов новостей -->
										{% IF news_list_articles.index > 4 %} {break} {% ENDIF %}
										<li><a href="{news_list_shop.URL}" title="Перейти к странице &laquo;{news_list_shop.TITLE}&raquo;" {% IF news_list_shop.ID = NEWS_ID %} class="selected" {%ENDIF%}>{news_list_shop.TITLE}</a></li>
									{% ENDFOR %}
								  </ul>
								</div>
							</div>
						{% ENDIF %}
						<!-- END Если есть список новости магазина и если в тарифном плане подключен модуль новостей -->
						<!-- Если есть список статей магазина и если в тарифном плане подключен модуль новостей -->
						{% IFNOT news_list_articles_empty && TARIFF_FEATURE_NEWS %}
							<div class="news_list_articles column ">
								<div class="newHead">
								  <h4><a href="{NEWS_ARTICLES_URL}" title="Перейти к странице &laquo;Статьи&raquo;">Статьи<span class="toggleImg hide"></span></a></h4>
								</div>
								<div class="newCont">
								  <ul class="postList">
									{% FOR news_list_articles %}
										<!-- Вывод не больше 4 пунктов новостей -->
										{% IF news_list_articles.index > 4 %} {break} {% ENDIF %}
										<li><a href="{news_list_articles.URL}" title="Перейти к странице &laquo;{news_list_articles.TITLE}&raquo;" {% IF news_list_articles.ID = NEWS_ID %} class="selected" {%ENDIF%}>{news_list_articles.TITLE}</a></li>
									{% ENDFOR %}
								  </ul>
								</div>
							</div>
						{% ENDIF %}
						<!-- END Если есть список статей магазина и если в тарифном плане подключен модуль новостей -->
						<!-- Если есть список материалов СМИ магазина и если в тарифном плане подключен модуль новостей -->
						{% IFNOT news_list_mass_media_empty && TARIFF_FEATURE_NEWS %}
							<div class="news_list_mass_media column ">
								<div class="newHead">
								  <h4><a href="{NEWS_MASS_MEDIA_URL}" title="Перейти к странице &laquo;Материалы СМИ&raquo;">Материалы СМИ<span class="toggleImg hide"></span></a></h4>
								</div>
								<div class="newCont">
								  <ul class="postList">
									{% FOR news_list_mass_media %}
										<!-- Вывод не больше 4 пунктов новостей -->
										{% IF news_list_mass_media.index > 4 %} {break} {% ENDIF %}
										<li><a href="{news_list_mass_media.URL}" title="Перейти к странице &laquo;{news_list_mass_media.TITLE}&raquo;" {% IF news_list_mass_media.ID = NEWS_ID %} class="selected" {%ENDIF%}>{news_list_mass_media.TITLE}</a></li>
									{% ENDFOR %}
								  </ul>
								</div>
							</div>
						{% ENDIF %}
						<!-- END Если есть список материалов СМИ магазина и если в тарифном плане подключен модуль новостей -->
					</div>
поставив перед
</div><!-- .left-sidebar -->
			   
		   
				<div class="container">
					<main class="content">
и в main.css замените
.news {
float: left;
overflow: hidden;
padding-top: 5px;
width: 74%;
}
на
.news {
float: left;
overflow: hidden;
padding-top: 5px;
width: 100%;
margin-top: 55px;
}
и добавьте в конец main.css
.newHead h4 a {
color: #ECF0F1;
}
.newHead h4 {
padding: 4px 6px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #34495E;
color: #ECF0F1;
width: 94%;
}


#3 prukon

prukon

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 174 сообщений
  • ГородСанкт-Петербург

Отправлено 23 Январь 2015 - 16:40

Перенести получилось, но не совсем так. Сейчас блоки отображаются в 3 столбика. Как сделать их друг за другом в 1 столблик?  Сначала новости, потом статьи, потом материалы сми.

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

  • Снимок экрана 2015-01-23 в 16.37.48.png


#4 Alekseys

Alekseys

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

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

Отправлено 23 Январь 2015 - 16:51

Просмотр сообщенияprukon (23 Январь 2015 - 16:40) писал:

Перенести получилось, но не совсем так. Сейчас блоки отображаются в 3 столбика. Как сделать их друг за другом в 1 столблик?  Сначала новости, потом статьи, потом материалы сми.
Вы не полностью выполнили инструкции. После выполнения инструкций не отменяйте изменения, чтобы можно было подкорректировать изменения.

#5 prukon

prukon

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 174 сообщений
  • ГородСанкт-Петербург

Отправлено 23 Январь 2015 - 17:01

вернул, как было сказано.

#6 Alekseys

Alekseys

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

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

Отправлено 23 Январь 2015 - 17:09

Просмотр сообщенияprukon (23 Январь 2015 - 17:01) писал:

вернул, как было сказано.
В main.css замените
.column {
display: block;
float: left;
margin: 0 0.5%;
padding: 0.8% 1.1%;
width: 28.5%;
}
на
.column {
display: block;
float: left;
margin: 0 0.5%;
padding: 0.8% 1.1%;
width: 100%;
}


#7 prukon

prukon

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 174 сообщений
  • ГородСанкт-Петербург

Отправлено 24 Январь 2015 - 22:16

спасибо




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

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