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


Помогите Пожалуйста Решить Несколько Правок С Шаблоном

Автор phorezzz, 10 апр. 2016 12:49

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

#1 phorezzz

phorezzz

    Новичок

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

Отправлено 10 Апрель 2016 - 12:51

Здравствуйте.
Извиняюсь за свою тупость, но ни как не могу найти где сделать несколько изменений по дизайну:
  1) Где редактируются блоки под слайдером, и возможно ли поменять изображения в самих блоках? (прилагается первый рисунок)
  2) В браузерах IE и FireFox картинки в каталогах растягиваются (смотрел на разных компьютерах и устройствах), а в других браузерах и мобильных приложениях все нормально отображается. Это можно как то исправить? (второй рисунок прилагается)
  3) Как изменить цвет шрифта и значков в нижнем блоке? практически везде изменился, а эти найти не получается. (третий рисунок прилагается)
  4) На мой взгляд самый сложный. Возможно ли перенести верхнее меню в меню к слайдеру? И возможно ли увеличить в верхнем блоке номера телефонов и электронной почты? ( четвертый рисунок прилагается)

PS Чуть не забыл....в какое место в шаблоне вставляется код яндекс метрики?

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

  • 11111111.jpg
  • 2222222.jpg
  • 333333.jpg
  • 444444.jpg

#2 phorezzz

phorezzz

    Новичок

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

Отправлено 11 Апрель 2016 - 07:11

С метрикой разобрался

#3 RedHead

RedHead

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

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

Отправлено 11 Апрель 2016 - 10:42

Просмотр сообщенияphorezzz (10 Апрель 2016 - 12:51) писал:

Здравствуйте.
Извиняюсь за свою тупость, но ни как не могу найти где сделать несколько изменений по дизайну:
  1) Где редактируются блоки под слайдером, и возможно ли поменять изображения в самих блоках? (прилагается первый рисунок)
  2) В браузерах IE и FireFox картинки в каталогах растягиваются (смотрел на разных компьютерах и устройствах), а в других браузерах и мобильных приложениях все нормально отображается. Это можно как то исправить? (второй рисунок прилагается)
  3) Как изменить цвет шрифта и значков в нижнем блоке? практически везде изменился, а эти найти не получается. (третий рисунок прилагается)
  4) На мой взгляд самый сложный. Возможно ли перенести верхнее меню в меню к слайдеру? И возможно ли увеличить в верхнем блоке номера телефонов и электронной почты? ( четвертый рисунок прилагается)

PS Чуть не забыл....в какое место в шаблоне вставляется код яндекс метрики?

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

1) Текст баннеров Вы можете поменять в шаблоне html, в этих строках:

<!-- Баннеры -->
	 {% IF index_page %}
	 <div id="topsl" class="wrap">
	 <div class="container">
		 <div class="row">
		 <div class="block free-shipping col-sm-3 col-sms-6 col-smb-12">
			 <div class="block-title"><span>Бесплатная доставка</span></div>
			 <div class="block-content">Доставка по городу и области Бесплатна!</div>
		 </div>
		 <div class="block money-back col-sm-3 col-sms-6 col-smb-12">
			 <div class="block-title"><span>30 дней гарантии</span></div>
			 <div class="block-content">Вы можете вернуть товар в течении 30 дней после получения заказа</div>
		 </div>
		 <div class="block orders-247 col-sm-3 col-sms-6 col-smb-12">
			 <div class="block-title"><span>Прием заказов 24/7</span></div>
			 <div class="block-content">Оформите заказ в интернет-магазине "{SETTINGS_STORE_NAME}" Прямо сейчас!</div>
		 </div>
		 <div class="block secured-payment col-sm-3 col-sms-6 col-smb-12">
			 <div class="block-title"><span>Безопасная оплата</span></div>
			 <div class="block-content">Оплата товаров с использованием технологии 3D Secure.</div>
		 </div>
		 </div>
	 </div>
	 </div>
	 {% ENDIF %}
	 <!-- /END Баннеры -->

Изображение представляет собой целостную картинку, Вы можете найти ее в разделе ИЗОБРАЖЕНИЯ, в редакторе шаблонов, это файл:

«ico-shoppolicy.png»


1.jpg


Сохраните на свой пк это изображение и в графическом редакторе, в соответствии с размерами иконок, подготовьте аналогичный вариант со своими изображениями. и Замените старый файл на новый.

3) Изображения "режим работы, e-mal, телефон), необходимо заменить так же, как в п.1. То есть, это цельное изображение. В разделе "Изображения" , найдите файл
«ico-contactus.png»

Подготовьте новое изображение по таким же размерам и замените старое на новое.

2.jpg

Цвет шрифта: в шаблоне main.css найдите строку:

.block-contact .block-content span.c-worktime {float:left;}
замените на:
.block-contact .block-content span.c-worktime {float:left;color: red;}

Затем, в конец шаблона добавьте строки:
.block-contact .block-content p.c-email label, .block.block-contact .block-content p.c-phone label{color: red;}
.block-contact .block-content p.c-email a, .block.block-contact .block-content p.c-phone a {color: green;}
замените цвета на необходимые.

Затем, найдите строки:
#footer-top .block-subscribe .block-content form .input-box input {width: 200px;float: left;padding: 0px 15px;font-size: 12px;margin: 0 0 10px 0;-webkit-border-radius: 18px;-moz-border-radius: 18px;border-radius: 18px;border: 1px solid #e9e9e9;background: #FFF;height:30px;}
#footer-top .block-subscribe .block-content form .input-box input:focus {border: 1px solid #cdcdcd;}
замените например на:
#footer-top .block-subscribe .block-content form .input-box input {width: 200px;float: left;padding: 0px 15px;font-size: 12px;margin: 0 0 10px 0;-webkit-border-radius: 18px;-moz-border-radius: 18px;border-radius: 18px;border: 1px solid #e9e9e9;background: red;height:30px;}
#footer-top .block-subscribe .block-content form .input-box input:focus {border: 1px solid #000;}
Замените цвета на необходимые.

4) Уточните, пожалуйста, как должно располагаться меню? Два меню в строку, рядом друг с другом?

Увеличиваем шрифт: в шаблоне main.css найдите строку:
#header-top .topheader-left {float:left;padding:0;}
замените на:
#header-top .topheader-left {float:left;padding:0;font-size: 16px;}
значение поставьте нужное.

2) в шаблоне main.css найдите строку:

.IE .categories .cat .cat-img img {width: 100%;}
замените на:
.IE .categories .cat .cat-img img {max-width: 100%;}

И строку:
.Firefox .categories .cat .cat-img img {width: 100%;}
замените на:
.Firefox .categories .cat .cat-img img {max-width: 100%;}

#4 phorezzz

phorezzz

    Новичок

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

Отправлено 11 Апрель 2016 - 12:15

Просмотр сообщенияRedHead (11 Апрель 2016 - 10:42) писал:

4) Уточните, пожалуйста, как должно располагаться меню? Два меню в строку, рядом друг с другом?

нет. верхнее меню перенести вниз с крупным шрифтом, а нижнее то что над слайдером убрать

#5 Юля123

Юля123

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

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

Отправлено 11 Апрель 2016 - 13:08

Просмотр сообщенияphorezzz (11 Апрель 2016 - 12:15) писал:

нет. верхнее меню перенести вниз с крупным шрифтом, а нижнее то что над слайдером убрать

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

			<div class="topheader-right col-md-7 col-sms-3 col-smb-6">
			  <div class="inner">
				<div class="sns-quickaccess">
				  <div class="quickaccess-inner">
					<span class="welcome">Добро пожаловать!</span>
					<ul class="links">
					  {% FOR menu %}
						{% FOR header %}
						  {% FOR links %}
							<li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
						  {% ENDFOR %}
						{% ENDFOR %}
					  {% ENDFOR %}
					</ul>
				  </div>
				</div>
			  </div>
			</div>

далее код:

				  <ul class="mainnav">
					{%IFNOT catalog_full_empty%}
					  {%FOR catalog_full%}
						{% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub {% IF catalog_full.LEVEL > 2 %}hide-cat{% ENDIF %} {% IF catalog_full.LEVEL = 1 %}dropdown-menu{% ENDIF %}">{% ENDIF %}{% ENDIF %}
						  <li class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT %}active{% ENDIF %}">
							<a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% 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%}
					{%ENDIF%}
				  </ul>

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

				  <ul class="mainnav">
				  {% FOR menu %}
						{% FOR header %}
						  {% FOR links %}
							<li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
						  {% ENDFOR %}
						{% ENDFOR %}
					  {% ENDFOR %}
				  </ul>


затем в main.css найдите код:

#custommenu ul.mainnav li.level0 {display:block;float:left;border: none;position: static;text-align: left;padding: 21px 5px 21px 0px;}
#custommenu ul.mainnav li.level0.active > a, #custommenu ul.mainnav li.level0:hover > a {color: #FFF;position: relative;background-color: rgba(255, 255, 255, 0.1);border-color: rgba(255, 255, 255, 0.3);}
#custommenu ul.mainnav li.level0:first-child {padding-left: 0;}
#custommenu ul.mainnav li.level0 > a {display: block;padding: 8px 10px;font-size: 150%;font-weight: normal;-webkit-border-radius: 22px;-moz-border-radius: 22px;border-radius: 22px;position: relative;color: #FFF;border: 1px solid transparent;}
#custommenu ul.mainnav li ul.dropdown-menu {position: absolute;top: 99%;width:100%;left: 0;background: #ffffff;border-bottom: 3px solid #3cabda;border-top: 1px solid #d5d5d5;z-index: 999;visibility: hidden;opacity: 0;filter: alpha(opacity=0);-khtml-opacity: 0;-webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);-webkit-transform: scale(0.5);-moz-transform: scale(0.5);-ms-transform: scale(0.5);-o-transform: scale(0.5);transform: scale(0.5);-webkit-transform-origin: center 10%;-moz-transform-origin: center 10%;transform-origin: center 10%;-webkit-transition: all 0.25s linear;-moz-transition: all 0.25s linear;-o-transition: all 0.25s linear;transition: all 0.25s linear;}
#custommenu ul.mainnav li.parent:hover ul.dropdown-menu {display: block;visibility: visible;opacity: 1;filter: alpha(opacity=100);-khtml-opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);-webkit-transform-origin: top center;-moz-transform-origin: top center;transform-origin: top center;-webkit-transition: all 0.25s linear;-moz-transition: all 0.25s linear;-o-transition: all 0.25s linear;transition: all 0.25s linear;}
#custommenu ul.mainnav li.level1 {list-style: none;width: 25%;float: left;}
#custommenu ul.mainnav li.level2 {padding: 0;display: block;}

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

#custommenu ul.mainnav li{display:block;float:left;border: none;position: static;text-align: left;padding: 21px 5px 21px 0px;}
#custommenu ul.mainnav li.level0.active > a, #custommenu ul.mainnav li:hover > a {color: #FFF;position: relative;background-color: rgba(255, 255, 255, 0.1);border-color: rgba(255, 255, 255, 0.3);}
#custommenu ul.mainnav li:first-child {padding-left: 0;}
#custommenu ul.mainnav li > a {display: block;padding: 8px 10px;font-size: 150%;font-weight: normal;-webkit-border-radius: 22px;-moz-border-radius: 22px;border-radius: 22px;position: relative;color: #FFF;border: 1px solid transparent;}
#custommenu ul.mainnav li ul.dropdown-menu {position: absolute;top: 99%;width:100%;left: 0;background: #ffffff;border-bottom: 3px solid #3cabda;border-top: 1px solid #d5d5d5;z-index: 999;visibility: hidden;opacity: 0;filter: alpha(opacity=0);-khtml-opacity: 0;-webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);-webkit-transform: scale(0.5);-moz-transform: scale(0.5);-ms-transform: scale(0.5);-o-transform: scale(0.5);transform: scale(0.5);-webkit-transform-origin: center 10%;-moz-transform-origin: center 10%;transform-origin: center 10%;-webkit-transition: all 0.25s linear;-moz-transition: all 0.25s linear;-o-transition: all 0.25s linear;transition: all 0.25s linear;}
#custommenu ul.mainnav li.parent:hover ul.dropdown-menu {display: block;visibility: visible;opacity: 1;filter: alpha(opacity=100);-khtml-opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);-webkit-transform-origin: top center;-moz-transform-origin: top center;transform-origin: top center;-webkit-transition: all 0.25s linear;-moz-transition: all 0.25s linear;-o-transition: all 0.25s linear;transition: all 0.25s linear;}
#custommenu ul.mainnav li.level1 {list-style: none;width: 25%;float: left;}
#custommenu ul.mainnav li.level2 {padding: 0;display: block;}

#6 RedHead

RedHead

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

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

Отправлено 11 Апрель 2016 - 13:31

Просмотр сообщенияphorezzz (11 Апрель 2016 - 12:15) писал:

нет. верхнее меню перенести вниз с крупным шрифтом, а нижнее то что над слайдером убрать

В шаблоне html найдите блок кода:

<div id="menu_collapse" class="mainnav collapse">
				 <ul>
				 {% IFNOT catalog_full_empty %}
					 {% FOR catalog_full %}
					 {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub">{% ENDIF %}{% ENDIF %}
						 <li class="level{catalog_full.LEVEL} {% 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}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}">{% IF catalog_full.ISSET_SUB %}<span class="open-menu {% 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 %}
				 {% ENDIF %}
				 </ul>
				 </div>
замените его на:
<div id="menu_collapse" class="mainnav collapse">
				 <ul>
				 {% FOR menu %}
					 {% FOR header %}
						 {% FOR links %}
						 <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
						 {% ENDFOR %}
					 {% ENDFOR %}
					 {% ENDFOR %}
				 </ul>
				 </div>

И в шаблоне main.css замените строку:

#mommenu .menu_collapse_wrap .collapse.in {height: auto;}
на:
#mommenu .menu_collapse_wrap .collapse.in {height: auto;margin-bottom: 15px;}

Эта часть инструкции для меню в мобильной версии.
Обратно в Изменение общей стилистики


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

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

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