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


Изменения Нижней Части Шапки Меню


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

#1 Александр86

Александр86

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

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

Отправлено 29 Октябрь 2015 - 11:27

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

#2 RayLi

RayLi

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

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

Отправлено 29 Октябрь 2015 - 11:36

Просмотр сообщенияАлександр86 (29 Октябрь 2015 - 11:27) писал:

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

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

#custommenu ul.mainnav li.level0 .wrap_submenu .level1.parent .wrap_submenu {
	position: absolute;
	min-width: 255px;
	padding: 0;
	top: 0%;
	left: 98%;
	background: #fff;
	border: 1px solid #fff;
	border-bottom: 0;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
	margin-top: 5px;
	overflow: hidden;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transform: scale(0.7);
	-ms-transform: scale(0.7);
	-o-transform: scale(0.7);
	transform: scale(0.7);
	-webkit-transform-origin: top left;
	-moz-transform-origin: top left;
	-ms-transform-origin: top left;
	transform-origin: top left;
	-webkit-transition: all 0.25s ease-out;
	-o-transition: all 0.25s ease-out;
	transition: all 0.25s ease-out;
}

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

#custommenu ul.mainnav li.level0 .wrap_submenu .level1.parent .wrap_submenu {
	position: absolute;
	min-width: 255px;
	padding: 0;
	top: 0%;
	left: 98%;
	background: #fff;
	border: 1px solid #fff;
	border-bottom: 0;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
	overflow: hidden;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transform: scale(0.7);
	-ms-transform: scale(0.7);
	-o-transform: scale(0.7);
	transform: scale(0.7);
	-webkit-transform-origin: top left;
	-moz-transform-origin: top left;
	-ms-transform-origin: top left;
	transform-origin: top left;
	-webkit-transition: all 0.25s ease-out;
	-o-transition: all 0.25s ease-out;
	transition: all 0.25s ease-out;
}


Что касается первой просьбы, то не совсем понятно - что вы имеете ввиду.
Поэтому пожалуйста - пришлите нам скриншот с точным указанием того, что вы просите сделать.
Спасибо.

#3 Александр86

Александр86

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

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

Отправлено 29 Октябрь 2015 - 11:48

Просмотр сообщенияRayLi (29 Октябрь 2015 - 11:36) писал:

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

#custommenu ul.mainnav li.level0 .wrap_submenu .level1.parent .wrap_submenu {
position: absolute;
min-width: 255px;
padding: 0;
top: 0%;
left: 98%;
background: #fff;
border: 1px solid #fff;
border-bottom: 0;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
margin-top: 5px;
overflow: hidden;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: scale(0.7);
-ms-transform: scale(0.7);
-o-transform: scale(0.7);
transform: scale(0.7);
-webkit-transform-origin: top left;
-moz-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}

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

#custommenu ul.mainnav li.level0 .wrap_submenu .level1.parent .wrap_submenu {
position: absolute;
min-width: 255px;
padding: 0;
top: 0%;
left: 98%;
background: #fff;
border: 1px solid #fff;
border-bottom: 0;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
overflow: hidden;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: scale(0.7);
-ms-transform: scale(0.7);
-o-transform: scale(0.7);
transform: scale(0.7);
-webkit-transform-origin: top left;
-moz-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}


Что касается первой просьбы, то не совсем понятно - что вы имеете ввиду.
Поэтому пожалуйста - пришлите нам скриншот с точным указанием того, что вы просите сделать.
Спасибо.



Спасибо, получилось. Извините, тогда рамку изменил на белый цвет. Хотелось бы, чтобы эта рамка была более закругленная на концах, менее строгая что ли. И соответственно все рамки в категориях. Спасибо.

Вот скриншот.

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

  • menu1.jpg


#4 RayLi

RayLi

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

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

Отправлено 29 Октябрь 2015 - 11:51

Просмотр сообщенияАлександр86 (29 Октябрь 2015 - 11:48) писал:

Спасибо, получилось. Извините, тогда рамку изменил на белый цвет. Хотелось бы, чтобы эта рамка была более закругленная на концах, менее строгая что ли. И соответственно все рамки в категориях. Спасибо.

Вот скриншот.

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

#custommenu ul.mainnav li.level0 > .wrap_submenu {
	position: absolute;
	min-width: 255px;
	padding: 0;
	top: 120%;
	left: 0;
	background: #Fff;
	border: 1px solid #fff;
	border-bottom: 0;
	box-shadow: 0 0 5px rgb(255,255,255, 0.3);
	z-index: 100;
	display: block;
	overflow: hidden;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
}

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

#custommenu ul.mainnav li.level0 > .wrap_submenu {
	position: absolute;
	min-width: 255px;
	padding: 0;
	top: 120%;
	left: 0;
	background: #Fff;
	border: 1px solid #fff;
	border-bottom: 0;
	box-shadow: 0 0 5px rgb(255,255,255, 0.3);
	z-index: 100;
	display: block;
	overflow: hidden;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	border-radius: 10px;
}


#5 Александр86

Александр86

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

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

Отправлено 29 Октябрь 2015 - 12:00

Просмотр сообщенияRayLi (29 Октябрь 2015 - 11:51) писал:

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

#custommenu ul.mainnav li.level0 > .wrap_submenu {
position: absolute;
min-width: 255px;
padding: 0;
top: 120%;
left: 0;
background: #Fff;
border: 1px solid #fff;
border-bottom: 0;
box-shadow: 0 0 5px rgb(255,255,255, 0.3);
z-index: 100;
display: block;
overflow: hidden;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}

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

#custommenu ul.mainnav li.level0 > .wrap_submenu {
position: absolute;
min-width: 255px;
padding: 0;
top: 120%;
left: 0;
background: #Fff;
border: 1px solid #fff;
border-bottom: 0;
box-shadow: 0 0 5px rgb(255,255,255, 0.3);
z-index: 100;
display: block;
overflow: hidden;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
border-radius: 10px;
}


Да, спасибо, все именно так. Получилось)

#6 Ingleest

Ingleest

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

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

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

Доброй ночи, техподдержка! Если не спите.

Как мне переместить элементы шапки? Логотип в шапку слева, высоту шапки увеличить для этого. Строку поиска посередине широко в нижнюю часть шапки. Над строкой поиска время работы, e-mail и телефон. Справа оставить вход в ЛК, сравнение и корзину, только эти три иконки увеличить в размере на 50%. Добавить ссылку на документы по торговле слева-сверху от иконки Входа в ЛК (Гдк написано Info). Цвета, конечно, оставить прежними.
Т.е. результат должен быть примерно таким:

Изображение

#7 Vaccina

Vaccina

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

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

Отправлено 29 Январь 2016 - 06:19

В шаблоне HTML найдите:
<!-- Верхняя часть Шапки -->
	  <div id="header-top" class="wrap">
		<div class="container">
		  <div class="header-col-left left" title="Menüü">
			<ul class="links">
			  {% FOR menu %}
				{% FOR header %}
				  {% FOR links %}
					<li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} title="{% IF menu.header.links.NAME = Kataloog %}Kodulehekülje toodete täis nimekiri{% ELSEIF menu.header.links.NAME = Aktsiad! %}Kampaaniad{% ELSEIF menu.header.links.NAME = Konto %}Teie isiklikku kabinett{% ELSEIF menu.header.links.NAME = Logi välja %}Logi välja{% ELSEIF menu.header.links.NAME = Ostukorv %}Teie ostukorv{% ENDIF %}">{menu.header.links.NAME}</a></li>
				  {% ENDFOR %}
				{% ENDFOR %}
			  {% ENDFOR %}
			</ul>
		  </div>
		  <div class="header-col-right right">
			<!--Телефон-->
<div class="phone">
{% IF SETTINGS_STORE_PHONE_NUMBER1 %}<p><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1} &nbsp;{SETTINGS_STORE_PHONE_CITY_CODE1}&nbsp; {SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}&nbsp;{SETTINGS_STORE_PHONE_CITY_CODE1}&nbsp;{SETTINGS_STORE_PHONE_NUMBER1}</a></p>{% ENDIF %}
</div>
<!-- Поиск -->
			<form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get" title="Sisesta otsingusõna">
			  <div class="form-search">
				<input id="search" type="text" name="q" value="" class="input-text search-string" placeholder="Sisesta otsingusõna">
				<button type="submit" title="Otsi" class="button search-submit fa"></button>
			  </div>
			</form>
			<div class="header-tools">
			  <!-- Меню пользователя -->
			  <div class="myaccount">
				<div class="tongle" title="Kasutaja menüü"><i class="fa fa-user"></i></div>
				<div class="content">
				  <ul class="links">
					{% IFNOT CLIENT_IS_LOGIN %}
					<li><a href="{USER_LOGIN_URL}" title="Logi sisse"><i class="fa fa-sign-in"></i>Logi sisse</a></li>
					<li><a href="{USER_REGISTER_URL}" title="Registreerimine"><i class="fa fa-user-plus"></i>Registreeri</a></li>
					<li><a href="{CART_URL}" title="Ostukorv"><i class="fa fa-shopping-cart"></i>Ostukorv</a></li>
					{% ELSE %}
					<li><a href="{USER_SETTINGS_URL}" title="Konto"><i class="fa fa-user"></i>Konto</a></li>
					<li><a href="{USER_HISTORY_LIST_URL}" title="Tellimuste ajalugu"><i class="fa fa-history"></i>Tellimuste ajalugu</a></li>
					<li><a href="{FAVORITES_URL}" title="Lemmikud"><i class="fa fa-heart"></i>Lemmikud</a></li>
					<li><a href="{COMPARE_URL}" title="Tootevõrdlus"><i class="fa fa-retweet"></i>Tootevõrdlus</a></li>
					<li><a href="{USER_LOGOUT_URL}" title="Logi välja"><i class="fa fa-sign-out"></i>Logi välja</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="Vaata võrdluse">
					<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="Eemalda võrdlusest"></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="Ostukorv">
					<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">Teie ostukorv on tühi</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>Kokku:</span>
						  <span class="total-sum">{cart_sum.NOW_WITH_DELIVERY_AND_DISCOUNT | money_format}</span>
						</div>
						{% ENDFOR %}
					  <a class="button remove-products" title="Eemalda toode" data-href="{CART_TRUNCATE_URL}">Eemalda</a>
					  <a class="button" href="{CART_URL}" title="Vormista tellimus" >Ostukorv</a>
					</div>
				  </div>
				</div>
			  </div>
			</div>
		  </div>
		</div>
	  </div>
	  <!-- /END Верхняя часть Шапки -->
	  <!-- Логотип -->
	  <div id="header" class="wrap">
		<div class="container">
		  <h1 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>
		  </h1>
		</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="center_column">
	 <!--Контакты-->
			<ul> 
			{% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1} &nbsp;{SETTINGS_STORE_PHONE_CITY_CODE1}&nbsp; {SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}&nbsp;{SETTINGS_STORE_PHONE_CITY_CODE1}&nbsp;{SETTINGS_STORE_PHONE_NUMBER1}</a></li>{% ENDIF %}
   {% IF SETTINGS_STORE_REGION %}<li><em class="fa fa-location-arrow">&nbsp;</em>{SETTINGS_STORE_REGION}</li>{% ENDIF %}
			{% IF SETTINGS_STORE_WORK_TIME %}<li><em class="fa fa-clock-o">&nbsp;</em>{SETTINGS_STORE_WORK_TIME}</li>{% ENDIF %}
			{% IF SETTINGS_STORE_EMAIL_MAIN %}<li><em class="fa fa-envelope">&nbsp;</em>E-post: <a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></li>{% ENDIF %}
			</ul> 
   <!-- Поиск -->
			<form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get" title="Sisesta otsingusõna">
			  <div class="form-search">
				<input id="search" type="text" name="q" value="" class="input-text search-string" placeholder="Sisesta otsingusõna">
				<button type="submit" title="Otsi" class="button search-submit fa"></button>
			  </div>
			</form>
	</div>
	<div class="right_column">
	<div class="header-tools">
			  <!-- Меню пользователя -->
			  <div class="myaccount">
				<div class="tongle" title="Kasutaja menüü"><i class="fa fa-user"></i></div>
				<div class="content">
				  <ul class="links">
					{% IFNOT CLIENT_IS_LOGIN %}
					<li><a href="{USER_LOGIN_URL}" title="Logi sisse"><i class="fa fa-sign-in"></i>Logi sisse</a></li>
					<li><a href="{USER_REGISTER_URL}" title="Registreerimine"><i class="fa fa-user-plus"></i>Registreeri</a></li>
					<li><a href="{CART_URL}" title="Ostukorv"><i class="fa fa-shopping-cart"></i>Ostukorv</a></li>
					{% ELSE %}
					<li><a href="{USER_SETTINGS_URL}" title="Konto"><i class="fa fa-user"></i>Konto</a></li>
					<li><a href="{USER_HISTORY_LIST_URL}" title="Tellimuste ajalugu"><i class="fa fa-history"></i>Tellimuste ajalugu</a></li>
					<li><a href="{FAVORITES_URL}" title="Lemmikud"><i class="fa fa-heart"></i>Lemmikud</a></li>
					<li><a href="{COMPARE_URL}" title="Tootevõrdlus"><i class="fa fa-retweet"></i>Tootevõrdlus</a></li>
					<li><a href="{USER_LOGOUT_URL}" title="Logi välja"><i class="fa fa-sign-out"></i>Logi välja</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="Vaata võrdluse">
					<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="Eemalda võrdlusest"></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="Ostukorv">
					<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">Teie ostukorv on tühi</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>Kokku:</span>
						  <span class="total-sum">{cart_sum.NOW_WITH_DELIVERY_AND_DISCOUNT | money_format}</span>
						</div>
						{% ENDFOR %}
					  <a class="button remove-products" title="Eemalda toode" data-href="{CART_TRUNCATE_URL}">Eemalda</a>
					  <a class="button" href="{CART_URL}" title="Vormista tellimus" >Ostukorv</a>
					</div>
				  </div>
				</div>
			  </div>
			</div>
	</div>
		</div>
	  </div>
	  <!-- /END Логотип -->

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

замените на:
#logo {
	margin: 0px;
	padding: 15px 0px 10px 35px;
	float: left;
}
.center_column {
	float: left;
	width: 60%;
}
.center_column li {
	display: inline-block;
	margin: 0 5px;
}

далее найдите:
#search_mini_form {
	float: left;
	position: relative;
}

замените на:
#search_mini_form {
	position: relative;
	clear: both;
	margin: 0 auto;
	display: block;
}

далее найдите:
#search_mini_form input {
	background: #232323;
	color: #CCC;
	border: medium 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: #232323;
	color: #CCC;
	border: medium none;
	border-radius: 25px;
	height: 25px;
	float: right;
	font-size: 12px;
	margin-top: 9px;
	width: 100%;
	padding-left: 10px;
	padding-right: 30px;
}


#8 Ingleest

Ingleest

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

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

Отправлено 29 Январь 2016 - 12:25

Просмотр сообщенияVaccina (29 Январь 2016 - 06:19) писал:

В шаблоне HTML найдите:
<!-- Верхняя часть Шапки -->
...

Большое спасибо! Где тут памятник поставить? Надо начальнику благодарность написать. Такая "простыня" - и все как надо.

Только поиск немного доработать:
1. после тычка мышкой строка укорачивается до прошлого значения "длинная", но теперь она короткая :-)
2. Небольшую рамочку сделайте, пожалуйста, вокруг поиска, толщиной в 1 пиксель, серого цвета.

#9 Danil

Danil

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

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

Отправлено 29 Январь 2016 - 12:58

Просмотр сообщенияIngleest (29 Январь 2016 - 12:25) писал:

Большое спасибо! Где тут памятник поставить? Надо начальнику благодарность написать. Такая "простыня" - и все как надо.

Только поиск немного доработать:
1. после тычка мышкой строка укорачивается до прошлого значения "длинная", но теперь она короткая :-)
2. Небольшую рамочку сделайте, пожалуйста, вокруг поиска, толщиной в 1 пиксель, серого цвета.
Здравствуйте.
1-2) В main.css найдите код
#search_mini_form input {
	background: #232323;
	color: #CCC;
	border: medium none;
	border-radius: 25px;
	height: 25px;
	float: right;
	font-size: 12px;
	margin-top: 9px;
	width: 100%;
	padding-left: 10px;
	padding-right: 30px;
}
и замените на
#search_mini_form input {
	background: #232323;
	color: #CCC;
	border-radius: 25px;
	height: 25px;
	float: right;
	font-size: 12px;
	margin-top: 9px;
	width: 100% !important;
	padding-left: 10px;
	padding-right: 30px;
	border: 1px solid #FFF;
}
border - толщина и цвет рамки

#10 Ingleest

Ingleest

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

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

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

Просмотр сообщенияDanil (29 Январь 2016 - 12:58) писал:

Здравствуйте.
1-2) В main.css найдите код
#search_mini_form input {
background: #232323;
color: #CCC;
border: medium none;
border-radius: 25px;
height: 25px;
float: right;
font-size: 12px;
margin-top: 9px;
width: 100%;
padding-left: 10px;
padding-right: 30px;
}
и замените на
#search_mini_form input {
background: #232323;
color: #CCC;
border-radius: 25px;
height: 25px;
float: right;
font-size: 12px;
margin-top: 9px;
width: 100% !important;
padding-left: 10px;
padding-right: 30px;
border: 1px solid #FFF;
}
border - толщина и цвет рамки

Пасиб!

#11 Ingleest

Ingleest

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

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

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

Доброе утро, дневная смена!
Помогите, пожалуйста, поменять шапку:
1. Сделать корзину большой, сместить ее вниз и написать рядом "Корзина" на местном наречии.
2. Убрать в углу логин и сравнение и взамен поставить номер телефона.
3. Сделать верхнее меню снова видимым.
Изображение

#12 RedHead

RedHead

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

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

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

Просмотр сообщенияIngleest (23 Апрель 2016 - 07:20) писал:

Доброе утро, дневная смена!
Помогите, пожалуйста, поменять шапку:
1. Сделать корзину большой, сместить ее вниз и написать рядом "Корзина" на местном наречии.
2. Убрать в углу логин и сравнение и взамен поставить номер телефона.
3. Сделать верхнее меню снова видимым.

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

1) В шаблоне html найдите и удалите строку:

{% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li><em class="fa fa-phone">&nbsp;</em><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1} &nbsp;{SETTINGS_STORE_PHONE_CITY_CODE1}&nbsp; {SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}&nbsp;{SETTINGS_STORE_PHONE_CITY_CODE1}&nbsp;{SETTINGS_STORE_PHONE_NUMBER1}</a></li>{% ENDIF %}

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

<div class="header-tools">

вставьте:

{% IF SETTINGS_STORE_PHONE_NUMBER1 %}<div><em class="fa fa-phone">&nbsp;</em><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1} &nbsp;{SETTINGS_STORE_PHONE_CITY_CODE1}&nbsp; {SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}&nbsp;{SETTINGS_STORE_PHONE_CITY_CODE1}&nbsp;{SETTINGS_STORE_PHONE_NUMBER1}</a></div>{% ENDIF %}

Потом, найдите строку:

<i class="fa fa-shopping-cart"></i><span class="cart-count">{CART_COUNT_TOTAL}</span>
замените ее на:
<i class="fa fa-shopping-cart"></i><span class="cart-count">{CART_COUNT_TOTAL}</span>&nbsp;<span>Корзина</span>

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

.header-tools .mycart .cart-count, .header-tools .mycompare .compare-num {background: #fff;color: #3c3c3c;position: relative;display: inline-block;right: 0;top: -10px;line-height: 15px;font-size: 12px;width: 16px;height: 16px;border-radius: 50%;border: 0px;text-align: center;}
замените ее на:
.header-tools .mycompare .compare-num {background: #fff;color: #3c3c3c;position: relative;display: inline-block;right: 0;top: -10px;line-height: 15px;font-size: 12px;width: 16px;height: 16px;border-radius: 50%;border: 0px;text-align: center;}
.header-tools .mycart .cart-count {	margin-left: 5px;background: #fff;color: #3c3c3c;position: relative;display: inline-block;right: 0;top: -10px;line-height: 15px;font-size: 16px;width: 16px;height: 16px;border-radius: 50%;border: 0px;text-align: center;}
i.fa.fa-shopping-cart {font-size: 130%;}

2) Вопрос с ЛК уже не актуален,если я правильно понимаю.
3) Уточните, пожалуйста, меню, которое необходимо вернуть, как оно сделано? Не наблюдаю его в разделе Сайт-Меню, скрытых элементов в шапке тоже не вижу.

#13 Ingleest

Ingleest

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

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

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

Просмотр сообщенияRedHead (23 Апрель 2016 - 20:46) писал:

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

1) В шаблоне html найдите и удалите строку:

{% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li><em class="fa fa-phone">&nbsp;</em><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1} &nbsp;{SETTINGS_STORE_PHONE_CITY_CODE1}&nbsp; {SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}&nbsp;{SETTINGS_STORE_PHONE_CITY_CODE1}&nbsp;{SETTINGS_STORE_PHONE_NUMBER1}</a></li>{% ENDIF %}

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

<div class="header-tools">

вставьте:

{% IF SETTINGS_STORE_PHONE_NUMBER1 %}<div><em class="fa fa-phone">&nbsp;</em><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1} &nbsp;{SETTINGS_STORE_PHONE_CITY_CODE1}&nbsp; {SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}&nbsp;{SETTINGS_STORE_PHONE_CITY_CODE1}&nbsp;{SETTINGS_STORE_PHONE_NUMBER1}</a></div>{% ENDIF %}

Потом, найдите строку:

<i class="fa fa-shopping-cart"></i><span class="cart-count">{CART_COUNT_TOTAL}</span>
замените ее на:
<i class="fa fa-shopping-cart"></i><span class="cart-count">{CART_COUNT_TOTAL}</span>&nbsp;<span>Корзина</span>

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

.header-tools .mycart .cart-count, .header-tools .mycompare .compare-num {background: #fff;color: #3c3c3c;position: relative;display: inline-block;right: 0;top: -10px;line-height: 15px;font-size: 12px;width: 16px;height: 16px;border-radius: 50%;border: 0px;text-align: center;}
замените ее на:
.header-tools .mycompare .compare-num {background: #fff;color: #3c3c3c;position: relative;display: inline-block;right: 0;top: -10px;line-height: 15px;font-size: 12px;width: 16px;height: 16px;border-radius: 50%;border: 0px;text-align: center;}
.header-tools .mycart .cart-count { margin-left: 5px;background: #fff;color: #3c3c3c;position: relative;display: inline-block;right: 0;top: -10px;line-height: 15px;font-size: 16px;width: 16px;height: 16px;border-radius: 50%;border: 0px;text-align: center;}
i.fa.fa-shopping-cart {font-size: 130%;}

2) Вопрос с ЛК уже не актуален,если я правильно понимаю.
3) Уточните, пожалуйста, меню, которое необходимо вернуть, как оно сделано? Не наблюдаю его в разделе Сайт-Меню, скрытых элементов в шапке тоже не вижу.

Спасибо.
Меню я сделал во вкладке Меню, нзвал его Верхнее с пометкой "header".

#14 RedHead

RedHead

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

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

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

Просмотр сообщенияIngleest (24 Апрель 2016 - 15:31) писал:

Спасибо.
Меню я сделал во вкладке Меню, нзвал его Верхнее с пометкой "header".

Здравствуйте! В шаблоне html найдите строку:

<div class="center_column">

После нее вставьте:

		   <div class="menu-header">
			<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 вставьте строку:

.menu-header {float: left;}


#15 Ingleest

Ingleest

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

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

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

Просмотр сообщенияRedHead (24 Апрель 2016 - 16:48) писал:

Здравствуйте! В шаблоне html найдите строку:

<div class="center_column">

После нее вставьте:

		 <div class="menu-header">
		 <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 вставьте строку:

.menu-header {float: left;}

Спасибо!

Доброе утро!
1. Скажите, пожалуйста, как сделать, чтобы в строке поиска лупа была видна все время, а не только при наведении? И правильно ли я понял, что поиск работает только по названиям товаров?
2. Как сделать пользовательское меню внизу шапки выделенным черным цветом с текстом белого цвета, чтобы выделение было во всю ширину экрана, как здесь:
Изображение

Сообщение отредактировал Ingleest: 25 Апрель 2016 - 05:20


#16 Danil

Danil

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

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

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

Просмотр сообщенияIngleest (25 Апрель 2016 - 05:00) писал:

Спасибо!

Доброе утро!
1. Скажите, пожалуйста, как сделать, чтобы в строке поиска лупа была видна все время, а не только при наведении? И правильно ли я понял, что поиск работает только по названиям товаров?
2. Как сделать пользовательское меню внизу шапки выделенным черным цветом с текстом белого цвета, чтобы выделение было во всю ширину экрана, как здесь:
Изображение
Здравствуйте.
1) В main.css найдите код
#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: #707070;
}
Поиск работает по всей информации находящейся в товаре.
2) В main.css найдите код
#menu {
	z-index: 1;
}
и замените на
#menu {
	z-index: 1;
	background: #000;
}
найдите
#custommenu {
	text-align: center;
	margin-top: -15px;
}
и замените на
#custommenu {
	text-align: center;
}
так же найдите
#custommenu ul.mainnav li.level0 > a {
	display: block;
	padding: 5px 12px;
	position: relative;
	font-size: 16px;
	text-transform: uppercase;
	line-height: 20px;
	color: #000000;
	border: 1px solid transparent;
	margin: 0 0 10px 0;
}
и замените на
#custommenu ul.mainnav li.level0 > a {
	display: block;
	padding: 5px 12px;
	position: relative;
	font-size: 16px;
	text-transform: uppercase;
	line-height: 20px;
	color: #ffffff;
	border: 1px solid transparent;
	margin: 0 0 10px 0;
}
найдите
#custommenu ul.mainnav li.level0:hover > a, #custommenu ul.mainnav li.level0.active > a {
	border: 1px solid #2E2E2E;
	border-radius: 25px;
}
и замените на
#custommenu ul.mainnav li.level0:hover > a, #custommenu ul.mainnav li.level0.active > a {
	border: 1px solid #ffffff;
	border-radius: 25px;
}


#17 Ingleest

Ingleest

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

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

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

Просмотр сообщенияDanil (25 Апрель 2016 - 20:18) писал:

Здравствуйте.
1) В main.css найдите код

Спасибо

#18 Ingleest

Ingleest

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

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

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

Мне нужно изменить выделение пункта меню при наведении - чтобы он выделялся просто квадратиком, а не овальной рамкой. Поможете? Вот, как тут:
Изображение

#19 Юля123

Юля123

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

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

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

Просмотр сообщенияIngleest (26 Апрель 2016 - 11:24) писал:

Мне нужно изменить выделение пункта меню при наведении - чтобы он выделялся просто квадратиком, а не овальной рамкой. Поможете? Вот, как тут:
Изображение


Здравствуйте, в main.css найдите код:

#custommenu ul.mainnav li.level0:hover > a, #custommenu ul.mainnav li.level0.active > a {
		border: 1px solid #031267;
		border-radius: 25px;
}

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

#custommenu ul.mainnav li.level0:hover > a, #custommenu ul.mainnav li.level0.active > a {
		border: 1px solid #031267;
}

цвет рам замените на нужный.




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

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