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


Изменение Шапки


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

#1 zoovmeste

zoovmeste

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

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

Отправлено 28 Январь 2017 - 13:16

1) Слайд перенести выше, вплотную к верхней линии
2) Поверх слайда разместить разместить полоску с элементами (указаны ниже), слайды должны меняться под полоской
3) Логотип сместить влево
4) Ссылки так же влево
5) Сделать подчеркивание у ссылок
6) Добавить номер телефона со значком трубки
7) Добавить в правую часть значок корзина
8) Добавить поиск

Все изменения отображены во вложении
Расположение всех элементов необходимо сделать в точности как на картине

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

  • 095.jpg


#2 Vaccina

Vaccina

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

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

Отправлено 03 Февраль 2017 - 07:48

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#slideshow {
	margin: 0 0;
	position: relative;
}

замените на:
#slideshow {
	margin-top: -188px;
	position: relative;
	z-index: 10;
}

далее найдите:
#header {
	text-align: center;
}

замените на:
#header {
	text-align: center;
	z-index: 20;
	position: relative;
	background: #fff;
	margin-top: 40px;
}

далее найдите:
#logo {
	margin: 0;
	padding: 15px 0 10px 35px;
}

замените на:
#logo {
	margin: 0;
	padding: 15px 0 10px 35px;
	float: left;
}

далее найдите:
#custommenu ul.mainnav li.level0 > a {
	display: block;
	padding: 5px 12px;
	position: relative;
	font-size: 16px;
	text-transform: uppercase;
	line-height: 20px;
	color: #000;
	border: 1px solid transparent;
	margin: 0px 0px 10px;
}

после него пропишите:
#custommenu ul.mainnav li.level0 > a span {
	border-bottom: 1px dashed #000;
}


Далее в шаблоне HTML найдите:
<!-- Верхняя часть Шапки -->
	  <div id="header-top" class="wrap">
		<div class="container">
		  <div class="header-col-left left" title="Меню">
			<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 class="header-col-right right">
			<!-- Поиск -->
			<form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get" title="Поиск по магазину">
			  <div class="form-search">
				<input id="search" type="text" name="q" value="" class="input-text search-string" placeholder="Поиск по магазину...">
				<button type="submit" title="Искать" class="button search-submit fa"></button>
			  </div>
			</form>
			<div class="header-tools">
			  <!-- Меню пользователя -->
			  <div class="myaccount">
				<div class="tongle" title="Меню пользователя"><i class="fa fa-user"></i></div>
				<div class="content">
				  <ul class="links">
					{% IFNOT CLIENT_IS_LOGIN %}
					<li><a href="{USER_LOGIN_URL}" title="Вход в личный кабинет"><i class="fa fa-sign-in"></i>Вход</a></li>
					<li><a href="{USER_REGISTER_URL}" title="Регистрация"><i class="fa fa-user-plus"></i>Регистрация</a></li>
					<li><a href="{CART_URL}" title="Корзина"><i class="fa fa-shopping-cart"></i>Корзина</a></li>
					{% ELSE %}
					<li><a href="{USER_SETTINGS_URL}" title="Личный кабинет"><i class="fa fa-user"></i>Мой кабинет</a></li>
					<li><a href="{USER_HISTORY_LIST_URL}" title="История заказов"><i class="fa fa-history"></i>История</a></li>
					<li><a href="{FAVORITES_URL}" title="Избранные товары"><i class="fa fa-heart"></i>Избранное</a></li>
					<li><a href="{COMPARE_URL}" title="Сравнение"><i class="fa fa-retweet"></i>Сравнение</a></li>
					<li><a href="{USER_LOGOUT_URL}" title="Выход"><i class="fa fa-sign-out"></i>Выход</a></li>
					{% ENDIF %}
				  </ul>
				</div>
			  </div>
			  <!-- Сравнение -->
			  {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
			  <div class="mycompare {% IF COMPARE_GOODS_COUNT > 0 %}have-items{% ENDIF %}">
				<div class="tongle">
				  <a href="{COMPARE_URL}" title="Перейти к сравнению">
					<i class="fa fa-retweet"></i><span class="compare-num">{COMPARE_GOODS_COUNT}</span>
				  </a>
				</div>
				<ul id="compare-items" class="content">
				  {% FOR compare_goods %}
				  <li class="item" {% IF compare_goods.index > 6 %}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-compare fa fa-close" title="Убрать товар из списка сравнения"></a>
					<div class="product-name"><a href="{compare_goods.URL}" class="title" title="{compare_goods.NAME}">{compare_goods.NAME}</a></div>
					<a href="#" class="dataid">{compare_goods.ID}</a>
				  </li>
				  {% ENDFOR %}
				</ul>
			  </div>
			  {% ENDIF %}
			  <!-- Корзина -->
			  <div class="mycart {% IFNOT CART_COUNT_TOTAL = 0 %}have-items{% ENDIF %} {% IF MOD_LNAME = cart %}cart-page{% ENDIF %}">
				<div class="tongle cart-status">
				  <a href="{CART_URL}" title="Перейти в корзину">
					<i class="fa fa-shopping-cart"></i><span class="cart-count">{CART_COUNT_TOTAL}</span>
				  </a>
				</div>
				<div class="content dropdown-cart">
				  <div class="cart_block_list">
					{% IF cart_count_empty %}
					<p class="cart_block_no_products">Ваша корзина пуста</p>
					{% ELSE %}
					<ul id="cart-sidebar" class="products">
					  {% FOR cart_items %}
					  <li class="cart-item">
						<a class="cart-images" href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}">
						  <img src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png?design=dark{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}" alt="{cart_items.GOODS_NAME}" class="goods-image-icon">
						</a>
						<div class="cart-block-info">
						  <div class="product-name">
							<a class="cart_block_product_name" href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}">{cart_items.GOODS_NAME}</a>
							{% IFNOT cart_items.distinctive_properties_empty %}<span class="cart_block_product_mod">({% FOR distinctive_properties %}{cart_items.distinctive_properties.NAME}: {cart_items.distinctive_properties.VALUE}{% IFNOT cart_items.distinctive_properties.last %}, {% ENDIF %}{% ENDFOR %})</span>{% ENDIF %}
						  </div>
						  <div class="cart_block_price">
							<span class="quantity-formated"><span class="quantity">{cart_items.ORDER_LINE_QUANTITY}</span>&nbsp;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>
						<a data-href="{cart_items.ORDER_LINE_DELETE_URL}" data-count="{cart_items.ORDER_LINE_QUANTITY}" title="Удалить позицию" class="product-remove">&nbsp;</a>
					  </li>
					  {% ENDFOR %}
					</ul>
					{% ENDIF %}
					<div class="bottom-action actions">
						{% FOR cart_sum %}
						<div class="cart-prices">
						  <span>Итого:</span>
						  <span class="total-sum">{cart_sum.NOW_WITH_DELIVERY_AND_DISCOUNT | money_format}</span>
						</div>
						{% ENDFOR %}
					  <a class="button remove-products" title="Очистить корзину" data-href="{CART_TRUNCATE_URL}">Очистить</a>
					  <a class="button" href="{CART_URL}" title="Перейти к оформлению заказа" >В корзину</a>
					</div>
				  </div>
				</div>
			  </div>
			</div>
		  </div>
		</div>
	  </div>
	  <!-- /END Верхняя часть Шапки -->
	  <!-- Логотип -->
	  <div id="header" class="wrap">
		<div class="container">
		  <div id="logo">
			<a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}">
			  <img class="logo" src="{ASSETS_IMAGES_PATH}logo.png?design=dark" alt="{SETTINGS_STORE_NAME}">
			</a>
		  </div>
		</div>
	  </div>
	  <!-- /END Логотип -->
	  <!-- Меню -->
	  <div id="menu" class="wrap">
		<div class="container">
		  <div class="row">
			<div id="custommenu">
			  <ul class="mainnav" itemscope itemtype="http://schema.org/SiteNavigationElement">
				{%IFNOT catalog_full_empty%}
				  {%FOR catalog_full%}
					{% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="wrap_submenu {% 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 %}" title="{catalog_full.NAME}" itemprop="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>
			</div>
			<div id="mommenu" class="menu-offcanvas">
			  <span class="btn-navbar"> <i class="fa fa-align-justify"></i> <span class="overlay"></span></span>
			  <div id="menu_offcanvas" class="offcanvas">
				<div class="canvas-title">
				  <i class="fa fa-bars"></i>
				  <span class="title">Каталог</span>
				  <i class="fa fa-times"></i>
				</div>
				<ul class="mainnav">
				{% 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>
		  </div>
		</div>
	  </div>


замените на:
<!-- Верхняя часть Шапки -->
	  <div id="header-top" class="wrap">
		<div class="container">
		  <div class="header-col-left left" title="Меню">
			<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>
	  <!-- /END Верхняя часть Шапки -->
	  <div id="header" class="wrap">
		<div class="container">
  <!-- Логотип -->
		  <div id="logo">
			<a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}">
			  <img class="logo" src="{ASSETS_IMAGES_PATH}logo.png?design=dark" alt="{SETTINGS_STORE_NAME}">
			</a>
		  </div>
	<!-- Логотип -->
	<div class="header-col-right right">
			<!-- Поиск -->
			<form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get" title="Поиск по магазину">
			  <div class="form-search">
				<input id="search" type="text" name="q" value="" class="input-text search-string" placeholder="Поиск по магазину...">
				<button type="submit" title="Искать" class="button search-submit fa"></button>
			  </div>
			</form>
			<div class="header-tools">
			  <!-- Меню пользователя -->
			  <div class="myaccount">
				<div class="tongle" title="Меню пользователя"><i class="fa fa-user"></i></div>
				<div class="content">
				  <ul class="links">
					{% IFNOT CLIENT_IS_LOGIN %}
					<li><a href="{USER_LOGIN_URL}" title="Вход в личный кабинет"><i class="fa fa-sign-in"></i>Вход</a></li>
					<li><a href="{USER_REGISTER_URL}" title="Регистрация"><i class="fa fa-user-plus"></i>Регистрация</a></li>
					<li><a href="{CART_URL}" title="Корзина"><i class="fa fa-shopping-cart"></i>Корзина</a></li>
					{% ELSE %}
					<li><a href="{USER_SETTINGS_URL}" title="Личный кабинет"><i class="fa fa-user"></i>Мой кабинет</a></li>
					<li><a href="{USER_HISTORY_LIST_URL}" title="История заказов"><i class="fa fa-history"></i>История</a></li>
					<li><a href="{FAVORITES_URL}" title="Избранные товары"><i class="fa fa-heart"></i>Избранное</a></li>
					<li><a href="{COMPARE_URL}" title="Сравнение"><i class="fa fa-retweet"></i>Сравнение</a></li>
					<li><a href="{USER_LOGOUT_URL}" title="Выход"><i class="fa fa-sign-out"></i>Выход</a></li>
					{% ENDIF %}
				  </ul>
				</div>
			  </div>
			  <!-- Сравнение -->
			  {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
			  <div class="mycompare {% IF COMPARE_GOODS_COUNT > 0 %}have-items{% ENDIF %}">
				<div class="tongle">
				  <a href="{COMPARE_URL}" title="Перейти к сравнению">
					<i class="fa fa-retweet"></i><span class="compare-num">{COMPARE_GOODS_COUNT}</span>
				  </a>
				</div>
				<ul id="compare-items" class="content">
				  {% FOR compare_goods %}
				  <li class="item" {% IF compare_goods.index > 6 %}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-compare fa fa-close" title="Убрать товар из списка сравнения"></a>
					<div class="product-name"><a href="{compare_goods.URL}" class="title" title="{compare_goods.NAME}">{compare_goods.NAME}</a></div>
					<a href="#" class="dataid">{compare_goods.ID}</a>
				  </li>
				  {% ENDFOR %}
				</ul>
			  </div>
			  {% ENDIF %}
			  <!-- Корзина -->
			  <div class="mycart {% IFNOT CART_COUNT_TOTAL = 0 %}have-items{% ENDIF %} {% IF MOD_LNAME = cart %}cart-page{% ENDIF %}">
				<div class="tongle cart-status">
				  <a href="{CART_URL}" title="Перейти в корзину">
					<i class="fa fa-shopping-cart"></i><span class="cart-count">{CART_COUNT_TOTAL}</span>
				  </a>
				</div>
				<div class="content dropdown-cart">
				  <div class="cart_block_list">
					{% IF cart_count_empty %}
					<p class="cart_block_no_products">Ваша корзина пуста</p>
					{% ELSE %}
					<ul id="cart-sidebar" class="products">
					  {% FOR cart_items %}
					  <li class="cart-item">
						<a class="cart-images" href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}">
						  <img src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png?design=dark{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}" alt="{cart_items.GOODS_NAME}" class="goods-image-icon">
						</a>
						<div class="cart-block-info">
						  <div class="product-name">
							<a class="cart_block_product_name" href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}">{cart_items.GOODS_NAME}</a>
							{% IFNOT cart_items.distinctive_properties_empty %}<span class="cart_block_product_mod">({% FOR distinctive_properties %}{cart_items.distinctive_properties.NAME}: {cart_items.distinctive_properties.VALUE}{% IFNOT cart_items.distinctive_properties.last %}, {% ENDIF %}{% ENDFOR %})</span>{% ENDIF %}
						  </div>
						  <div class="cart_block_price">
							<span class="quantity-formated"><span class="quantity">{cart_items.ORDER_LINE_QUANTITY}</span>&nbsp;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>
						<a data-href="{cart_items.ORDER_LINE_DELETE_URL}" data-count="{cart_items.ORDER_LINE_QUANTITY}" title="Удалить позицию" class="product-remove">&nbsp;</a>
					  </li>
					  {% ENDFOR %}
					</ul>
					{% ENDIF %}
					<div class="bottom-action actions">
						{% FOR cart_sum %}
						<div class="cart-prices">
						  <span>Итого:</span>
						  <span class="total-sum">{cart_sum.NOW_WITH_DELIVERY_AND_DISCOUNT | money_format}</span>
						</div>
						{% ENDFOR %}
					  <a class="button remove-products" title="Очистить корзину" data-href="{CART_TRUNCATE_URL}">Очистить</a>
					  <a class="button" href="{CART_URL}" title="Перейти к оформлению заказа" >В корзину</a>
					</div>
				  </div>
				</div>
			  </div>
			</div>
		  </div>
  <!-- Меню -->
	  <div id="menu" class="wrap">
		<div class="container">
		  <div class="row">
			<div id="custommenu">
			  <ul class="mainnav" itemscope itemtype="http://schema.org/SiteNavigationElement">
				{%IFNOT catalog_full_empty%}
				  {%FOR catalog_full%}
					{% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="wrap_submenu {% 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 %}" title="{catalog_full.NAME}" itemprop="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>
			</div>
			<div id="mommenu" class="menu-offcanvas">
			  <span class="btn-navbar"> <i class="fa fa-align-justify"></i> <span class="overlay"></span></span>
			  <div id="menu_offcanvas" class="offcanvas">
				<div class="canvas-title">
				  <i class="fa fa-bars"></i>
				  <span class="title">Каталог</span>
				  <i class="fa fa-times"></i>
				</div>
				<ul class="mainnav">
				{% 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>
		  </div>
		</div>
	  </div>
	  </div>
   </div> 


#3 zoovmeste

zoovmeste

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

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

Отправлено 03 Февраль 2017 - 23:04

1. Верхняя часть баннера не видна
2. Лого сместить левее
3. Ссылки так же сместить левее и по высоте разместить по нижнему уровню логотипа
3. Рядом с поиском добавить номер телефона
4. Поиск сделать больше по размерам. Границы поиска сдлеать черным цветом, заливка белая. Цвет шрифта внутри - черный. Значок поиска - красный

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

  • 01.jpg


#4 RayLi

RayLi

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

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

Отправлено 04 Февраль 2017 - 09:52

Просмотр сообщенияzoovmeste (03 Февраль 2017 - 23:04) писал:

1. Верхняя часть баннера не видна
2. Лого сместить левее
3. Ссылки так же сместить левее и по высоте разместить по нижнему уровню логотипа
3. Рядом с поиском добавить номер телефона
4. Поиск сделать больше по размерам. Границы поиска сдлеать черным цветом, заливка белая. Цвет шрифта внутри - черный. Значок поиска - красный

Здравствуйте.
В данном случае попробуйте, пожалуйста, произвести следующие изменения:
1. В шаблоне main.css найдите, пожалуйста, данный код:

#logo {
	margin: 0;
	padding: 15px 0 10px 35px;
	float: left;
}

И замените его вот этим вот кодом:

#logo {
	margin: 0;
	padding: 15px 0 10px 0px;
	float: left;
}


2. После чего в том же шаблоне найдите, пожалуйста, следующий код:

#slideshow {
	margin-top: -188px;
	position: relative;
	z-index: 10;
}

И замените его вот этим вот кодом:

#slideshow {
	margin-top: 0px;
	position: relative;
	z-index: 10;
}


#5 zoovmeste

zoovmeste

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

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

Отправлено 04 Февраль 2017 - 22:46

ни чего не изменилось

#6 zoovmeste

zoovmeste

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

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

Отправлено 06 Февраль 2017 - 17:43

кто-то поможет?

#7 Vaccina

Vaccina

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

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

Отправлено 08 Февраль 2017 - 07:21

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

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<!-- Поиск -->
					 <form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get" title="Поиск по магазину">
						 <div class="form-search">
							 <input id="search" type="text" name="q" value="" class="input-text search-string" placeholder="Поиск по магазину...">
							 <button type="submit" title="Искать" class="button search-submit fa"></button>
						 </div>
					 </form>

перед ним вставьте:
{% IF SETTINGS_STORE_PHONE_NUMBER1 %}<div style="float: left;margin-top: 10px;margin-right: 10px;"><em class="fa fa-phone">&nbsp;</em>Телефон: <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></div>{% ENDIF %}


Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#slideshow {
margin-top: 0px;
position: relative;
z-index: 10;
}

замените на:
#slideshow {
margin-top: -197px;
position: relative;
z-index: 10;
float: left;
margin-bottom: 20px;
}

далее найдите:
#custommenu ul.mainnav {
margin-bottom: 20px;
text-align: center;
}

замените на:
#custommenu ul.mainnav {
text-align: center;
margin-top: -50px;
}

далее найдите:
#search_mini_form input {
background: #232323;
color: #ccc;
border: none;
border-radius: 25px;
height: 25px;
float: right;
font-size: 12px;
margin-top: 9px;
width: 200px;
padding-left: 10px;
padding-right: 30px;
}

замените на:
#search_mini_form input {
background: #fff;
color: #000;
border: 1px solid #232323;
border-radius: 25px;
height: 25px;
float: right;
font-size: 12px;
margin-top: 9px;
width: 300px;
padding-left: 10px;
padding-right: 30px;
}

далее найдите:
#search_mini_form button.button:before {
content: "\f002";
font-family: FontAwesome;
width: 32px;
height: 32px;
text-align: center;
line-height: 32px;
color: #fff;
}

замените на:
#search_mini_form button.button:before {
content: "\f002";
font-family: FontAwesome;
width: 32px;
height: 32px;
text-align: center;
line-height: 32px;
color: red;
}

Результат должен быть следующий:
123.jpg

#8 zoovmeste

zoovmeste

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

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

Отправлено 08 Февраль 2017 - 23:16

спасибо, а можно в мобильной версии сделать меню в виде ссылок? сейчас три полоски и то поверх логотипа

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

  • 01.jpg


#9 Vaccina

Vaccina

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

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

Отправлено 09 Февраль 2017 - 04:55

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#mommenu {
	display: block;
	position: absolute;
	top: 80px;
	z-index: 11;
}

замените на:
#mommenu {
	display: none;
	position: absolute;
	top: 80px;
	z-index: 11;
}

далее найдите:
#custommenu {
	display: none;
}

замените на:
#custommenu {
	margin: 10px 0 0 0;
}


#10 zoovmeste

zoovmeste

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

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

Отправлено 09 Февраль 2017 - 14:12

нужно номер и телефона поднять над логотипом и убрать образовавшийся пробел

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

  • 01.jpg


#11 zoovmeste

zoovmeste

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

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

Отправлено 10 Февраль 2017 - 00:30

второе: добавил еще категорию  в меню, категория "ламинирование" слилась с логотипом. можно либо логотип двинуть влево?

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

  • 02.jpg


#12 zoovmeste

zoovmeste

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

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

Отправлено 13 Февраль 2017 - 17:31

Просмотр сообщенияVaccina (09 Февраль 2017 - 04:55) писал:

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#mommenu {
display: block;
position: absolute;
top: 80px;
z-index: 11;
}

замените на:
#mommenu {
display: none;
position: absolute;
top: 80px;
z-index: 11;
}

далее найдите:
#custommenu {
display: none;
}

замените на:
#custommenu {
margin: 10px 0 0 0;
}
помогите решить проблему, кому еще писать? кто поможет?

#13 Vaccina

Vaccina

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

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

Отправлено 15 Февраль 2017 - 03:23

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
@media all and (max-width: 481px) {

после него пропишите:
#logo + .header-col-right > div:first-child {
	position: absolute;
	top: -30px;
}

далее найдите:
#custommenu ul.mainnav {
	text-align: center;
	margin-top: -50px;
}

замените на:
#custommenu ul.mainnav {
	text-align: right;
	margin-top: -50px;
	padding-right: 2%;
}


#14 zoovmeste

zoovmeste

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

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

Отправлено 15 Февраль 2017 - 23:08

в полной версии ссылки сильно ушли вправо, двиньте ближе к логотипу
в мобильной версии, по прежнему все плохо

#15 Vaccina

Vaccina

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

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

Отправлено 17 Февраль 2017 - 06:39

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#custommenu ul.mainnav {
	text-align: right;
	margin-top: -50px;
	padding-right: 2%;
}

немного увеличьте значение стиля padding-right, например:
#custommenu ul.mainnav {
	text-align: right;
	margin-top: -50px;
	padding-right: 13%;
}

Далее найдите:
@media all and (max-width: 481px) {

после него пропишите:
#custommenu ul.mainnav {
	padding-right: 0;
}


На счет мобильной версии уточните пожалуйста, что необходимо исправить?

#16 zoovmeste

zoovmeste

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

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

Отправлено 18 Февраль 2017 - 20:02

в мобильной версии, категории закрыты поиском и корзиной. нужно сместить их ниже

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

  • 01.jpg


#17 zoovmeste

zoovmeste

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

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

Отправлено 18 Февраль 2017 - 20:23

куда-то подевалась иконка у накопительных скидок, там был значок %

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

  • 04.jpg


#18 RayLi

RayLi

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

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

Отправлено 19 Февраль 2017 - 10:04

Просмотр сообщенияzoovmeste (18 Февраль 2017 - 20:23) писал:

куда-то подевалась иконка у накопительных скидок, там был значок %

Здравствуйте.
В данном случае вам необходимо произвести следующие изменения:
В самый конец шаблона font-awesome.css добавьте, пожалуйста, данный код:

.fa-percent:before{content:"\f295";}


#19 zoovmeste

zoovmeste

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

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

Отправлено 19 Февраль 2017 - 13:52

Просмотр сообщенияRayLi (19 Февраль 2017 - 10:04) писал:

Здравствуйте.
В данном случае вам необходимо произвести следующие изменения:
В самый конец шаблона font-awesome.css добавьте, пожалуйста, данный код:

.fa-percent:before{content:"\f295";}
спасибо, но больше интересует проблема с категориями в мобильной версии, помогите исправить пожалуйста

#20 Stasya

Stasya

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

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

Отправлено 21 Февраль 2017 - 11:29

Просмотр сообщенияzoovmeste (19 Февраль 2017 - 13:52) писал:

спасибо, но больше интересует проблема с категориями в мобильной версии, помогите исправить пожалуйста
Здравствуйте. Простите за длительное ожидание ответа. В файле main.css найдите блок
@media all and (max-width: 481px) {#custommenu ul.mainnav {
		padding-right: 0;
}
и замените его на
@media all and (max-width: 481px) {
#custommenu ul.mainnav {
		padding-right: 0;
		margin-top:0px
}





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

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