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


Изменить Шапку И Верхнее Меню


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

#1 zabota-mama

zabota-mama

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

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

Отправлено 25 Март 2016 - 15:47

Добрый день!

Просьба помочь с изменением дизайна в аккаунте 381298.

См. картинку:
1. Разместить в шапке картинку
2. Переместить на эту картинку (слева вверху) телефоны магазина
3. Переместить на эту картинку (посередине) Поиск по магазину
4. Переместить на эту картинку (справа вверху) ссылки на Доставка, Корзина... Войти в ЛК

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

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

  • шапка.png


#2 Юля123

Юля123

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

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

Отправлено 25 Март 2016 - 16:28

Просмотр сообщенияzabota-mama (25 Март 2016 - 15:47) писал:

Добрый день!

Просьба помочь с изменением дизайна в аккаунте 381298.

См. картинку:
1. Разместить в шапке картинку
2. Переместить на эту картинку (слева вверху) телефоны магазина
3. Переместить на эту картинку (посередине) Поиск по магазину
4. Переместить на эту картинку (справа вверху) ссылки на Доставка, Корзина... Войти в ЛК

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

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

1) в main.css найдите код:

#header {position: relative;padding: 32px 0 30px;}


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

#header {position: relative;padding: 32px 0 30px; background: url("ссылка на изображение ");}

2) Логотип нужно убрать? если да, то тогда в HTML найдите код:

			<!-- Logo -->
			<div id="logo" class="col-sm-4 col-xs-12">
			  <a title="{SETTINGS_STORE_NAME}" href="http://{NET_DOMAIN}/">
				<img src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}">
			  </a>
			</div>
			<!-- END: Logo -->

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

			<!-- Logo -->
			<div class="col-sm-4 col-xs-12">
<ul class="contact-us-now">
				{% IF SETTINGS_STORE_EMAIL_MAIN %}<li class="c-email"><a href="mailto:support@nova.com">{SETTINGS_STORE_EMAIL_MAIN}</a></li>{% ENDIF %}
				{% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li class="c-phone"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a></li>{% ENDIF %}
				{% IF SETTINGS_STORE_PHONE_NUMBER2 %}<li class="c-phone hide"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</a></li>{% ENDIF %}
				{% IF SETTINGS_STORE_PHONE_NUMBER3 %}<li class="c-phone hide"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{SETTINGS_STORE_PHONE_CITY_CODE3}{SETTINGS_STORE_PHONE_NUMBER3}">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}({SETTINGS_STORE_PHONE_CITY_CODE3}){SETTINGS_STORE_PHONE_NUMBER3}</a></li>{% ENDIF %}
			  </ul>
			</div>
			<!-- END: Logo -->

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

#header-top .topheader-left ul.contact-us-now li {display: inline-block;float: left;line-height: 36px;margin-left: 15px;padding-left: 28px;background: url("{ASSETS_IMAGES_PATH}ico-contactusnow.png") no-repeat left -1px;font-size: 92%;}

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

ul.contact-us-now li {display: inline-block;float: left;line-height: 36px;margin-left: 15px;padding-left: 28px;background: url("{ASSETS_IMAGES_PATH}ico-contactusnow.png") no-repeat left -1px;font-size: 92%;}

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

<div class="header-right col-sm-8 col-xs-12">

замените на:
<div class="header-right col-sm-3 col-xs-12">


далее перед кодом:

		  </div>
		</div>
	  </div>
	  <!-- /END Основная часть Шапки -->

добавьте код:

			<div class="header-right col-sm-5 col-xs-12">
								  <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>

далее в main.css код:
#header-top .topheader-right .sns-quickaccess ul.links {list-style: none;margin: 0 0;padding: 0 0;float: left;height:36px;overflow:hidden;}
#header-top .topheader-right .sns-quickaccess ul.links li {background: url("{ASSETS_IMAGES_PATH}separator.gif") no-repeat right center;padding: 8px 8px;display: block;line-height:20px;float:left;}
#header-top .topheader-right .sns-quickaccess ul.links li:first-child {padding-left: 0px;}
#header-top .topheader-right .sns-quickaccess ul.links li:last-child {background:none;padding-right: 0px;}

замените на код:
ul.links {list-style: none;margin: 0 0;padding: 0 0;float: left;height:36px;overflow:hidden;}
ul.links li {background: url("{ASSETS_IMAGES_PATH}separator.gif") no-repeat right center;padding: 8px 8px;display: block;line-height:20px;float:left;}
ul.links li:first-child {padding-left: 0px;}
ul.links li:last-child {background:none;padding-right: 0px;}


И код:

	  <!-- Верхняя часть Шапки -->
	  <div id="header-top" class="wrap">
		<div class="container">
			<div class="topheader-left col-md-5 col-sms-9 col-smb-6">
			  <ul class="contact-us-now">
				{% IF SETTINGS_STORE_EMAIL_MAIN %}<li class="c-email"><a href="mailto:support@nova.com">{SETTINGS_STORE_EMAIL_MAIN}</a></li>{% ENDIF %}
				{% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li class="c-phone"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a></li>{% ENDIF %}
				{% IF SETTINGS_STORE_PHONE_NUMBER2 %}<li class="c-phone hide"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</a></li>{% ENDIF %}
				{% IF SETTINGS_STORE_PHONE_NUMBER3 %}<li class="c-phone hide"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{SETTINGS_STORE_PHONE_CITY_CODE3}{SETTINGS_STORE_PHONE_NUMBER3}">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}({SETTINGS_STORE_PHONE_CITY_CODE3}){SETTINGS_STORE_PHONE_NUMBER3}</a></li>{% ENDIF %}
			  </ul>
			</div>
			<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>
		</div>
	  </div>
	  <!-- /END Верхняя часть Шапки -->

из шаблона HTML можно удалить.

#3 zabota-mama

zabota-mama

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

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

Отправлено 27 Март 2016 - 16:29

Спасибо!
Можно еще:
1. Картинка на шапке снизу немного урезана
2. Где можно поправить шрифт и расположение телефонов и ссылок "Главная... Войти в ЛК"
3. Где можно поправить расположение "Поиск по магазину"
4. Синий фон каталогов поменять на белый. Белый шрифт каталогов изменить на черный.
5. Убрать закрепление верхнего меню

#4 RedHead

RedHead

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

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

Отправлено 27 Март 2016 - 17:26

Просмотр сообщенияzabota-mama (27 Март 2016 - 16:29) писал:

Спасибо!
Можно еще:
1. Картинка на шапке снизу немного урезана
2. Где можно поправить шрифт и расположение телефонов и ссылок "Главная... Войти в ЛК"
3. Где можно поправить расположение "Поиск по магазину"
4. Синий фон каталогов поменять на белый. Белый шрифт каталогов изменить на черный.
5. Убрать закрепление верхнего меню. Оставить чтобы только корзина плавала.

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

1) В шаблоне main.css замените строку:

#header {position: relative;padding: 32px 0 30px;background: url("http://newzm.storeland.ru/design/header.jpg");}
на:
#header {position: relative;padding: 32px 0 30px;background: url("http://newzm.storeland.ru/design/header.jpg"); height: 150px;}

2) В конец этого же шаблона добавьте строки:

#header .header-right ul.links li a {   
  font-size: 115%;
   color: red;
}
#header .header-right ul.links li a:hover {   
  font-size: 115%;
   color: green;
}
ul.contact-us-now li label {
  font-size: 120%;
  color: red;
}
ul.contact-us-now li a {
  font-size: 140%;
  color: green;
}
Измените стили по желанию.
Если нужно эти ссылки переместить, то уточните, куда.

3) Там же, замените строку:

#header .header-right .header-right-inner {float:right;}
например, на:
#header .header-right .header-right-inner {float:right;margin-right: 40px;margin-top: 30px;}

4) Если правильно Вас поняла, то необходимо заменить фон здесь:

В том же шаблоне, замените строку:

#menu .inner {width: 100%;background: #3cabda url("{ASSETS_IMAGES_PATH}breadcrumbs-bg.jpg") no-repeat center top;}
на:
#menu .inner {width: 100%;background: #fff;}

строку:
#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.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: #000;border: 1px solid #3cabda;}

строку:
#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.active > a, #custommenu ul.mainnav li.level0:hover > a {color: #3cabda;position: relative;background-color: rgba(255, 255, 255, 0.1);border-color: #3cabda;}

Цвет корзины тоже нужно поменять: строку:
.mini-cart .block-title {cursor: pointer;text-transform: none;position: relative;padding: 0;height: 49px;width: 49px;border: 1px solid rgba(255, 255, 255, 0.5);-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;background: url("{ASSETS_IMAGES_PATH}action-llist.png") no-repeat left -343px;}
замените на:
.mini-cart .block-title {cursor: pointer;text-transform: none;position: relative;padding: 0;height: 49px;width: 49px;border: 1px solid black;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;background: url("{ASSETS_IMAGES_PATH}action-llist.png") no-repeat left -343px;}
Так же нужно откорректировать в графическом редакторе цвет картинки корзины и заменить это изображение.

5) На последний вопрос Вам ответят чуть позже.

#5 zabota-mama

zabota-mama

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

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

Отправлено 03 Апрель 2016 - 21:22

Добрый!

Спасибо!

1. Контакты и ссылки нужно переместить повыше (см.картинку).
2. Уменьшить межстрочные интервалы в верхнем меню
+ 5 из предыдущего сообщения

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

  • Без имени.jpg


#6 RedHead

RedHead

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

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

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

Просмотр сообщенияzabota-mama (03 Апрель 2016 - 21:22) писал:

Добрый!

Спасибо!

1. Контакты и ссылки нужно переместить повыше (см.картинку).
2. Уменьшить межстрочные интервалы в верхнем меню
+ 5 из предыдущего сообщения

Здравствуйте.
1) В конец шаблона main.css вставьте строки:

ul.contact-us-now {
	position: relative;
	top: -20px;
	left: 50%;
}

2) В том же шаблоне найдите строку:

#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 {display:block;float:left;border: none;position: static;text-align: left;padding: 6px 5px 6px 0px;}

5) В конец шаблона main.css добавьте строку:

#menu.keep-menu #mainnav {display:none;}


#7 zabota-mama

zabota-mama

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

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

Отправлено 04 Апрель 2016 - 22:29

Спасибо!

Но нет кода для перемещения ссылок на шапке (Главная.... войти в лк) см.картинку в пред.сообщении

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

5) В конец шаблона main.css добавьте строку:

#menu.keep-menu #mainnav {display:none;}

Осталась закрепленной белая полоса с корзиной.

#8 Vaccina

Vaccina

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

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

Отправлено 05 Апрель 2016 - 02:38

2. В main.css найдите:
ul.links {
	list-style: none;
	margin: 0 0;
	padding: 0 0;
	float: left;
	height: 36px;
	overflow: hidden;
}

после него пропишите:
.header-right ul.links {
	margin-top: -30px;
}

5. В main.css найдите:
#menu.keep-menu {
	z-index: 100;
	background: fadeOut(#000000, 20%);
	position: fixed !important;
	top: 0px !important;
}

замените на:
#menu.keep-menu {
	z-index: 100;
	background: fadeOut(#000000, 20%);
	position: relative !important;
	top: 0px !important;
}


#9 zabota-mama

zabota-mama

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

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

Отправлено 05 Апрель 2016 - 16:03

Просмотр сообщенияVaccina (05 Апрель 2016 - 02:38) писал:

2. В main.css найдите:
ul.links {
list-style: none;
margin: 0 0;
padding: 0 0;
float: left;
height: 36px;
overflow: hidden;
}

после него пропишите:
.header-right ul.links {
margin-top: -30px;
}



Спасибо за ответ!

А можно ли эти ссылки подвигать вправо-влево?
И как можно изменить состав этих ссылок? Хочу убрать Каталог и Войти в ЛК.

Спасибо!

#10 Danil

Danil

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

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

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

Просмотр сообщенияzabota-mama (05 Апрель 2016 - 16:03) писал:

Спасибо за ответ!

А можно ли эти ссылки подвигать вправо-влево?
И как можно изменить состав этих ссылок? Хочу убрать Каталог и Войти в ЛК.

Спасибо!
Здравствуйте.
1) В main.css найдите код
.header-right ul.links {
margin-top: -30px;
}
и замените на
.header-right ul.links {
margin-top: -30px;
margin-left: -52px;
}
изменяйте значение margin-left, для изменения расположения меню.
2) Пункты меню можно удалить/добавить в разделе Сайт - Меню.

#11 zabota-mama

zabota-mama

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

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

Отправлено 06 Апрель 2016 - 22:34

Спасибо!

А где можно поменять размер (уменьшить по длине и высоте) и цвет заливки слайдера?
И у меня какие-то точки перед номером телефона в шапке. Как их убрать?

#12 Vaccina

Vaccina

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

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

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

1. В main.css найдите:
#breadcrumbs:before, #slideshow:before {background-image: url("{ASSETS_IMAGES_PATH}sl-bg.jpg");background-color: #3cabda;background-position: top center;background-repeat: no-repeat;bottom: 0;content: "";display: block;left: 0;position: absolute;right: 0;top: -80px;z-index: -1;}

в нем измените background-image и\или background-color

На счет размеров, загрузите изображение поменьше, так как сейчас установлены картинки размером 1920х570

2.В main.css найдите:
ul.contact-us-now {
	position: relative;
	top: -30px;
	left: 40%;
}

после него пропишите:
ul.contact-us-now li {
	list-style: none;
}


#13 zabota-mama

zabota-mama

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

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

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

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

Спасибо за ответ - все работает.

1. Как выключить на сайте функцию "Избранное"? Если нет, то как убрать эту кнопку с сайта? Она всплывает в списке товаров (при наведении на товар), в карточке товара (возможно где-то еще)

2. При наведении на товар (в списке товаров) снизу добавить Артикул, выбор размера и кнопку купить. Как это реализовано см.скрин.

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

  • Без имени.JPG


#14 RedHead

RedHead

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

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

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

Просмотр сообщенияzabota-mama (15 Апрель 2016 - 15:07) писал:

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

Спасибо за ответ - все работает.

1. Как выключить на сайте функцию "Избранное"? Если нет, то как убрать эту кнопку с сайта? Она всплывает в списке товаров (при наведении на товар), в карточке товара (возможно где-то еще)

2. При наведении на товар (в списке товаров) снизу добавить Артикул, выбор размера и кнопку купить. Как это реализовано см.скрин.

Здравствуйте! Перед внесением изменений, создайте бэкап.

1) В шаблоне ТОВАР найдите и удалите строки:

<li class="wishlist">
		  <!-- Если есть возможность добавить товар в избранное -->
		  {% IF GOODS_MOD_IS_HAS_IN_FAVORITES_LIST %}
			<a class="add-wishlist inProd added"
			  data-action-is-add="0"
			  data-action-add-url="{FAVORITES_ADD_URL}"
			  data-action-delete-url="{FAVORITES_DELETE_URL}"
			  data-action-add-title="Добавить &laquo;{GOODS_NAME}&raquo; в избранное"
			  data-action-delete-title="Убрать &laquo;{GOODS_NAME}&raquo; из избранного"
			  title="Убрать &laquo;{GOODS_NAME}&raquo; из избранного"
			  data-msgtype="2"
			  data-gname="{GOODS_NAME}"
			  data-action-text-add="Добавить в избранное"
			  data-action-text-delete="Удалить из избранного"
			  href="{FAVORITES_DELETE_URL}?id={GOODS_MOD_ID}&amp;return_to={CURRENT_URL | urlencode}"
			>Удалить из избранного</a>
		  {% ELSE %}
			<a class="add-wishlist inProd"
			  data-action-is-add="1"
			  data-action-add-url="{FAVORITES_ADD_URL}"
			  data-action-delete-url="{FAVORITES_DELETE_URL}"
			  data-action-add-title="Добавить &laquo;{GOODS_NAME}&raquo; в избранное"
			  data-action-delete-title="Убрать &laquo;{GOODS_NAME}&raquo; из избранного"
			  data-msgtype="2"
			  data-gname="{GOODS_NAME}"
			  data-action-text-add="Добавить в избранное"
			  data-action-text-delete="Удалить из избранного"
			  title="Добавить &laquo;{GOODS_NAME}&raquo; в избранное" href="{FAVORITES_ADD_URL}?id={GOODS_MOD_ID}&amp;return_to={CURRENT_URL | urlencode}"
			>Добавить в избранное</a>
		  {% ENDIF %}
		</li>

и строки:

<li>
								<!-- Если есть возможность добавить товар в избранное -->
								{% IF related_views_goods.IS_HAS_IN_FAVORITES_LIST %}
								  <a class="add-wishlist added btn-addto"
									data-action-is-add="0"
									data-action-add-url="{FAVORITES_ADD_URL}"
									data-action-delete-url="{FAVORITES_DELETE_URL}"
									data-action-add-title="Добавить &laquo;{related_views_goods.NAME}&raquo; в избранное"
									data-action-delete-title="Убрать &laquo;{related_views_goods.NAME}&raquo; из избранного"
									title="Убрать &laquo;{related_views_goods.NAME}&raquo; из избранного"
									href="{FAVORITES_DELETE_URL}?id={related_views_goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
								  ></a>
								{% ELSE %}
								  <a class="add-wishlist btn-addto"
									data-action-is-add="1"
									data-action-add-url="{FAVORITES_ADD_URL}"
									data-action-delete-url="{FAVORITES_DELETE_URL}"
									data-action-add-title="Добавить &laquo;{related_views_goods.NAME}&raquo; в избранное"
									data-action-delete-title="Убрать &laquo;{related_views_goods.NAME}&raquo; из избранного"
									title="Добавить &laquo;{related_views_goods.NAME}&raquo; в избранное" href="{FAVORITES_ADD_URL}?id={related_views_goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
								  ></a>
								{% ENDIF %}
								<!-- END Если есть возможность добавить товар в избранное -->
							  </li>

Этот код встречается 2 раза : для сопутствующих товаров и для раздела "с этим товаром смотрят".

Затем, в шаблоне ТОВАРЫ удалите блок кода:

  <li>
								  <!-- Если есть возможность добавить товар в избранное -->
								  {% IF goods.IS_HAS_IN_FAVORITES_LIST %}
									<a class="add-wishlist added"
									  data-action-is-add="0"
									  data-action-add-url="{FAVORITES_ADD_URL}"
									  data-action-delete-url="{FAVORITES_DELETE_URL}"
									  data-action-add-title="Добавить &laquo;{goods.NAME}&raquo; в избранное"
									  data-action-delete-title="Убрать &laquo;{goods.NAME}&raquo; из избранного"
									  title="Убрать &laquo;{goods.NAME}&raquo; из избранного"
									  href="{FAVORITES_DELETE_URL}?id={goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
									></a>
								  {% ELSE %}
									<a class="add-wishlist"
									  data-action-is-add="1"
									  data-action-add-url="{FAVORITES_ADD_URL}"
									  data-action-delete-url="{FAVORITES_DELETE_URL}"
									  data-action-add-title="Добавить &laquo;{goods.NAME}&raquo; в избранное"
									  data-action-delete-title="Убрать &laquo;{goods.NAME}&raquo; из избранного"
									  title="Добавить &laquo;{goods.NAME}&raquo; в избранное" href="{FAVORITES_ADD_URL}?id={goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
									></a>
								  {% ENDIF %}
								  <!-- END Если есть возможность добавить товар в избранное -->
								</li>

Код встречается 2 раза (удалите оба)

Затем, в шаблоне html удалите блок кода:

<li>
												<!-- Если есть возможность добавить товар в избранное -->
												{% IF index_page_goods.IS_HAS_IN_FAVORITES_LIST %}
												  <a class="add-wishlist added btn-addto"
													data-action-is-add="0"
													data-action-add-url="{FAVORITES_ADD_URL}"
													data-action-delete-url="{FAVORITES_DELETE_URL}"
													data-action-add-title="Добавить &laquo;{index_page_goods.NAME}&raquo; в избранное"
													data-action-delete-title="Убрать &laquo;{index_page_goods.NAME}&raquo; из избранного"
													title="Убрать &laquo;{index_page_goods.NAME}&raquo; из избранного"
													href="{FAVORITES_DELETE_URL}?id={index_page_goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
												  ></a>
												{% ELSE %}
												  <a class="add-wishlist btn-addto"
													data-action-is-add="1"
													data-action-add-url="{FAVORITES_ADD_URL}"
													data-action-delete-url="{FAVORITES_DELETE_URL}"
													data-action-add-title="Добавить &laquo;{index_page_goods.NAME}&raquo; в избранное"
													data-action-delete-title="Убрать &laquo;{index_page_goods.NAME}&raquo; из избранного"
													title="Добавить &laquo;{index_page_goods.NAME}&raquo; в избранное" href="{FAVORITES_ADD_URL}?id={index_page_goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
												  ></a>
												{% ENDIF %}
												<!-- END Если есть возможность добавить товар в избранное -->
											  </li>

Этот код для товаров на главной (аналогичный код будет для НОВИНОК и ХИТОВ, но они сейчас не размещены у Вас на сайте).

2) В шаблоне ТОВАРЫ перед строкой

<div class="rating">

вставьте:

<!-- Артикул -->
	  <div class="goodsDataMainModificationArtNumber" {% IFNOT goods.ART_NUMBER %}style="display:none"{% ENDIF %}>
		Артикул: <span>{goods.ART_NUMBER}</span>
	  </div>

Затем, перед строками:

</div>
						</div>
					  </div>
					</form>
				  </div>
				  <div class="item-info">

вставьте:

  <div class="wrap-qty clearfix">
		  <div class="qty-set">
			<span class="qty-set-block">
			<input type="button" class="quantity-minus">
			<input type="text" name="form[goods_mod_quantity]" maxlength="5" value="1" min="1" title="Количество" class="inputText qty" onkeypress="return keyPress('0123456789')">
			<input type="button" class="quantity-plus"> 
			</span>
		  </div>
		</div>

а в самый конец шаблона:

<script>
//Regulator Up копки + в карточке товара при добавлении в корзину
$('.quantity-plus').click(function(){
  var
	quantity = $(this).parent().find('.qty'),
	currentVal = parseInt(quantity.val());
  if (!isNaN(currentVal)){
	quantity.val(currentVal + 1);
	quantity.trigger('keyup');
  }
  return false;
});
//Regulator Down копки - в карточке товара при добавлении в корзину
$('.quantity-minus').click(function(){
  var
	quantity = $(this).parent().find('.qty'),
	currentVal = parseInt(quantity.val());
  if (!isNaN(currentVal) && !(currentVal <= 1) ){
	quantity.val(currentVal - 1);
	quantity.trigger('keyup');
  }
  return false;
});
</script>

Затем, в конец шаблона main.css вставьте:

.box-inner .wrap-qty {margin:10px 0;}
.box-inner .wrap-qty .qty-set {margin-top:10px;}
.box-inner .wrap-qty .qty-set input {padding: 5px;border-radius: 100%;-webkit-border-radius: 100%;font-size: 100%;line-height: 10px;height: 28px;width: 28px;border: 1px solid #dfdfdf;background: #ffffff url("{ASSETS_IMAGES_PATH}nav-cir.png") no-repeat left top;}
.box-inner .wrap-qty .qty-set input.quantity-plus:hover {background-color: #3cabda;border-color: #3cabda;background-position: left -26px;}
.box-inner .wrap-qty .qty-set input.quantity-minus {background-position: left -52px;}
.box-inner .wrap-qty .qty-set input.quantity-minus:hover {background-color: #3cabda;border-color: #3cabda;background-position: left -78px;}
.box-inner .wrap-qty input.qty {padding: 0px 0;height: 46px;width: 46px;line-height: 48px;margin: -10px 0 0 0;text-align: center;background: #FFF;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 1px solid #dfdfdf;}

затем, строку:

.products-grid .item .item-inner .item-img .item-box-hover {z-index: 2;background-color: #3cabda;background-color: rgba(62, 171, 218, 0.8);position: absolute;width: 100%;height: 90px;bottom: -90px;left: 0px;}
замените на:
.products-grid .item .item-inner .item-img .item-box-hover {z-index: 2;background-color: #3cabda;background-color: rgba(62, 171, 218, 0.8);position: absolute;width: 100%;height: 140px;bottom: -140px;left: 0px;}

Уточните, пожалуйста, эти изменения нужны только в каталоге, или на главной тоже?
По поводу размеров, Вам ответят в следующей инструкции.

#15 zabota-mama

zabota-mama

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

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

Отправлено 21 Апрель 2016 - 14:27

Просмотр сообщенияzabota-mama (15 Апрель 2016 - 15:07) писал:

2. При наведении на товар (в списке товаров) снизу добавить Артикул, выбор размера и кнопку купить. Как это реализовано см.скрин.

Большое спасибо!
Но немного не так представлялось. Видимо это я детально не расписал.

Что нужно поправить:
1. при наведении на товар в синей зоне появляется возможность увеличить количество заказываемого товара. Это не нужно.
2. Рейтинг (звездочками) тоже не нужно.
3. Корзина сверху не нужна.
4. Синий фон: высоту фона уменьшить и поменять цвет, например на светло-голубой

Нужно чтобы при наведении на товар:
1) увеличивалась рамка  товара вниз
2) и ТОЛЬКО в этом поле появилась информация:
- артикул
- выбор размера
- кнопка Купить.

Это нужно в том числе и на главной.
Заранее спасибо!

#16 RedHead

RedHead

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

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

Отправлено 23 Апрель 2016 - 19:41

Просмотр сообщенияzabota-mama (21 Апрель 2016 - 14:27) писал:

Большое спасибо!
Но немного не так представлялось. Видимо это я детально не расписал.

Что нужно поправить:
1. при наведении на товар в синей зоне появляется возможность увеличить количество заказываемого товара. Это не нужно.
2. Рейтинг (звездочками) тоже не нужно.
3. Корзина сверху не нужна.
4. Синий фон: высоту фона уменьшить и поменять цвет, например на светло-голубой

Нужно чтобы при наведении на товар:
1) увеличивалась рамка  товара вниз
2) и ТОЛЬКО в этом поле появилась информация:
- артикул
- выбор размера
- кнопка Купить.

Это нужно в том числе и на главной.
Заранее спасибо!

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

1) В шаблоне main.css найдите строку:
.box-inner .wrap-qty {margin:10px 0;}
замените ее на:
.box-inner .wrap-qty {margin:10px 0;display:none;}

2) В конец того же шаблона вставьте строку:

.products-grid .item .item-inner .item-info .info-inner .rating {display:none;}

3) строку:

.products-grid .item .item-inner .item-img .cart-wrap .btn-cart {font-size: 14px;text-transform: none;position: relative;height: 34px;line-height: 34px;display:inline-block;padding: 0 17px 0 47px;}
замените на:
.products-grid .item .item-inner .item-img .cart-wrap .btn-cart {font-size: 14px;text-transform: none;position: relative;height: 34px;line-height: 34px;display:inline-block;padding: 0 17px 0 47px;display:none;}

4) строку:
.products-grid .item .item-inner .item-img .item-box-hover {z-index: 2;background-color: #3cabda;background-color: rgba(62, 171, 218, 0.8);position: absolute;width: 100%;height: 140px;bottom: -140px;left: 0px;}
замените на:
.products-grid .item .item-inner .item-img .item-box-hover {z-index: 2;background-color: #3cabda;background-color: rgba(62, 171, 218, 0.8);position: absolute;width: 100%;height: 80px;bottom: -80px;left: 0px;}

в этой строке замените значение rgba(62, 171, 218, 0.8) на необходимый цвет.

Не совсем понятно, что значит: чтобы увеличивалась рамка вниз? Вы можете уточнить это задание?

#17 zabota-mama

zabota-mama

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

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

Отправлено 04 Май 2016 - 20:51

Цитата

Не совсем понятно, что значит: чтобы увеличивалась рамка вниз? Вы можете уточнить это задание?
Прикладываю скрин.
Сейчас Артикул высвечивается по умолчанию.
Нужно чтобы он появлялся только при наведении мыши.  Также с ним нужно чтобы появлялись выбор размера и кнопку купить.
Также надо учесть, что кроме размера может быть также и выбор цвета.

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

  • Без имени.png


#18 Vaccina

Vaccina

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

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

Отправлено 05 Май 2016 - 01:16

В шаблоне Товары найдите:
<!-- Артикул -->
		  <div class="goodsDataMainModificationArtNumber" {% IFNOT goods.ART_NUMBER %}style="display:none"{% ENDIF %}>
				Артикул: <span>{goods.ART_NUMBER}</span>
		  </div>

после него пропишите:
<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="product-form-{goods.MIN_PRICE_NOW_ID} goodsListForm">
					  <input type="hidden" name="hash" value="{HASH}" />
					  <input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" />
					  <input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" />
					  <div class="cart-wrap">
						<a class="add-cart btn-cart button" title="В корзину" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF goods.MAX_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}>В корзину</a>
					  </div>
					</form>

В main.css найдите:
.products-grid .item .item-inner .item-info .info-inner .item-content .item-price {
	height: 26px;
	line-height: 26px;
	padding: 0;
}

после него пропишите:
.products-grid .item .item-inner .item-info .info-inner .item-content .goodsDataMainModificationArtNumber, .products-grid .item .item-inner .item-info .info-inner .item-content .goodsListForm {
	opacity: 0;
}
.products-grid .item:hover .item-inner .item-info .info-inner .item-content .goodsDataMainModificationArtNumber, .products-grid .item:hover .item-inner .item-info .info-inner .item-content .goodsListForm {
	opacity: 1;
}


#19 zabota-mama

zabota-mama

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

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

Отправлено 08 Май 2016 - 16:03

Спасибо.
Но:
1. Нет выбора размера.
2. Кнопка "В корзину" закрывает артикул.

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

  • 2016-05-08_15-58-58.png


#20 Vaccina

Vaccina

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

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

Отправлено 11 Май 2016 - 05:34

Уточните пожалуйста ваш номер аккаунта, так как указанный в первом сообщении заблокирован.




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

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