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


Внести Изменения В Шапку Сайта

Автор evros, 12 сент. 2016 14:25

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

#1 evros

evros

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

  • Пользователи
  • PipPipPipPip
  • 284 сообщений
  • ГородМосква

Отправлено 12 Сентябрь 2016 - 14:25

Добрый день. Помогите пожалуйста внести изменения в шапку сайта.

1. Переместить вправо телефон, время работы и кнопку обратного звонка.
2. Строка ПОИСК, СРАВНЕНИЕ ТОВАРОВ и КОРЗИНА - сместить в середину шапки
3. Слева нужна строка ВАШ ГОРОД
4.Под ссылками на страницы сайта и логотипом нужен раскрывающийся каталог с 6-7 рубриками. Пример работы каталога как на сайте Техносила http://www.tehnosila.ru/ или что то похожее.

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

  • Шапка сайта.jpg

#2 Ирина345

Ирина345

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

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

Отправлено 12 Сентябрь 2016 - 17:06

Просмотр сообщенияevros (12 Сентябрь 2016 - 14:25) писал:

Добрый день. Помогите пожалуйста внести изменения в шапку сайта.

1. Переместить вправо телефон, время работы и кнопку обратного звонка.
2. Строка ПОИСК, СРАВНЕНИЕ ТОВАРОВ и КОРЗИНА - сместить в середину шапки
3. Слева нужна строка ВАШ ГОРОД
4.Под ссылками на страницы сайта и логотипом нужен раскрывающийся каталог с 6-7 рубриками. Пример работы каталога как на сайте Техносила http://www.tehnosila.ru/ или что то похожее.
Здравствуйте,
Найдите в шаблоне HTML
</script>
</head>
замените на
</script>
<!-- Скрипты магазина -->
<script src="http://api-maps.yandex.ru/2.0/?load=package.full&amp;lang=ru-RU" type="text/javascript"></script>
</head>

далее найдите 
	 <div class="header-left">
			<!-- Телефон и Режим работы -->
			{% IF SETTINGS_STORE_PHONE_NUMBER1 || SETTINGS_STORE_WORK_TIME %}
			<div class="block phone">
			  <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}"><span>{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</span></a>
			  <div class="time">{SETTINGS_STORE_WORK_TIME}</div>
			</div>
			{% ENDIF %}
			<!-- Обратный звонок -->
			<div class="block callback">
			  <a class="button button3" href="#fancybox-callback" title="Обратный звонок"><i class="fa fa-phone"></i><span class="hide">Обратный звонок</span></a>
			  <div id="fancybox-callback" style="display:none">
				<h4 class="title">Обратный звонок</h4>
				<form method="post" action="{CALLBACK_URL}" class="callbackForm" enctype="multipart/form-data">
				  <input type="hidden" name="hash" value="{HASH}" />
				  <input class="callbackredirect" type="hidden" name="return_to" value="{CALLBACK_URL}"/>
				  <!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации -->
				  {ANTISPAM_CODE}
				  <div class="callback-input">
					<input id="callback_person" class="inputText callback_person required" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PERSON}]" value="{FORM_CALLBACK_PERSON}" placeholder="Ваше имя" maxlength="50" title="Представьтесь, пожалуйста" autocomplete="off">
				  </div>
				  <div class="callback-input">
					<input id="callback_phone" class="inputText callback_phone required" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PHONE}]" value="{FORM_CALLBACK_PHONE}" placeholder="Номер телефона" maxlength="50" title="Введите номер телефона" autocomplete="off">
				  </div>
				  <button type="submit" title="Отправить" class="button button3">Отправить</button>
				</form>
			  </div>
			</div>
		  </div>
		  <div class="header-right">
			<!-- Меню -->
			<div class="block menu">
			  <div class="title" title="Меню"><i class="fa fa-home"></i></div>
			  <div class="dropdown">
				<ul class="links">
				  {% FOR menu %}
					{% FOR header %}
					  {% FOR links %}
						<li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="active"{%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 class="block account">
			  <div class="title" title="Личный кабинет"><i class="fa fa-user"></i></div>
			  <div class="dropdown">
				<ul class="links">
				  {% IFNOT CLIENT_IS_LOGIN %}
				  <li><a href="{USER_LOGIN_URL}" title="Вход в личный кабинет"><i class="fa fa-unlock-alt"></i>Вход</a></li>
				  <li><a href="{USER_REGISTER_URL}" title="Регистрация"><i class="fa fa-user-plus"></i>Регистрация</a></li>
				  {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}<li><a href="{COMPARE_URL}"><i class="fa fa-retweet"></i>Сравнение</a></li>{% ENDIF %}
				  {% ELSE %}
				  <li><a href="{USER_SETTINGS_URL}"><i class="fa fa-user"></i>Мой кабинет</a></li>
				  <li><a href="{FAVORITES_URL}"><i class="fa fa-heart"></i>Избранное</a></li>
				  <li><a href="{USER_HISTORY_LIST_URL}"><i class="fa fa-history"></i>История заказов</a></li>
				  {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}<li><a href="{COMPARE_URL}"><i class="fa fa-retweet"></i>Сравнение</a></li>{% ENDIF %}
				  <li><a href="{USER_LOGOUT_URL}"><i class="fa fa-unlock-alt"></i>Выход</a></li>
				  {% ENDIF %}
				</ul>
			  </div>
			</div>
			<!-- Поиск -->
			<div class="block search">
			  <form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get" title="Поиск по магазину">
				<input type="hidden" name="goods_search_field_id" value="0">
				<input type="text" name="q" value="{SEARCH_QUERY}" class="search-string" placeholder="Поиск по магазину..." autocomplete="off">
				<span class="search-submit"><button type="submit" title="Искать" class="fa fa-search"></button></span>
			  </form>
			</div>
			<!-- Сравнение -->
			<div class="block compare {% IFNOT COMPARE_GOODS_COUNT = 0 %}have-items{% ENDIF %} {% IF MOD_LNAME = compare %}compare-page{% ENDIF %}">
			  <div class="title">
				<a href="{COMPARE_URL}" title="Перейти к Сравнению"><i class="fa fa-retweet">&nbsp;</i><span class="hide">Сравнение</span> <span class="tc"><span class="hide">(</span><span class="compare-count" data-count="{COMPARE_GOODS_COUNT}">{COMPARE_GOODS_COUNT}</span><span class="hide">)</span></span></a>
			  </div>
			  <div class="dropdown-compare">
				<ul id="compare-items">
				  {% FOR compare_goods %}
				  <li class="item" {% IF compare_goods.index > 5 %}style="display:none;"{% ENDIF %}>
					<a data-href="{COMPARE_DELETE_URL}?id={compare_goods.MIN_PRICE_NOW_ID}" data-goods-mod-id="{compare_goods.MIN_PRICE_NOW_ID}" class="remove x" title="Убрать товар из списка сравнения" onclick="removeFromCompare($(this))"></a>
					<p class="product-name"><a href="{compare_goods.URL}" title="{compare_goods.NAME}">{compare_goods.NAME}</a></p>
					<a href="#" class="dataid">{compare_goods.ID}</a>
				  </li>
				  {% ENDFOR %}
				</ul>
				<a href="{COMPARE_URL}" class="button" title="Перейти к Сравнению">Перейти к Сравнению</a>
			  </div>
			</div>
			<!-- Корзина -->
			<div class="block cart {% IFNOT CART_COUNT_TOTAL = 0 %}have-items{% ENDIF %} {% IF MOD_LNAME = cart %}cart-page{% ENDIF %}">
			  <div class="title">
				<a href="{CART_URL}" title="Перейти в корзину"><i class="fa fa-shopping-bag">&nbsp;</i><span class="hide">Корзина</span> <span class="tc"><span class="hide">(</span><span class="cart-count" data-count="{CART_COUNT_TOTAL}">{CART_COUNT_TOTAL}</span><span class="hide">)</span></span></a>
			  </div>
			  <div class="dropdown-cart">
				<div class="cart-content">
				  {% IF cart_count_empty %}
				  <div class="cart-empty">Ваша корзина пуста</div>
				  {% ELSE %}
				  <ul class="cart-products-list">
					{% FOR cart_items %}
					<li class="item">
					  <a data-href="{cart_items.ORDER_LINE_DELETE_URL}" data-count="{cart_items.ORDER_LINE_QUANTITY}" title="Удалить позицию" class="remove" onclick="removeFromCart($(this))"></a>
					  <a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}" class="product-image"><img src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png?design=sunrise{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}" alt="{cart_items.GOODS_NAME}" class="goods-image-icon"></a>
					  <div class="product-details">
						<a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}" class="product-name">{cart_items.GOODS_NAME}</a>
						{% IFNOT cart_items.distinctive_properties_empty %}<div class="product-mod">({% FOR distinctive_properties %}{cart_items.distinctive_properties.NAME}: {cart_items.distinctive_properties.VALUE}{% IFNOT cart_items.distinctive_properties.last %}, {% ENDIF %}{% ENDFOR %})</div>{% ENDIF %}
						<div class="product-price">
						  <span class="quantity">{cart_items.ORDER_LINE_QUANTITY} x </span>
						  <span class="price {CURRENCY_CHAR_CODE}" data-price="{cart_items.GOODS_MOD_PRICE_NOW}">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span>
						</div>
					  </div>
					</li>
					{% ENDFOR %}
				  </ul>
				  {% FOR cart_sum %}
				  <div class="subtotal">
					<span class="label">Скидка:</span>
					<span class="price">{CART_SUM_DISCOUNT_PERCENT}%</span>
					<br/>
					<span class="label">Итого:</span>
					<span class="price {CURRENCY_CHAR_CODE} total-sum">{cart_sum.NOW_WITH_DISCOUNT | money_format}</span>
				  </div>
				  {% ENDFOR %}
				  <div class="actions">
					<a class="button" title="Очистить корзину" data-href="{CART_TRUNCATE_URL}" onclick="removeFromCartAll($(this))">Очистить</a>
					<a class="button button2" title="Перейти к оформлению заказа" href="{CART_URL}">В корзину</a>
				  </div>
				  {% ENDIF %}
				</div>
			  </div>
			</div>
		  </div>
замените на
		  <div class="header-left">   <span class="email">
<script type="text/javascript">
		 $(document).ready(function(){
						 ymaps.ready(function(){
								 var geolocation = ymaps.geolocation;
								 $('#tow').html('Ваш город: '+geolocation.city);
						 });
				 });
</script>
<div id="tow">Ваш город: ... определяется ...</div>
				  </span></div>
				   <div class="header-right">
			<!-- Меню -->
			<div class="block menu">
			  <div class="title" title="Меню"><i class="fa fa-home"></i></div>
			  <div class="dropdown">
				<ul class="links">
				  {% FOR menu %}
					{% FOR header %}
					  {% FOR links %}
						<li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="active"{%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 class="block account">
			  <div class="title" title="Личный кабинет"><i class="fa fa-user"></i></div>
			  <div class="dropdown">
				<ul class="links">
				  {% IFNOT CLIENT_IS_LOGIN %}
				  <li><a href="{USER_LOGIN_URL}" title="Вход в личный кабинет"><i class="fa fa-unlock-alt"></i>Вход</a></li>
				  <li><a href="{USER_REGISTER_URL}" title="Регистрация"><i class="fa fa-user-plus"></i>Регистрация</a></li>
				  {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}<li><a href="{COMPARE_URL}"><i class="fa fa-retweet"></i>Сравнение</a></li>{% ENDIF %}
				  {% ELSE %}
				  <li><a href="{USER_SETTINGS_URL}"><i class="fa fa-user"></i>Мой кабинет</a></li>
				  <li><a href="{FAVORITES_URL}"><i class="fa fa-heart"></i>Избранное</a></li>
				  <li><a href="{USER_HISTORY_LIST_URL}"><i class="fa fa-history"></i>История заказов</a></li>
				  {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}<li><a href="{COMPARE_URL}"><i class="fa fa-retweet"></i>Сравнение</a></li>{% ENDIF %}
				  <li><a href="{USER_LOGOUT_URL}"><i class="fa fa-unlock-alt"></i>Выход</a></li>
				  {% ENDIF %}
				</ul>
			  </div>
			</div>
			<!-- Поиск -->
			<div class="block search">
			  <form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get" title="Поиск по магазину">
				<input type="hidden" name="goods_search_field_id" value="0">
				<input type="text" name="q" value="{SEARCH_QUERY}" class="search-string" placeholder="Поиск по магазину..." autocomplete="off">
				<span class="search-submit"><button type="submit" title="Искать" class="fa fa-search"></button></span>
			  </form>
			</div>
			<!-- Сравнение -->
			<div class="block compare {% IFNOT COMPARE_GOODS_COUNT = 0 %}have-items{% ENDIF %} {% IF MOD_LNAME = compare %}compare-page{% ENDIF %}">
			  <div class="title">
				<a href="{COMPARE_URL}" title="Перейти к Сравнению"><i class="fa fa-retweet">&nbsp;</i><span class="hide">Сравнение</span> <span class="tc"><span class="hide">(</span><span class="compare-count" data-count="{COMPARE_GOODS_COUNT}">{COMPARE_GOODS_COUNT}</span><span class="hide">)</span></span></a>
			  </div>
			  <div class="dropdown-compare">
				<ul id="compare-items">
				  {% FOR compare_goods %}
				  <li class="item" {% IF compare_goods.index > 5 %}style="display:none;"{% ENDIF %}>
					<a data-href="{COMPARE_DELETE_URL}?id={compare_goods.MIN_PRICE_NOW_ID}" data-goods-mod-id="{compare_goods.MIN_PRICE_NOW_ID}" class="remove x" title="Убрать товар из списка сравнения" onclick="removeFromCompare($(this))"></a>
					<p class="product-name"><a href="{compare_goods.URL}" title="{compare_goods.NAME}">{compare_goods.NAME}</a></p>
					<a href="#" class="dataid">{compare_goods.ID}</a>
				  </li>
				  {% ENDFOR %}
				</ul>
				<a href="{COMPARE_URL}" class="button" title="Перейти к Сравнению">Перейти к Сравнению</a>
			  </div>
			</div>
			<!-- Корзина -->
			<div class="block cart {% IFNOT CART_COUNT_TOTAL = 0 %}have-items{% ENDIF %} {% IF MOD_LNAME = cart %}cart-page{% ENDIF %}">
			  <div class="title">
				<a href="{CART_URL}" title="Перейти в корзину"><i class="fa fa-shopping-bag">&nbsp;</i><span class="hide">Корзина</span> <span class="tc"><span class="hide">(</span><span class="cart-count" data-count="{CART_COUNT_TOTAL}">{CART_COUNT_TOTAL}</span><span class="hide">)</span></span></a>
			  </div>
			  <div class="dropdown-cart">
				<div class="cart-content">
				  {% IF cart_count_empty %}
				  <div class="cart-empty">Ваша корзина пуста</div>
				  {% ELSE %}
				  <ul class="cart-products-list">
					{% FOR cart_items %}
					<li class="item">
					  <a data-href="{cart_items.ORDER_LINE_DELETE_URL}" data-count="{cart_items.ORDER_LINE_QUANTITY}" title="Удалить позицию" class="remove" onclick="removeFromCart($(this))"></a>
					  <a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}" class="product-image"><img src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png?design=sunrise{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}" alt="{cart_items.GOODS_NAME}" class="goods-image-icon"></a>
					  <div class="product-details">
						<a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}" class="product-name">{cart_items.GOODS_NAME}</a>
						{% IFNOT cart_items.distinctive_properties_empty %}<div class="product-mod">({% FOR distinctive_properties %}{cart_items.distinctive_properties.NAME}: {cart_items.distinctive_properties.VALUE}{% IFNOT cart_items.distinctive_properties.last %}, {% ENDIF %}{% ENDFOR %})</div>{% ENDIF %}
						<div class="product-price">
						  <span class="quantity">{cart_items.ORDER_LINE_QUANTITY} x </span>
						  <span class="price {CURRENCY_CHAR_CODE}" data-price="{cart_items.GOODS_MOD_PRICE_NOW}">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span>
						</div>
					  </div>
					</li>
					{% ENDFOR %}
				  </ul>
				  {% FOR cart_sum %}
				  <div class="subtotal">
					<span class="label">Скидка:</span>
					<span class="price">{CART_SUM_DISCOUNT_PERCENT}%</span>
					<br/>
					<span class="label">Итого:</span>
					<span class="price {CURRENCY_CHAR_CODE} total-sum">{cart_sum.NOW_WITH_DISCOUNT | money_format}</span>
				  </div>
				  {% ENDFOR %}
				  <div class="actions">
					<a class="button" title="Очистить корзину" data-href="{CART_TRUNCATE_URL}" onclick="removeFromCartAll($(this))">Очистить</a>
					<a class="button button2" title="Перейти к оформлению заказа" href="{CART_URL}">В корзину</a>
				  </div>
				  {% ENDIF %}
				</div>
			  </div>
			</div>
		  </div>
		  <div class="header-left">
			<!-- Телефон и Режим работы -->
			{% IF SETTINGS_STORE_PHONE_NUMBER1 || SETTINGS_STORE_WORK_TIME %}
			<div class="block phone">
			  <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}"><span>{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</span></a>
			  <div class="time">{SETTINGS_STORE_WORK_TIME}</div>
			</div>
			{% ENDIF %}
			<!-- Обратный звонок -->
			<div class="block callback">
			  <a class="button button3" href="#fancybox-callback" title="Обратный звонок"><i class="fa fa-phone"></i><span class="hide">Обратный звонок</span></a>
			  <div id="fancybox-callback" style="display:none">
				<h4 class="title">Обратный звонок</h4>
				<form method="post" action="{CALLBACK_URL}" class="callbackForm" enctype="multipart/form-data">
				  <input type="hidden" name="hash" value="{HASH}" />
				  <input class="callbackredirect" type="hidden" name="return_to" value="{CALLBACK_URL}"/>
				  <!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации -->
				  {ANTISPAM_CODE}
				  <div class="callback-input">
					<input id="callback_person" class="inputText callback_person required" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PERSON}]" value="{FORM_CALLBACK_PERSON}" placeholder="Ваше имя" maxlength="50" title="Представьтесь, пожалуйста" autocomplete="off">
				  </div>
				  <div class="callback-input">
					<input id="callback_phone" class="inputText callback_phone required" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PHONE}]" value="{FORM_CALLBACK_PHONE}" placeholder="Номер телефона" maxlength="50" title="Введите номер телефона" autocomplete="off">
				  </div>
				  <button type="submit" title="Отправить" class="button button3">Отправить</button>
				</form>
			  </div>
			</div>
		  </div>

далее найдите в файле main.css
.header-top .header-right {float: right;}
замените на
.header-top .header-right {float: left;}

далее найдите 
.block.callback {margin-left: 50px;vertical-align: top;}
замените на
.block.callback {margin-left: 0px;vertical-align: top;}

#3 evros

evros

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

  • Пользователи
  • PipPipPipPip
  • 284 сообщений
  • ГородМосква

Отправлено 13 Сентябрь 2016 - 11:15

Просмотр сообщенияИрина345 (12 Сентябрь 2016 - 17:06) писал:

Здравствуйте,
Найдите в шаблоне HTML
</script>
</head>
замените на
</script>
<!-- Скрипты магазина -->
<script src="http://api-maps.yandex.ru/2.0/?load=package.full&amp;lang=ru-RU" type="text/javascript"></script>
</head>

далее найдите
	 <div class="header-left">
		 <!-- Телефон и Режим работы -->
		 {% IF SETTINGS_STORE_PHONE_NUMBER1 || SETTINGS_STORE_WORK_TIME %}
		 <div class="block phone">
			 <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}"><span>{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</span></a>
			 <div class="time">{SETTINGS_STORE_WORK_TIME}</div>
		 </div>
		 {% ENDIF %}
		 <!-- Обратный звонок -->
		 <div class="block callback">
			 <a class="button button3" href="#fancybox-callback" title="Обратный звонок"><i class="fa fa-phone"></i><span class="hide">Обратный звонок</span></a>
			 <div id="fancybox-callback" style="display:none">
			 <h4 class="title">Обратный звонок</h4>
			 <form method="post" action="{CALLBACK_URL}" class="callbackForm" enctype="multipart/form-data">
				 <input type="hidden" name="hash" value="{HASH}" />
				 <input class="callbackredirect" type="hidden" name="return_to" value="{CALLBACK_URL}"/>
				 <!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации -->
				 {ANTISPAM_CODE}
				 <div class="callback-input">
				 <input id="callback_person" class="inputText callback_person required" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PERSON}]" value="{FORM_CALLBACK_PERSON}" placeholder="Ваше имя" maxlength="50" title="Представьтесь, пожалуйста" autocomplete="off">
				 </div>
				 <div class="callback-input">
				 <input id="callback_phone" class="inputText callback_phone required" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PHONE}]" value="{FORM_CALLBACK_PHONE}" placeholder="Номер телефона" maxlength="50" title="Введите номер телефона" autocomplete="off">
				 </div>
				 <button type="submit" title="Отправить" class="button button3">Отправить</button>
			 </form>
			 </div>
		 </div>
		 </div>
		 <div class="header-right">
		 <!-- Меню -->
		 <div class="block menu">
			 <div class="title" title="Меню"><i class="fa fa-home"></i></div>
			 <div class="dropdown">
			 <ul class="links">
				 {% FOR menu %}
				 {% FOR header %}
					 {% FOR links %}
					 <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="active"{%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 class="block account">
			 <div class="title" title="Личный кабинет"><i class="fa fa-user"></i></div>
			 <div class="dropdown">
			 <ul class="links">
				 {% IFNOT CLIENT_IS_LOGIN %}
				 <li><a href="{USER_LOGIN_URL}" title="Вход в личный кабинет"><i class="fa fa-unlock-alt"></i>Вход</a></li>
				 <li><a href="{USER_REGISTER_URL}" title="Регистрация"><i class="fa fa-user-plus"></i>Регистрация</a></li>
				 {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}<li><a href="{COMPARE_URL}"><i class="fa fa-retweet"></i>Сравнение</a></li>{% ENDIF %}
				 {% ELSE %}
				 <li><a href="{USER_SETTINGS_URL}"><i class="fa fa-user"></i>Мой кабинет</a></li>
				 <li><a href="{FAVORITES_URL}"><i class="fa fa-heart"></i>Избранное</a></li>
				 <li><a href="{USER_HISTORY_LIST_URL}"><i class="fa fa-history"></i>История заказов</a></li>
				 {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}<li><a href="{COMPARE_URL}"><i class="fa fa-retweet"></i>Сравнение</a></li>{% ENDIF %}
				 <li><a href="{USER_LOGOUT_URL}"><i class="fa fa-unlock-alt"></i>Выход</a></li>
				 {% ENDIF %}
			 </ul>
			 </div>
		 </div>
		 <!-- Поиск -->
		 <div class="block search">
			 <form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get" title="Поиск по магазину">
			 <input type="hidden" name="goods_search_field_id" value="0">
			 <input type="text" name="q" value="{SEARCH_QUERY}" class="search-string" placeholder="Поиск по магазину..." autocomplete="off">
			 <span class="search-submit"><button type="submit" title="Искать" class="fa fa-search"></button></span>
			 </form>
		 </div>
		 <!-- Сравнение -->
		 <div class="block compare {% IFNOT COMPARE_GOODS_COUNT = 0 %}have-items{% ENDIF %} {% IF MOD_LNAME = compare %}compare-page{% ENDIF %}">
			 <div class="title">
			 <a href="{COMPARE_URL}" title="Перейти к Сравнению"><i class="fa fa-retweet">&nbsp;</i><span class="hide">Сравнение</span> <span class="tc"><span class="hide">(</span><span class="compare-count" data-count="{COMPARE_GOODS_COUNT}">{COMPARE_GOODS_COUNT}</span><span class="hide">)</span></span></a>
			 </div>
			 <div class="dropdown-compare">
			 <ul id="compare-items">
				 {% FOR compare_goods %}
				 <li class="item" {% IF compare_goods.index > 5 %}style="display:none;"{% ENDIF %}>
				 <a data-href="{COMPARE_DELETE_URL}?id={compare_goods.MIN_PRICE_NOW_ID}" data-goods-mod-id="{compare_goods.MIN_PRICE_NOW_ID}" class="remove x" title="Убрать товар из списка сравнения" onclick="removeFromCompare($(this))"></a>
				 <p class="product-name"><a href="{compare_goods.URL}" title="{compare_goods.NAME}">{compare_goods.NAME}</a></p>
				 <a href="#" class="dataid">{compare_goods.ID}</a>
				 </li>
				 {% ENDFOR %}
			 </ul>
			 <a href="{COMPARE_URL}" class="button" title="Перейти к Сравнению">Перейти к Сравнению</a>
			 </div>
		 </div>
		 <!-- Корзина -->
		 <div class="block cart {% IFNOT CART_COUNT_TOTAL = 0 %}have-items{% ENDIF %} {% IF MOD_LNAME = cart %}cart-page{% ENDIF %}">
			 <div class="title">
			 <a href="{CART_URL}" title="Перейти в корзину"><i class="fa fa-shopping-bag">&nbsp;</i><span class="hide">Корзина</span> <span class="tc"><span class="hide">(</span><span class="cart-count" data-count="{CART_COUNT_TOTAL}">{CART_COUNT_TOTAL}</span><span class="hide">)</span></span></a>
			 </div>
			 <div class="dropdown-cart">
			 <div class="cart-content">
				 {% IF cart_count_empty %}
				 <div class="cart-empty">Ваша корзина пуста</div>
				 {% ELSE %}
				 <ul class="cart-products-list">
				 {% FOR cart_items %}
				 <li class="item">
					 <a data-href="{cart_items.ORDER_LINE_DELETE_URL}" data-count="{cart_items.ORDER_LINE_QUANTITY}" title="Удалить позицию" class="remove" onclick="removeFromCart($(this))"></a>
					 <a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}" class="product-image"><img src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png?design=sunrise{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}" alt="{cart_items.GOODS_NAME}" class="goods-image-icon"></a>
					 <div class="product-details">
					 <a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}" class="product-name">{cart_items.GOODS_NAME}</a>
					 {% IFNOT cart_items.distinctive_properties_empty %}<div class="product-mod">({% FOR distinctive_properties %}{cart_items.distinctive_properties.NAME}: {cart_items.distinctive_properties.VALUE}{% IFNOT cart_items.distinctive_properties.last %}, {% ENDIF %}{% ENDFOR %})</div>{% ENDIF %}
					 <div class="product-price">
						 <span class="quantity">{cart_items.ORDER_LINE_QUANTITY} x </span>
						 <span class="price {CURRENCY_CHAR_CODE}" data-price="{cart_items.GOODS_MOD_PRICE_NOW}">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span>
					 </div>
					 </div>
				 </li>
				 {% ENDFOR %}
				 </ul>
				 {% FOR cart_sum %}
				 <div class="subtotal">
				 <span class="label">Скидка:</span>
				 <span class="price">{CART_SUM_DISCOUNT_PERCENT}%</span>
				 <br/>
				 <span class="label">Итого:</span>
				 <span class="price {CURRENCY_CHAR_CODE} total-sum">{cart_sum.NOW_WITH_DISCOUNT | money_format}</span>
				 </div>
				 {% ENDFOR %}
				 <div class="actions">
				 <a class="button" title="Очистить корзину" data-href="{CART_TRUNCATE_URL}" onclick="removeFromCartAll($(this))">Очистить</a>
				 <a class="button button2" title="Перейти к оформлению заказа" href="{CART_URL}">В корзину</a>
				 </div>
				 {% ENDIF %}
			 </div>
			 </div>
		 </div>
		 </div>
замените на
		 <div class="header-left"> <span class="email">
<script type="text/javascript">
		 $(document).ready(function(){
						 ymaps.ready(function(){
								 var geolocation = ymaps.geolocation;
								 $('#tow').html('Ваш город: '+geolocation.city);
						 });
				 });
</script>
<div id="tow">Ваш город: ... определяется ...</div>
				 </span></div>
				 <div class="header-right">
		 <!-- Меню -->
		 <div class="block menu">
			 <div class="title" title="Меню"><i class="fa fa-home"></i></div>
			 <div class="dropdown">
			 <ul class="links">
				 {% FOR menu %}
				 {% FOR header %}
					 {% FOR links %}
					 <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="active"{%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 class="block account">
			 <div class="title" title="Личный кабинет"><i class="fa fa-user"></i></div>
			 <div class="dropdown">
			 <ul class="links">
				 {% IFNOT CLIENT_IS_LOGIN %}
				 <li><a href="{USER_LOGIN_URL}" title="Вход в личный кабинет"><i class="fa fa-unlock-alt"></i>Вход</a></li>
				 <li><a href="{USER_REGISTER_URL}" title="Регистрация"><i class="fa fa-user-plus"></i>Регистрация</a></li>
				 {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}<li><a href="{COMPARE_URL}"><i class="fa fa-retweet"></i>Сравнение</a></li>{% ENDIF %}
				 {% ELSE %}
				 <li><a href="{USER_SETTINGS_URL}"><i class="fa fa-user"></i>Мой кабинет</a></li>
				 <li><a href="{FAVORITES_URL}"><i class="fa fa-heart"></i>Избранное</a></li>
				 <li><a href="{USER_HISTORY_LIST_URL}"><i class="fa fa-history"></i>История заказов</a></li>
				 {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}<li><a href="{COMPARE_URL}"><i class="fa fa-retweet"></i>Сравнение</a></li>{% ENDIF %}
				 <li><a href="{USER_LOGOUT_URL}"><i class="fa fa-unlock-alt"></i>Выход</a></li>
				 {% ENDIF %}
			 </ul>
			 </div>
		 </div>
		 <!-- Поиск -->
		 <div class="block search">
			 <form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get" title="Поиск по магазину">
			 <input type="hidden" name="goods_search_field_id" value="0">
			 <input type="text" name="q" value="{SEARCH_QUERY}" class="search-string" placeholder="Поиск по магазину..." autocomplete="off">
			 <span class="search-submit"><button type="submit" title="Искать" class="fa fa-search"></button></span>
			 </form>
		 </div>
		 <!-- Сравнение -->
		 <div class="block compare {% IFNOT COMPARE_GOODS_COUNT = 0 %}have-items{% ENDIF %} {% IF MOD_LNAME = compare %}compare-page{% ENDIF %}">
			 <div class="title">
			 <a href="{COMPARE_URL}" title="Перейти к Сравнению"><i class="fa fa-retweet">&nbsp;</i><span class="hide">Сравнение</span> <span class="tc"><span class="hide">(</span><span class="compare-count" data-count="{COMPARE_GOODS_COUNT}">{COMPARE_GOODS_COUNT}</span><span class="hide">)</span></span></a>
			 </div>
			 <div class="dropdown-compare">
			 <ul id="compare-items">
				 {% FOR compare_goods %}
				 <li class="item" {% IF compare_goods.index > 5 %}style="display:none;"{% ENDIF %}>
				 <a data-href="{COMPARE_DELETE_URL}?id={compare_goods.MIN_PRICE_NOW_ID}" data-goods-mod-id="{compare_goods.MIN_PRICE_NOW_ID}" class="remove x" title="Убрать товар из списка сравнения" onclick="removeFromCompare($(this))"></a>
				 <p class="product-name"><a href="{compare_goods.URL}" title="{compare_goods.NAME}">{compare_goods.NAME}</a></p>
				 <a href="#" class="dataid">{compare_goods.ID}</a>
				 </li>
				 {% ENDFOR %}
			 </ul>
			 <a href="{COMPARE_URL}" class="button" title="Перейти к Сравнению">Перейти к Сравнению</a>
			 </div>
		 </div>
		 <!-- Корзина -->
		 <div class="block cart {% IFNOT CART_COUNT_TOTAL = 0 %}have-items{% ENDIF %} {% IF MOD_LNAME = cart %}cart-page{% ENDIF %}">
			 <div class="title">
			 <a href="{CART_URL}" title="Перейти в корзину"><i class="fa fa-shopping-bag">&nbsp;</i><span class="hide">Корзина</span> <span class="tc"><span class="hide">(</span><span class="cart-count" data-count="{CART_COUNT_TOTAL}">{CART_COUNT_TOTAL}</span><span class="hide">)</span></span></a>
			 </div>
			 <div class="dropdown-cart">
			 <div class="cart-content">
				 {% IF cart_count_empty %}
				 <div class="cart-empty">Ваша корзина пуста</div>
				 {% ELSE %}
				 <ul class="cart-products-list">
				 {% FOR cart_items %}
				 <li class="item">
					 <a data-href="{cart_items.ORDER_LINE_DELETE_URL}" data-count="{cart_items.ORDER_LINE_QUANTITY}" title="Удалить позицию" class="remove" onclick="removeFromCart($(this))"></a>
					 <a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}" class="product-image"><img src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png?design=sunrise{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}" alt="{cart_items.GOODS_NAME}" class="goods-image-icon"></a>
					 <div class="product-details">
					 <a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}" class="product-name">{cart_items.GOODS_NAME}</a>
					 {% IFNOT cart_items.distinctive_properties_empty %}<div class="product-mod">({% FOR distinctive_properties %}{cart_items.distinctive_properties.NAME}: {cart_items.distinctive_properties.VALUE}{% IFNOT cart_items.distinctive_properties.last %}, {% ENDIF %}{% ENDFOR %})</div>{% ENDIF %}
					 <div class="product-price">
						 <span class="quantity">{cart_items.ORDER_LINE_QUANTITY} x </span>
						 <span class="price {CURRENCY_CHAR_CODE}" data-price="{cart_items.GOODS_MOD_PRICE_NOW}">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span>
					 </div>
					 </div>
				 </li>
				 {% ENDFOR %}
				 </ul>
				 {% FOR cart_sum %}
				 <div class="subtotal">
				 <span class="label">Скидка:</span>
				 <span class="price">{CART_SUM_DISCOUNT_PERCENT}%</span>
				 <br/>
				 <span class="label">Итого:</span>
				 <span class="price {CURRENCY_CHAR_CODE} total-sum">{cart_sum.NOW_WITH_DISCOUNT | money_format}</span>
				 </div>
				 {% ENDFOR %}
				 <div class="actions">
				 <a class="button" title="Очистить корзину" data-href="{CART_TRUNCATE_URL}" onclick="removeFromCartAll($(this))">Очистить</a>
				 <a class="button button2" title="Перейти к оформлению заказа" href="{CART_URL}">В корзину</a>
				 </div>
				 {% ENDIF %}
			 </div>
			 </div>
		 </div>
		 </div>
		 <div class="header-left">
		 <!-- Телефон и Режим работы -->
		 {% IF SETTINGS_STORE_PHONE_NUMBER1 || SETTINGS_STORE_WORK_TIME %}
		 <div class="block phone">
			 <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}"><span>{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</span></a>
			 <div class="time">{SETTINGS_STORE_WORK_TIME}</div>
		 </div>
		 {% ENDIF %}
		 <!-- Обратный звонок -->
		 <div class="block callback">
			 <a class="button button3" href="#fancybox-callback" title="Обратный звонок"><i class="fa fa-phone"></i><span class="hide">Обратный звонок</span></a>
			 <div id="fancybox-callback" style="display:none">
			 <h4 class="title">Обратный звонок</h4>
			 <form method="post" action="{CALLBACK_URL}" class="callbackForm" enctype="multipart/form-data">
				 <input type="hidden" name="hash" value="{HASH}" />
				 <input class="callbackredirect" type="hidden" name="return_to" value="{CALLBACK_URL}"/>
				 <!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации -->
				 {ANTISPAM_CODE}
				 <div class="callback-input">
				 <input id="callback_person" class="inputText callback_person required" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PERSON}]" value="{FORM_CALLBACK_PERSON}" placeholder="Ваше имя" maxlength="50" title="Представьтесь, пожалуйста" autocomplete="off">
				 </div>
				 <div class="callback-input">
				 <input id="callback_phone" class="inputText callback_phone required" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PHONE}]" value="{FORM_CALLBACK_PHONE}" placeholder="Номер телефона" maxlength="50" title="Введите номер телефона" autocomplete="off">
				 </div>
				 <button type="submit" title="Отправить" class="button button3">Отправить</button>
			 </form>
			 </div>
		 </div>
		 </div>

далее найдите в файле main.css
.header-top .header-right {float: right;}
замените на
.header-top .header-right {float: left;}

далее найдите
.block.callback {margin-left: 50px;vertical-align: top;}
замените на
.block.callback {margin-left: 0px;vertical-align: top;}


Добрый день. Сделал. Но строка ВАШ ГОРОД должна быть в одну линию с ПОИСКОМ - СРАВНЕНИЕМ - КОРЗИНОЙ, а она ушла вверх над ПОИСКОМ

#4 Razon

Razon

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

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

Отправлено 13 Сентябрь 2016 - 12:28

Здравствуйте,  найдите данный код в HTML
<div class="header-left">   <span class="email">
<script type="text/javascript">
				 $(document).ready(function(){
												 ymaps.ready(function(){
																 var geolocation = ymaps.geolocation;
																 $('#tow').html('Ваш город: '+geolocation.city);
												 });
								 });
</script>
<div id="tow">Ваш город: ... определяется ...</div>
								  </span></div>

Замените его на 
<div class="header-right">   <span class="email">
  <div class="city">
<script type="text/javascript">
				 $(document).ready(function(){
												 ymaps.ready(function(){
																 var geolocation = ymaps.geolocation;
																 $('#tow').html('Ваш город: '+geolocation.city);
												 });
								 });
</script>
<div id="tow">Ваш город: ... определяется ...</div>
  </div>
								  </span></div>


В файле main.css добавьте строчку

.header-top .header-right .city {margin-top:13px;}

#5 evros

evros

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

  • Пользователи
  • PipPipPipPip
  • 284 сообщений
  • ГородМосква

Отправлено 13 Сентябрь 2016 - 14:58

Просмотр сообщенияRa1zon (13 Сентябрь 2016 - 12:28) писал:

Здравствуйте,  найдите данный код в HTML
<div class="header-left"> <span class="email">
<script type="text/javascript">
				 $(document).ready(function(){
												 ymaps.ready(function(){
																 var geolocation = ymaps.geolocation;
																 $('#tow').html('Ваш город: '+geolocation.city);
												 });
								 });
</script>
<div id="tow">Ваш город: ... определяется ...</div>
								 </span></div>

Замените его на
<div class="header-right"> <span class="email">
<div class="city">
<script type="text/javascript">
				 $(document).ready(function(){
												 ymaps.ready(function(){
																 var geolocation = ymaps.geolocation;
																 $('#tow').html('Ваш город: '+geolocation.city);
												 });
								 });
</script>
<div id="tow">Ваш город: ... определяется ...</div>
</div>
								 </span></div>


В файле main.css добавьте строчку

.header-top .header-right .city {margin-top:13px;}

Отлично! Все получилось.

С каталогом сможете помочь?

#6 Vaccina

Vaccina

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

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

Отправлено 17 Сентябрь 2016 - 05:55

В шаблоне HTML найдите:
<!-- Меню в шапке -->
			<ul class="mainnav">
			  {% FOR menu %}
				{% FOR header %}
				  {% FOR links %}
					<li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
				  {% ENDFOR %}
				{% ENDFOR %}
			  {% ENDFOR %}
			</ul>
			{% ENDIF %}
		  </div>
		  <!-- Адаптивный каталог -->
		  <div id="mommenu" class="menu-offcanvas col-xs-6">
			<span class="btn-navbar" title="Меню"><span class="title">Меню</span><i class="fa fa-bars"></i></span>
		  </div>
		</div>
	  </div>

после него добавьте:
<div class="header-bottom">
		<div class="container">
		  <!-- Каталог -->
		  <div class="col-md-12 col-xs-12">
	  <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 {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} 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 %}" title="{catalog_full.NAME}"><span>{catalog_full.NAME}</span></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>
  </div>

В main.css найдите:
/* Моб. Каталог */
#menu_offcanvas .mainnav {position: static;padding: 0 20px;background-color: #fff;border: 1px solid #cdcdcd;}
#menu_offcanvas .mainnav li {position: relative;padding: 0 0px;}
#menu_offcanvas .mainnav li a {display: block;padding: 11px 0px;border: 0;border-bottom: 1px solid #e1e1e1;}
#menu_offcanvas .mainnav li:last-child a {border-bottom: 0;}
#menu_offcanvas .mainnav li a:hover, #menu_offcanvas #menu_offcanvas .mainnav li a.active, #menu_offcanvas #menu_offcanvas .mainnav li a .open-menu:hover, #menu_offcanvas #menu_offcanvas .mainnav li a .open-menu.active {color: #8C2C29;}
#menu_offcanvas .mainnav li ul.sub {display: none;padding: 0 0 0 15px;}
#menu_offcanvas .mainnav li.active > ul.sub {display: block;}
#menu_offcanvas .mainnav li .open-menu {position: absolute;cursor: pointer;width: 40px;height: 40px;line-height: 40px;right: 0px;top: 0px;text-align: center;color: #808080;}
#menu_offcanvas .mainnav li .open-menu:before {display: block;content: "\f0dd";font-family: fontawesome;font-size: 15px;}
#menu_offcanvas .mainnav li.active a .open-menu.active:before {content: "\f0de";}

после него вставьте:
.header-bottom {
	border-top: 2px solid #8C2C29;
	border-bottom: 2px solid #8C2C29;
	height: 40px;
	position: relative;
}
.header-bottom .col-md-12.col-xs-12 {
	position: inherit;
}
.header-bottom .mainnav {
	margin: 0;
	padding: 0;
}
.header-bottom .mainnav > li {
	display: inline-block;
	line-height: 40px;
	padding: 0 5px;
	border-right: 1px solid #8C2C29;
	list-style: none;
}
.header-bottom .mainnav > li:last-child {
	border-right: none;
}
.header-bottom .mainnav ul {
	display: none;
	position: absolute;
	top: 40px;
	z-index: 10;
	background: #fff;
	width: 100%;
	padding: 10px;
	left: 0;
	right: 0;
}
.header-bottom .mainnav > li:hover > ul {
	display: block;
}
.header-bottom .mainnav ul ul{
	display:none;
}
.header-bottom .mainnav > li > ul > li {
	display: inline-block;
	width: 33%;
}

#7 evros

evros

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

  • Пользователи
  • PipPipPipPip
  • 284 сообщений
  • ГородМосква

Отправлено 20 Сентябрь 2016 - 11:18

Просмотр сообщенияVaccina (17 Сентябрь 2016 - 05:55) писал:

В шаблоне HTML найдите:
<!-- Меню в шапке -->
		 <ul class="mainnav">
			 {% FOR menu %}
			 {% FOR header %}
				 {% FOR links %}
				 <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
				 {% ENDFOR %}
			 {% ENDFOR %}
			 {% ENDFOR %}
		 </ul>
		 {% ENDIF %}
		 </div>
		 <!-- Адаптивный каталог -->
		 <div id="mommenu" class="menu-offcanvas col-xs-6">
		 <span class="btn-navbar" title="Меню"><span class="title">Меню</span><i class="fa fa-bars"></i></span>
		 </div>
	 </div>
	 </div>

после него добавьте:
<div class="header-bottom">
	 <div class="container">
		 <!-- Каталог -->
		 <div class="col-md-12 col-xs-12">
	 <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 {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} 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 %}" title="{catalog_full.NAME}"><span>{catalog_full.NAME}</span></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>
</div>

В main.css найдите:
/* Моб. Каталог */
#menu_offcanvas .mainnav {position: static;padding: 0 20px;background-color: #fff;border: 1px solid #cdcdcd;}
#menu_offcanvas .mainnav li {position: relative;padding: 0 0px;}
#menu_offcanvas .mainnav li a {display: block;padding: 11px 0px;border: 0;border-bottom: 1px solid #e1e1e1;}
#menu_offcanvas .mainnav li:last-child a {border-bottom: 0;}
#menu_offcanvas .mainnav li a:hover, #menu_offcanvas #menu_offcanvas .mainnav li a.active, #menu_offcanvas #menu_offcanvas .mainnav li a .open-menu:hover, #menu_offcanvas #menu_offcanvas .mainnav li a .open-menu.active {color: #8C2C29;}
#menu_offcanvas .mainnav li ul.sub {display: none;padding: 0 0 0 15px;}
#menu_offcanvas .mainnav li.active > ul.sub {display: block;}
#menu_offcanvas .mainnav li .open-menu {position: absolute;cursor: pointer;width: 40px;height: 40px;line-height: 40px;right: 0px;top: 0px;text-align: center;color: #808080;}
#menu_offcanvas .mainnav li .open-menu:before {display: block;content: "\f0dd";font-family: fontawesome;font-size: 15px;}
#menu_offcanvas .mainnav li.active a .open-menu.active:before {content: "\f0de";}

после него вставьте:
.header-bottom {
border-top: 2px solid #8C2C29;
border-bottom: 2px solid #8C2C29;
height: 40px;
position: relative;
}
.header-bottom .col-md-12.col-xs-12 {
position: inherit;
}
.header-bottom .mainnav {
margin: 0;
padding: 0;
}
.header-bottom .mainnav > li {
display: inline-block;
line-height: 40px;
padding: 0 5px;
border-right: 1px solid #8C2C29;
list-style: none;
}
.header-bottom .mainnav > li:last-child {
border-right: none;
}
.header-bottom .mainnav ul {
display: none;
position: absolute;
top: 40px;
z-index: 10;
background: #fff;
width: 100%;
padding: 10px;
left: 0;
right: 0;
}
.header-bottom .mainnav > li:hover > ul {
display: block;
}
.header-bottom .mainnav ul ul{
display:none;
}
.header-bottom .mainnav > li > ul > li {
display: inline-block;
width: 33%;
}

Сделал немного по другому. Помогите пожалуйста весь раскрытый каталог сделать в одну линию.

#8 Razon

Razon

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

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

Отправлено 20 Сентябрь 2016 - 11:26

Просмотр сообщенияevros (20 Сентябрь 2016 - 11:18) писал:

Сделал немного по другому. Помогите пожалуйста весь раскрытый каталог сделать в одну линию.

Здравствуйте,  уточните пожалуйста про какой каталог идет речь,  по возможности пришлите скриншот с обозначениями(выделить) где и что должно быть.

#9 evros

evros

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

  • Пользователи
  • PipPipPipPip
  • 284 сообщений
  • ГородМосква

Отправлено 20 Сентябрь 2016 - 11:45

Просмотр сообщенияRa1zon (20 Сентябрь 2016 - 11:26) писал:

Здравствуйте,  уточните пожалуйста про какой каталог идет речь,  по возможности пришлите скриншот с обозначениями(выделить) где и что должно быть.

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

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

  • Изменения в шапке сайта.jpg

#10 Ирина345

Ирина345

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

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

Отправлено 20 Сентябрь 2016 - 17:35

Просмотр сообщенияevros (20 Сентябрь 2016 - 11:45) писал:

Прикрепил желаемые изменения
Здравствуйте, найдите в шаблоне hTML
<!-- Меню Каталог в шапке -->
	  <div class="header-middle">
		<div class="container">
		  <div class="logo col-md-2 col-xs-6">
			<a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}">
			  <img src="{ASSETS_IMAGES_PATH}logo.png?design=sunrise" alt="{SETTINGS_STORE_NAME}">
			</a>
		  </div>
		  <!-- Каталог товаров -->
  {%IFNOT catalog_full_empty%}
		{%FOR catalog_full%}
		  {% IF catalog_full.FIRST %}<ul id="nav">{% ENDIF %}
		  <li class="
				level{catalog_full.LEVEL}
				nav-{catalog_full.index}
				{% IF catalog_full.CURRENT %}active{% ELSEIF catalog_full.CURRENT_PARENT %}active{% ENDIF %}
				{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}
  ">
				<a href="{catalog_full.URL}"><span>{catalog_full.NAME}</span></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 class="mainnav">
			  {% FOR menu %}
				{% FOR header %}
				  {% FOR links %}
					<li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
				  {% ENDFOR %}
				{% ENDFOR %}
			  {% ENDFOR %}
			</ul>
		  
		  </div>
		  <!-- Адаптивный каталог -->
		  <div id="mommenu" class="menu-offcanvas col-xs-6">
			<span class="btn-navbar" title="Меню"><span class="title">Меню</span><i class="fa fa-bars"></i></span>
		  </div>
		</div>
	  </div>
	</div>
	<!-- /END Шапка -->
замените на
<!-- Меню Каталог в шапке -->
	  <div class="header-middle">
		<div class="container">
		  <div class="logo col-md-2 col-xs-6">
			<a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}">
			  <img src="{ASSETS_IMAGES_PATH}logo.png?design=sunrise" alt="{SETTINGS_STORE_NAME}">
			</a>
		  </div>
		  <!-- Каталог -->
		  <div id="custommenu" class="col-md-10 col-xs-12">
			<!-- Для отображения каталога товаров в шапке, замените на следующей строке {% IF MENU_CATALOG %} на {% IFNOT catalog_full_empty %} -->
	  
			<!-- Меню в шапке -->
			<ul class="mainnav">
			  <li class="mod_menu"><a href="">Каталог</a>
			  
						{%FOR catalog_full%}
					{% IF catalog_full.FIRST %}<ul class="accordion {% IF catalog_full.LEVEL = 0 %}sud{%ENDIF%}">{% ENDIF %}
					<li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}{% IF catalog_full.CURRENT %} active{% ELSEIF catalog_full.CURRENT_PARENT %} active{% ENDIF %}">
					  <a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="selected"{% 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%}
			 
			  </li>
			  {% FOR menu %}
				{% FOR header %}
				  {% FOR links %}
					<li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
				  {% ENDFOR %}
				{% ENDFOR %}
			  {% ENDFOR %}
			</ul>
		  
		  </div>
		  <!-- Адаптивный каталог -->
		  <div id="mommenu" class="menu-offcanvas col-xs-6">
			<span class="btn-navbar" title="Меню"><span class="title">Меню</span><i class="fa fa-bars"></i></span>
		  </div>
		</div>
	  </div>
	</div>
	<!-- /END Шапка -->

далее найдите в файле main.css
#payment_services span.icon_10{background: url("{ASSETS_IMAGES_PATH}icon_robo.png?design=sunrise") no-repeat;}
после вставьте
.accordion {
	position: absolute;
   display:none;
		background: #fff;
	list-style-type: none;	padding-left: 10px;width: 211px;	min-height: 300px;
}
.accordion.sud > li:hover > .accordion {
	display: block;	margin-left: 200px; top: 0;
}
.mod_menu:hover > .accordion.sud {
	display:block;
	z-index: 12;
}
.accordion li a {
	font-size: 11px;
}
.accordion.sud > li > ul > li:hover .accordion {
	display: block;
	margin-left: 200px;
	top: 0;
}

Обратно в Каталог товаров


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

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

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