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


Своя Шапка

Автор Santos, 30 авг. 2015 19:27

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

#1 Santos

Santos

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

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

Отправлено 30 Август 2015 - 19:27

Здравствуйте! Аккаунт SL-355835
Подскажите, как изготовить вот такую шапку (см.фото) в лазуре.
Спс...жду инструкций.

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

  • лргпнапвр.png

#2 Santos

Santos

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

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

Отправлено 31 Август 2015 - 13:33

Доброго дня! Чет тишина на мой вопрос...ладно, я пошаманил над сайтом - кое что получилось, нужна помощь в дальнейших шагах.
На картинки отметил что и как хотелось бы видеть...
1. Каталог с моим фоном переместить под меню.
2. Логотип расположить в линии каталога слева перед категориями.
3. Как поменять цвет Email на Белый?
4. Блок с Соцсетями установить в линию каталога (см.рис)
5. Поиск установить в линию каталога (см.рис) и чтобы он отображался кнопкой, как в шаблоне Цитрус.

Жду инструкций по изменению...

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

  • Шапка Лазурь.jpg

#3 Santos

Santos

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

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

Отправлено 01 Сентябрь 2015 - 14:32

Нарооод....Мне кто нибудь поможет?????

#4 Shishas

Shishas

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

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

Отправлено 02 Сентябрь 2015 - 13:50

Хороший дизайн. Помогите ему кто-нибудь.

#5 MikDark

MikDark

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

  • Модераторы
  • 6 468 сообщений

Отправлено 02 Сентябрь 2015 - 14:01

Просмотр сообщенияSantos (31 Август 2015 - 13:33) писал:

Доброго дня! Чет тишина на мой вопрос...ладно, я пошаманил над сайтом - кое что получилось, нужна помощь в дальнейших шагах.
На картинки отметил что и как хотелось бы видеть...
1. Каталог с моим фоном переместить под меню.
2. Логотип расположить в линии каталога слева перед категориями.
3. Как поменять цвет Email на Белый?
4. Блок с Соцсетями установить в линию каталога (см.рис)
5. Поиск установить в линию каталога (см.рис) и чтобы он отображался кнопкой, как в шаблоне Цитрус.

Жду инструкций по изменению...

1) В шаблоне HTML Вам нужно найти код:
<!-- Каталог в шапке -->
	  <div id="menu" class="wrap">
		<div class="inner">
		  <div class="container">
			<div class="row-fluid">
			  <!-- BEGIN: Main Navigation -->
			  <div id="mainnav" class="col-xs-10 col-md-9">
				<div id="custommenu">
				  <ul class="mainnav">
					{%IFNOT catalog_full_empty%}
					  {%FOR catalog_full%}
						{% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub {% IF catalog_full.LEVEL > 2 %}hide-cat{% ENDIF %} {% IF catalog_full.LEVEL = 1 %}dropdown-menu{% ENDIF %}">{% ENDIF %}{% ENDIF %}
						  <li class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT %}active{% ENDIF %}">
							<a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}">{catalog_full.NAME}</a>
						  {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
						{% IF catalog_full.LAST %}{%FOR out%}</ul> {%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
					  {%ENDFOR%}
					{%ENDIF%}
				  </ul>
				</div>
			  </div>
			  <div id="mommenu" class="menu-collapse">
				<span class="btn btn-navbar menusidebar collapsed" data-toggle="collapse" data-target="#menu_collapse">
				  <i class="fa icon-reorder"></i>
				</span>
				<div class="menu_collapse_wrap">
				  <div id="menu_collapse" class="mainnav collapse">
					<ul>
					{%IFNOT catalog_full_empty%}
					  {%FOR catalog_full%}
						{% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub {% 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 %}"><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>
			  <!-- END: Main Navigation -->
			 
			  <div class="nav-right col-xs-2 col-md-3">
				<div class="header-right-inner">
				  <div class="block-search">
					<form id="search_mini_form2" action="http://{NET_DOMAIN}/search" method="get">
					  <div class="form-search">
						<input id="search" type="text" name="q" value="" class="inputText search-string" placeholder="Поиск по магазину...">
						<button type="submit" title="Искать" class="button search-submit"></button>
					  </div>
					</form>
				  </div>
				  {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
				  <div class="block block-compare {% IFNOT COMPARE_GOODS_COUNT = 0 %}have-items{% ENDIF %}">
					<div class="compare-toggle">
					  <a href="{COMPARE_URL}" class="link-hide"></a>
					  <span class="compare-num">{COMPARE_GOODS_COUNT}</span>
					</div>
					<div class="block-content clearfix">
					  <div class="block-inner">
						<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="btn-remove close remove-compare" title="Убрать товар из списка сравнения">×</a>
							<p class="product-name"><a href="{compare_goods.URL}" class="title" title="{compare_goods.NAME}">{compare_goods.NAME}</a></p>
							<a href="#" class="dataid">{compare_goods.ID}</a>
						  </li>
						  {% ENDFOR %}
						</ul>
						<div class="actions">
						  <a href="{COMPARE_URL}" class="button">Перейти к Сравнению</a>
						</div>
					  </div>
					</div>
				  </div>
				  {% ENDIF %}
				 
				  <div class="block mini-cart {% IFNOT CART_COUNT_TOTAL = 0 %}have-items{% ENDIF %} {% IF MOD_LNAME = cart %}cart-page{% ENDIF %}">
					<div class="block-title">
					  <a href="{CART_URL}" class="link-hide"></a>
					  <div class="cart-status">
						<span class="cart-count">{CART_COUNT_TOTAL}</span>
					  </div>
					</div>
					<div class="block-content dropdown-cart">
					  <div class="block-inner">
						{% IF cart_count_empty %}
						<p class="block-subtitle empty">Ваша корзина пуста</p>
						{% ELSE %}
						<p class="block-subtitle not-empty">В корзине:</p>
						{% ENDIF %}
						<ul id="cart-sidebar" class="mini-products-list">
						  {% FOR cart_items %}
						  <li class="cart-item">
							<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=azure{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}" alt="{cart_items.GOODS_NAME}" class="goods-image-icon"></a>
							<div class="product-details">
							  <p class="product-name">
								<a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}">{cart_items.GOODS_NAME}</a>
							  </p>
							  <p class="product-mod">
								{% IFNOT cart_items.distinctive_properties_empty %}<span title="({% FOR distinctive_properties %}{cart_items.distinctive_properties.NAME}: {cart_items.distinctive_properties.VALUE}{% IFNOT cart_items.distinctive_properties.last %}, {% ENDIF %}{% ENDFOR %})">({% FOR distinctive_properties %}{cart_items.distinctive_properties.NAME}: {cart_items.distinctive_properties.VALUE}{% IFNOT cart_items.distinctive_properties.last %}, {% ENDIF %}{% ENDFOR %})</span>{% ENDIF %}
							  </p>
							</div>
							<div class="product-details-bottom">
							  <div class="price-box">
								<span class="price" data-price="{cart_items.GOODS_MOD_PRICE_NOW}">{cart_items.GOODS_MOD_PRICE_NOW}</span>
							  </div>
							  <p class="quantity-container">
								<span class="label-qty">Количество:</span>
							   
								<span class="qty inputText">{cart_items.ORDER_LINE_QUANTITY}</span>
							  </p>
							</div>
							<a data-href="{cart_items.ORDER_LINE_DELETE_URL}" data-count="{cart_items.ORDER_LINE_QUANTITY}" title="Удалить позицию" class="product-remove btn-remove"></a>
						  </li>
						  {% ENDFOR %}
						</ul>
						<div class="bottom-action actions">
						  <a class="button remove-products" title="Очистить корзину" data-href="{CART_TRUNCATE_URL}">Очистить</a>
						  <a class="button" title="Перейти к оформлению заказа" href="{CART_URL}">В корзину</a>
						</div>
					  </div>
					</div>
				  </div>
				</div>
			  </div>
			</div>
		  </div>
		</div>
	  </div>
	  <!-- /END Каталог в шапке -->

и переместить его, поставив после:
			  </div>
			</div>
		  </div>
		</div>
	  </div>
	  <!-- /END Верхняя часть Шапки -->

После изменения напишите нам, поможем с другими перестановками.

#6 Shishas

Shishas

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

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

Отправлено 02 Сентябрь 2015 - 16:18

Просмотр сообщенияSantos (31 Август 2015 - 13:33) писал:

Доброго дня! Чет тишина на мой вопрос...ладно, я пошаманил над сайтом - кое что получилось, нужна помощь в дальнейших шагах.
На картинки отметил что и как хотелось бы видеть...
1. Каталог с моим фоном переместить под меню.
2. Логотип расположить в линии каталога слева перед категориями.
3. Как поменять цвет Email на Белый?
4. Блок с Соцсетями установить в линию каталога (см.рис)
5. Поиск установить в линию каталога (см.рис) и чтобы он отображался кнопкой, как в шаблоне Цитрус.

Жду инструкций по изменению...

Подскажешь как сделал такой дизайн?

#7 Santos

Santos

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

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

Отправлено 02 Сентябрь 2015 - 16:57

MikDark спс!!! первый вопрос решен, остались следующие:

1. Разместить логотип в начале каталога (см.рис)
2. Блок Соцсети разместить в линии каталога (см.рис)
3. Поиск разместить в линии каталога малой кнопкой с лупой (см.рис), как в шаблоне Цитрус

Ждемс...

Shishas - подскажу, как будут решены все вопросы)))

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

  • Шапка 2.png

#8 MikDark

MikDark

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

  • Модераторы
  • 6 468 сообщений

Отправлено 02 Сентябрь 2015 - 17:11

Просмотр сообщенияSantos (02 Сентябрь 2015 - 16:57) писал:

MikDark спс!!! первый вопрос решен, остались следующие:

1. Разместить логотип в начале каталога (см.рис)
2. Блок Соцсети разместить в линии каталога (см.рис)
3. Поиск разместить в линии каталога малой кнопкой с лупой (см.рис), как в шаблоне Цитрус

Ждемс...

Shishas - подскажу, как будут решены все вопросы)))

В шаблоне HTML Вам нужно вырезать код:
<!-- Logo -->
			<div id="logo" class="col-xs-4">
			  <a title="{SETTINGS_STORE_NAME}" href="http://{NET_DOMAIN}/">
				<img src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}">
			  </a>
			</div>
			<!-- END: Logo -->

и поставьте его перед кодом:
<div id="custommenu">
				  <ul class="mainnav">
					{%IFNOT catalog_full_empty%}

далее в main.css добавьте:
#logo{float:left;}

Если что-то будет с логотипом не так, изменения не удаляйте и напишите нам.

#9 Santos

Santos

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

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

Отправлено 02 Сентябрь 2015 - 17:28

Просмотр сообщенияMikDark (02 Сентябрь 2015 - 17:11) писал:

В шаблоне HTML Вам нужно вырезать код:
<!-- Logo -->
		 <div id="logo" class="col-xs-4">
			 <a title="{SETTINGS_STORE_NAME}" href="http://{NET_DOMAIN}/">
			 <img src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}">
			 </a>
		 </div>
		 <!-- END: Logo -->

и поставьте его перед кодом:
<div id="custommenu">
				 <ul class="mainnav">
				 {%IFNOT catalog_full_empty%}

далее в main.css добавьте:
#logo{float:left;}

Если что-то будет с логотипом не так, изменения не удаляйте и напишите нам.

Добрый вечер! Логотип встал слева, но отодвинул каталог вправо..видно своим блоком, надо этот блок уменьшить по ширине

#10 MikDark

MikDark

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

  • Модераторы
  • 6 468 сообщений

Отправлено 02 Сентябрь 2015 - 17:33

Просмотр сообщенияSantos (02 Сентябрь 2015 - 17:28) писал:

Добрый вечер! Логотип встал слева, но отодвинул каталог вправо..видно своим блоком, надо этот блок уменьшить по ширине

Замените там строку:
<div id="logo" class="col-xs-4">

на

<div id="logo">

#11 Santos

Santos

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

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

Отправлено 02 Сентябрь 2015 - 17:45

Просмотр сообщенияMikDark (02 Сентябрь 2015 - 17:33) писал:

Замените там строку:
<div id="logo" class="col-xs-4">

на

<div id="logo">

Получилось) а Логотип можно подвинуть чуть влево, чтобы он оказался на уровне с "Конвертом email" и было небольшое расстояние от начала каталога?

#12 MikDark

MikDark

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

  • Модераторы
  • 6 468 сообщений

Отправлено 02 Сентябрь 2015 - 18:39

Просмотр сообщенияSantos (02 Сентябрь 2015 - 17:45) писал:

Получилось) а Логотип можно подвинуть чуть влево, чтобы он оказался на уровне с "Конвертом email" и было небольшое расстояние от начала каталога?

В шаблоне main.css Вам нужно найти код:
#menu #mainnav {
	position: static;
	float: left;
}

и заменить на:

#menu #mainnav {
	position: static;
	float: left;
	padding-left: 0px;
}

#13 Santos

Santos

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

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

Отправлено 02 Сентябрь 2015 - 18:58

Просмотр сообщенияMikDark (02 Сентябрь 2015 - 18:39) писал:

В шаблоне main.css Вам нужно найти код:
#menu #mainnav {
position: static;
float: left;
}

и заменить на:

#menu #mainnav {
position: static;
float: left;
padding-left: 0px;
}
Спасибо! Как и хотел) теперь с другими вопросами помогите...
1. Блок Соцсети разместить в линии каталога (см.рис)
2. Поиск разместить в линии каталога малой кнопкой с лупой (см.рис), как в шаблоне Цитрус

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

  • Шапка3.png

#14 Ирина345

Ирина345

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

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

Отправлено 03 Сентябрь 2015 - 11:22

Просмотр сообщенияSantos (02 Сентябрь 2015 - 18:58) писал:

Спасибо! Как и хотел) теперь с другими вопросами помогите...
1. Блок Соцсети разместить в линии каталога (см.рис)
2. Поиск разместить в линии каталога малой кнопкой с лупой (см.рис), как в шаблоне Цитрус
Здравствуйте,
1. Найдите в шаблоне HTML
 <div id="mainnav" class="col-xs-10 col-md-9">
				<div id="custommenu">
				<!-- Logo -->
			<div id="logo">
			  <a title="{SETTINGS_STORE_NAME}" href="http://{NET_DOMAIN}/">
				<img src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}">
			  </a>
			</div>
			<!-- END: Logo -->
				  <ul class="mainnav">
					{%IFNOT catalog_full_empty%}
					  {%FOR catalog_full%}
						{% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub {% IF catalog_full.LEVEL > 2 %}hide-cat{% ENDIF %} {% IF catalog_full.LEVEL = 1 %}dropdown-menu{% ENDIF %}">{% ENDIF %}{% ENDIF %}
						  <li class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT %}active{% ENDIF %}">
							<a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}">{catalog_full.NAME}</a>
						  {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
						{% IF catalog_full.LAST %}{%FOR out%}</ul> {%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
					  {%ENDFOR%}
					{%ENDIF%}
				  </ul>
				</div>
			  </div>
			  <div id="mommenu" class="menu-collapse">
				<span class="btn btn-navbar menusidebar collapsed" data-toggle="collapse" data-target="#menu_collapse">
				  <i class="fa icon-reorder"></i>
				</span>
				<div class="menu_collapse_wrap">
				  <div id="menu_collapse" class="mainnav collapse">
					<ul>
					{%IFNOT catalog_full_empty%}
					  {%FOR catalog_full%}
						{% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub {% 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 %}"><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>
			  <!-- END: Main Navigation -->

			  <div class="nav-right col-xs-2 col-md-3">


замените на
 <div id="mainnav" class="col-xs-9 col-md-9">
				<div id="custommenu">
				<!-- Logo -->
			<div id="logo">
			  <a title="{SETTINGS_STORE_NAME}" href="http://{NET_DOMAIN}/">
				<img src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}">
			  </a>
			</div>
			<!-- END: Logo -->
				  <ul class="mainnav">
					{%IFNOT catalog_full_empty%}
					  {%FOR catalog_full%}
						{% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub {% IF catalog_full.LEVEL > 2 %}hide-cat{% ENDIF %} {% IF catalog_full.LEVEL = 1 %}dropdown-menu{% ENDIF %}">{% ENDIF %}{% ENDIF %}
						  <li class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT %}active{% ENDIF %}">
							<a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}">{catalog_full.NAME}</a>
						  {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
						{% IF catalog_full.LAST %}{%FOR out%}</ul> {%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
					  {%ENDFOR%}
					{%ENDIF%}
				  </ul>
				</div>
			  </div>
			  <div id="mommenu" class="menu-collapse">
				<span class="btn btn-navbar menusidebar collapsed" data-toggle="collapse" data-target="#menu_collapse">
				  <i class="fa icon-reorder"></i>
				</span>
				<div class="menu_collapse_wrap">
				  <div id="menu_collapse" class="mainnav collapse">
					<ul>
					{%IFNOT catalog_full_empty%}
					  {%FOR catalog_full%}
						{% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub {% 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 %}"><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>
			  <!-- END: Main Navigation -->  <div class="header-right col-xs-2 col-md-2">
			  <div class="header-right-inner">
  <ul class="connect-us">
				  <li><a href="#" class="fa fa-facebook"></a></li>
				  <li><a href="#" class="fa fa-twitter"></a></li>
				  <li><a href="#" class="fa fa-youtube"></a></li>
				  <li><a href="#" class="fa fa-vk"></a></li>
				</ul>			  
				
			  </div>
			</div>
			  <div class="nav-right col-xs-1 col-md-1">

далее найдите в файле main.css

#header .header-right .header-right-inner .connect-us {list-style: none;float: left;margin: 0 0 10px 25px;padding: 0;}
#header .header-right .header-right-inner .connect-us li {margin-left: 5px;float: left;display: inline-block;}
#header .header-right .header-right-inner .connect-us li:first-child {margin-left: 0px;}
#header .header-right .header-right-inner .connect-us li a {display: inline-block;width: 40px;height: 40px;line-height: 40px;text-align: center;font-size: 20px;border: 1px solid #dfdfdf;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;color: #c9c9c9;}
#header .header-right .header-right-inner .connect-us li a.fa-facebook:hover {border-color: #3197f7;color: #3197f7;}
#header .header-right .header-right-inner .connect-us li a.fa-twitter:hover {border-color: #16def0;color: #16def0;}
#header .header-right .header-right-inner .connect-us li a.fa-youtube:hover {border-color: #e82a2a;color: #e82a2a;}
#header .header-right .header-right-inner .connect-us li a.fa-vk:hover {border-color: #537599;color: #537599;}
замените на


 .header-right .header-right-inner .connect-us {list-style: none;float: left;margin: 0 0 10px 25px;padding: 0;}
 .header-right .header-right-inner .connect-us li {margin-left: 5px;float: left;display: inline-block;}
.header-right .header-right-inner .connect-us li:first-child {margin-left: 0px;}
 .header-right .header-right-inner .connect-us li a {display: inline-block;width: 40px;height: 40px;line-height: 40px;text-align: center;font-size: 20px;border: 1px solid #dfdfdf;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;color: #c9c9c9;}
 .header-right .header-right-inner .connect-us li a.fa-facebook:hover {border-color: #3197f7;color: #3197f7;}
.header-right .header-right-inner .connect-us li a.fa-twitter:hover {border-color: #16def0;color: #16def0;}
 .header-right .header-right-inner .connect-us li a.fa-youtube:hover {border-color: #e82a2a;color: #e82a2a;}
 .header-right .header-right-inner .connect-us li a.fa-vk:hover {border-color: #537599;color: #537599;}

#menu .header-right-inner {
	margin-left: -39px;
}


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

#15 Santos

Santos

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

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

Отправлено 03 Сентябрь 2015 - 20:01

Спасибо! все сделал...кое что подправил, вроде нормально.
Пожалуйста, подскажите с другим вопросом:
1. Нужно увеличить по высоте блок товара с картинкой (см.рис)
2. Переместить блок с ценой в правый верхний угол (см.рис)

Жду информации

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

  • 2222.png

#16 Vaccina

Vaccina

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

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

Отправлено 04 Сентябрь 2015 - 06:06

Реализация для новинок, в шаблоне HTML найдите и удалите:
<div class="item-price">
										<div class="price-box" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
										  <!-- информация для поисковика о валюте товара -->
										  <meta itemprop="priceCurrency" content="{CURRENCY_CHAR_CODE}"/>
										  <!-- информация о числе товаров на складе -->
										  {% IF index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_new_goods.MIN_PRICE_NOW %}
										  <p class="old-price">
											<span class="price">{index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT}</span>
										  </p>
										  {% ELSEIF index_page_new_goods.MIN_PRICE_OLD>index_page_new_goods.MIN_PRICE_NOW %}
										  <p class="old-price">
											<span class="price">{index_page_new_goods.MIN_PRICE_OLD}</span>
										  </p>
										  {% ENDIF %}
										  <p class="special-price">
											<span class="price" itemprop="price">{index_page_new_goods.MIN_PRICE_NOW}</span>
										  </p>
										</div>
									  </div>

далее найдите:
<div class="item-img-info">
									  <a href="{index_page_new_goods.URL_MIN_PRICE_NOW | url_amp}" title="{index_page_new_goods.NAME}" class="product-image">
										<img src="{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=azure{% ELSE %}{index_page_new_goods.IMAGE_MEDIUM}{% ENDIF %}" class="goods-image-small" alt="{index_page_new_goods.NAME}">
									  </a>
перед ним вставьте:
<div class="item-info">
								  <div class="info-inner">
									<div class="item-content">
									  <div class="item-price">
										<div class="price-box" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
										  <!-- информация для поисковика о валюте товара -->
										  <meta itemprop="priceCurrency" content="{CURRENCY_CHAR_CODE}"/>
										  <!-- информация о числе товаров на складе -->
										  {% IF index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_new_goods.MIN_PRICE_NOW %}
										  <p class="old-price">
											<span class="price">{index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT}</span>
										  </p>
										  {% ELSEIF index_page_new_goods.MIN_PRICE_OLD>index_page_new_goods.MIN_PRICE_NOW %}
										  <p class="old-price">
											<span class="price">{index_page_new_goods.MIN_PRICE_OLD}</span>
										  </p>
										  {% ENDIF %}
										  <p class="special-price">
											<span class="price" itemprop="price">{index_page_new_goods.MIN_PRICE_NOW}</span>
										  </p>
										</div>
									  </div>
									</div>
								  </div>
								</div>

Аналогичное изменение произведите для хитов и для товаров в каталоге в шаблоне Товары.

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

после него вставьте:
.products-grid .item .item-inner .item-img .price-box {
	text-align: right;
}

далее найдите:
.sns-producttabs .sns-pdt-container .sns-pdt-content .pdt-content .products-grid .item {
	margin-top: 47px;
}
замените на:
.sns-producttabs .sns-pdt-container .sns-pdt-content .pdt-content .products-grid .item {
	margin-top: 47px;
	padding: 20px 15px;
}

#17 Santos

Santos

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

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

Отправлено 04 Сентябрь 2015 - 13:08

Спасибо...все получилось!

Подскажите, как сделать вот такой (см.Рис) блок с подкатегориями с картинкой внутри.

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

  • 111.png

#18 Santos

Santos

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

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

Отправлено 08 Сентябрь 2015 - 17:11

Vaccina...жду Вашей помощи, Вы меня всегда выручаете)))

Сообщение отредактировал Santos: 10 Сентябрь 2015 - 02:28

#19 Vaccina

Vaccina

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

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

Отправлено 10 Сентябрь 2015 - 02:38

Блок с категориями у вас уже есть, картинки будут общими под каждый выпадающий список или разные?

#20 Santos

Santos

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

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

Отправлено 10 Сентябрь 2015 - 02:44

Просмотр сообщенияVaccina (10 Сентябрь 2015 - 02:38) писал:

Блок с категориями у вас уже есть, картинки будут общими под каждый выпадающий список или разные?
Здравствуйте! Картинки должны быть разными..соответствующие самой категории.
Допустим 8 категорий, и в каждом выпадающем блоке своя картина = 8 шт. (как на рис.)

зы. Vaccina, как специалист, подскажите, смена шаблона сильно повлияет на выдачу в поисковиках?
Обратно в Изменение общей стилистики


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

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

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