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


Изменение Оформления Раздела "новости" (Блога)

Автор Ivanzhi, 05 нояб. 2017 17:16

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

#1 Ivanzhi

Ivanzhi

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

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

Отправлено 05 Ноябрь 2017 - 17:16

Добрый день. Мы бы хотели видоизменить раздел новостей на нашем сайте.

1. Убрать из новостей каталог товаров
2. Убрать дублирование заголовков. И переименовать его на "Блог" и разместить по центру
3. Изменить список новостей на две колонки с возможностью добавления картинки к каждой. Чтобы это выглядело примерно вот так (файл блог переделка)

Заранее спасибо.

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

  • блог.png
  • блог переделка.jpg

#2 metry

metry

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

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

Отправлено 05 Ноябрь 2017 - 20:23

Добрый день.

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

.news-box .block-title {min-height: 30px;height: auto;margin-bottom: 20px;}

замените на:
.news-box .block-title {min-height: 30px;height: auto;margin-bottom: 20px;display:none;}

далее зайдите в Редактор шаблонов-->HTML и найдите:
			 {% ELSEIF CURRENT_URL=NEWS_SHOP_URL || CURRENT_URL=NEWS_ARTICLES_URL || CURRENT_URL=NEWS_MASS_MEDIA_URL || CURRENT_URL=NEWS_ALL_URL %}
			 <h1 class="title">{NEWS_SECTION_NAME}</h1>

замените на:
{% ELSEIF CURRENT_URL=NEWS_SHOP_URL || CURRENT_URL=NEWS_ARTICLES_URL || CURRENT_URL=NEWS_MASS_MEDIA_URL || CURRENT_URL=NEWS_ALL_URL %}
			 <h1 class="title">Блог</h1>

1. В HTML найдите:
<!-- /END Подвал -->

и после него вставьте:
{% IF CURRENT_URL=NEWS_SHOP_URL || CURRENT_URL=NEWS_ARTICLES_URL || CURRENT_URL=NEWS_MASS_MEDIA_URL || CURRENT_URL=NEWS_ALL_URL || MOD_LNAME=news %}
<style>
.sidebar.col-left{display:none;}
</style>

3. Зайдите в Редактор шаблонов-->Список новостей и найдите:
<div class="news-content"><p>{news_list.TEXT_SHORT}</p></div>

замените на:

<div class="news-content"><p>{news_list.TEXT_SHORT| htmlspecialchars_decode}</p></div>

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

.viewed .block-content .item .actions {position: absolute;margin: 0;bottom: -30px;z-index: 1;opacity: 0;}

и после него вставьте:

.news-box .news {border-bottom: 1px solid #dddddd;margin-bottom: 20px;padding-bottom: 5px;float: left;width: 45%;margin-left: 1%;display: inline-block;height: 140px;}


далее в конец кода main.css вставьте:
.news-content img{float:left;height:120px;width:auto;}


далее в редактирование новости в поле краткого описания новости вставьте ссылку на картинку вида(см. во вложении)

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

  • 1.png
  • 2.png

#3 Ivanzhi

Ivanzhi

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

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

Отправлено 11 Ноябрь 2017 - 15:28

Аккаунт SL-388833
Большое спасибо за скорый ответ. Мы все сделали, но возникла ошибка при сохранении кода HTML. "ошибка компиляции шаблона. Не закрытый тег "IF" строка 1305."
Скажите, как это исправить?

И еще вопрос. Как убрать боковое меню каталога слева из раздела новостей ?

#4 Stasya

Stasya

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

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

Отправлено 15 Ноябрь 2017 - 14:46

Просмотр сообщенияIvanzhi (11 Ноябрь 2017 - 15:28) писал:

Аккаунт SL-388833
Большое спасибо за скорый ответ. Мы все сделали, но возникла ошибка при сохранении кода HTML. "ошибка компиляции шаблона. Не закрытый тег "IF" строка 1305."
Скажите, как это исправить?

И еще вопрос. Как убрать боковое меню каталога слева из раздела новостей ?
Здравствуйте. В пункте 1 после кода 
<!-- /END Подвал -->
вставьте код 
{% IF CURRENT_URL=NEWS_SHOP_URL || CURRENT_URL=NEWS_ARTICLES_URL || CURRENT_URL=NEWS_MASS_MEDIA_URL || CURRENT_URL=NEWS_ALL_URL || MOD_LNAME=news %}
<style>
.sidebar.col-left{display:none;}
</style>
{% ENDIF %}
В шаблоне HTML найдите код
<!-- Каталог -->
			{% IFNOT catalog_full_empty %}
			<div class="block menu">
			  <div class="block-title"><a href="{CATALOG_URL}"><h3>Каталог</h3></a></div>
				<div class="block-menu-content">
				  <ul>
					{% FOR catalog_full %}
					  {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub">{% ENDIF %}{% ENDIF %}
						<li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.LEVEL = 0 %}subhead{% ENDIF %} {% IF catalog_full.CURRENT || catalog_full.CURRENT_PARENT %}active{% ENDIF %}">
						  <a href="{catalog_full.URL}" {% IF catalog_full.CURRENT %}class="active"{% ENDIF %}>{% IF catalog_full.ISSET_SUB %}<span class="open-sub {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></span>{% ENDIF %}{catalog_full.NAME}</a>
						{% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
						{% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
					{% ENDFOR %}
				  </ul>
				</div>
			</div>
			{% ENDIF %}
			<!-- /END Каталог -->
и замените его на 
{% IFNOT MOD_LNAME = news %}
<!-- Каталог -->
			{% IFNOT catalog_full_empty %}
			<div class="block menu">
			  <div class="block-title"><a href="{CATALOG_URL}"><h3>Каталог</h3></a></div>
				<div class="block-menu-content">
				  <ul>
					{% FOR catalog_full %}
					  {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub">{% ENDIF %}{% ENDIF %}
						<li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.LEVEL = 0 %}subhead{% ENDIF %} {% IF catalog_full.CURRENT || catalog_full.CURRENT_PARENT %}active{% ENDIF %}">
						  <a href="{catalog_full.URL}" {% IF catalog_full.CURRENT %}class="active"{% ENDIF %}>{% IF catalog_full.ISSET_SUB %}<span class="open-sub {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></span>{% ENDIF %}{catalog_full.NAME}</a>
						{% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
						{% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
					{% ENDFOR %}
				  </ul>
				</div>
			</div>
			{% ENDIF %}
			<!-- /END Каталог -->
{% ENDIF %}

#5 Ivanzhi

Ivanzhi

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

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

Отправлено 26 Ноябрь 2017 - 16:09

Аккаунт SL-388833
Большое вам спасибо. Остался вопрос как нам выровнять содержимое ленты новостей и страницы самой новости по ширине. Слева осталось пустое пространство. Пример того, что хотелось бы видеть во вложении. И еще вопрос как выровнять заголовок новости по центру? Заранее спасибо.

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

  • блог 2.jpg
  • блог 1.jpg

#6 Ivanzhi

Ivanzhi

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

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

Отправлено 01 Декабрь 2017 - 16:13

Уважаемые модераторы, прошу вас помогите с блогом. За неделю так и не дождались никакого ответа от вас.

#7 metry

metry

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

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

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

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

.news-box .news .news-content p {margin-bottom: 5px;}

замените на:
.news-box .news .news-content p {margin-bottom: 5px;text-align:justify;}

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

<h1 class="title">{NEWS_TITLE}</h1>

замените на:

<h1 class="title" style="text-align: center;">{NEWS_TITLE}</h1>

#8 Ivanzhi

Ivanzhi

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

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

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

Аккаунт SL-388833
Спасибо. Текст заголовка новости/статьи выровнялся по центру страницы.
Теперь осталось саму статью растянуть до границ, как в примере. Пожалуйста помогите.

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

  • Как сейчас.jpg
  • Как нужно.jpg

#9 Ivanzhi

Ivanzhi

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

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

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

Уважаемые модераторы, очень просим Вас о помощи. Опять почти неделю от вас ни слуху ни духу!

#10 Vaccina

Vaccina

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

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

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

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

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
{% IF MOD_LNAME = catalog || MOD_LNAME = user || MOD_LNAME = discount || MOD_LNAME = search || MOD_LNAME = news %}
		  <div class="col-md-3 col-xs-12 sidebar col-left">
			{% IF MOD_LNAME = user && CLIENT_IS_LOGIN %}
			<div class="block user-menu">
			  <div class="block-title"><h3>Меню</h3></div>
			  <div class="block-menu-content">
				<ul>
				  <li><a href="{USER_SETTINGS_URL}">Мой кабинет</a></li>
				  <li><a href="{FAVORITES_URL}">Избранное</a></li>
				  <li><a href="{USER_HISTORY_LIST_URL}">История заказов</a></li>
				  {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}<li><a href="{COMPARE_URL}">Сравнение</a></li>{% ENDIF %}
				  <li><a href="{USER_LOGOUT_URL}">Выход</a></li>
				</ul>
			  </div>
			</div>
			{% ENDIF %}
			{% IFNOT MOD_LNAME = news %}
<!-- Каталог -->
						{% IFNOT catalog_full_empty %}
						<div class="block menu">
						  <div class="block-title"><a href="{CATALOG_URL}"><h3>Каталог</h3></a></div>
								<div class="block-menu-content">
								  <ul>
										{% FOR catalog_full %}
										  {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub">{% ENDIF %}{% ENDIF %}
												<li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.LEVEL = 0 %}subhead{% ENDIF %} {% IF catalog_full.CURRENT || catalog_full.CURRENT_PARENT %}active{% ENDIF %}">
												  <a href="{catalog_full.URL}" {% IF catalog_full.CURRENT %}class="active"{% ENDIF %}>{% IF catalog_full.ISSET_SUB %}<span class="open-sub {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></span>{% ENDIF %}{catalog_full.NAME}</a>
												{% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
												{% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
										{% ENDFOR %}
								  </ul>
								</div>
						</div>
						{% ENDIF %}
						<!-- /END Каталог -->
{% ENDIF %}



замените на:
{% IF MOD_LNAME = catalog || MOD_LNAME = user || MOD_LNAME = discount || MOD_LNAME = search %}
		  <div class="col-md-3 col-xs-12 sidebar col-left">
			{% IF MOD_LNAME = user && CLIENT_IS_LOGIN %}
			<div class="block user-menu">
			  <div class="block-title"><h3>Меню</h3></div>
			  <div class="block-menu-content">
				<ul>
				  <li><a href="{USER_SETTINGS_URL}">Мой кабинет</a></li>
				  <li><a href="{FAVORITES_URL}">Избранное</a></li>
				  <li><a href="{USER_HISTORY_LIST_URL}">История заказов</a></li>
				  {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}<li><a href="{COMPARE_URL}">Сравнение</a></li>{% ENDIF %}
				  <li><a href="{USER_LOGOUT_URL}">Выход</a></li>
				</ul>
			  </div>
			</div>
			{% ENDIF %}
<!-- Каталог -->
						{% IFNOT catalog_full_empty %}
						<div class="block menu">
						  <div class="block-title"><a href="{CATALOG_URL}"><h3>Каталог</h3></a></div>
								<div class="block-menu-content">
								  <ul>
										{% FOR catalog_full %}
										  {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub">{% ENDIF %}{% ENDIF %}
												<li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.LEVEL = 0 %}subhead{% ENDIF %} {% IF catalog_full.CURRENT || catalog_full.CURRENT_PARENT %}active{% ENDIF %}">
												  <a href="{catalog_full.URL}" {% IF catalog_full.CURRENT %}class="active"{% ENDIF %}>{% IF catalog_full.ISSET_SUB %}<span class="open-sub {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></span>{% ENDIF %}{catalog_full.NAME}</a>
												{% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
												{% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
										{% ENDFOR %}
								  </ul>
								</div>
						</div>
						{% ENDIF %}
						<!-- /END Каталог -->



далее найдите:
 <!-- Основная часть -->
	<div id="main">
	  <div class="container">
		<div class="row">
		  <div class="{% IF MOD_LNAME = catalog || MOD_LNAME = user || MOD_LNAME = discount || MOD_LNAME = search || MOD_LNAME = news %}col-md-9 col-xs-12 col-right{% ELSE %}col-xs-12{% ENDIF %}">
			<!-- Заголовок страницы -->

замените на:
 <!-- Основная часть -->
	<div id="main">
	  <div class="container">
		<div class="row">
		  <div class="{% IF MOD_LNAME = catalog || MOD_LNAME = user || MOD_LNAME = discount || MOD_LNAME = search %}col-md-9 col-xs-12 col-right{% ELSE %}col-xs-12{% ENDIF %}">
			<!-- Заголовок страницы -->

#11 Ivanzhi

Ivanzhi

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

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

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

Огромное Вам спасибо. Все заработало.
Обратно в Изменение общей стилистики


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Лето
  5. → Изменение общей стилистики
  6. Privacy Policy