Сообщений в теме: 4

[PAKETA]

Здравствуйте!Подскажите пожалуйста как убрать блок и перенести логотип на слайдер.

Номер аккаунта:

SL-378049

При движении слайдера логотип должен оставаться на месте. А поиск разместить перед сравнением и корзиной на линии где Счетчики....
Заранее спасибо.
p.s.Логотип естественно не на белом фоне,а на фоне слайдера.

[Danil]

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

[PAKETA]

Ошиблась с  шаблоном извините. У меня шаблон Лазурь.

[RedHead]

PAKETA (18 Март 2016 - 09:18) писал:

Ошиблась с  шаблоном извините. У меня шаблон Лазурь.

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

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

<div id="mainnav" class="col-md-10">
				<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="mainnav" class="col-md-7">
				<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 class="col-md-3">
				<form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get" title="Поиск по магазину" onsubmit="if($(this).find('.form-search').val()) return false;">
				  <div class="form-search">
					<input type="text" name="q" value="{SEARCH_QUERY}" class="inputText" placeholder="Поиск по магазину...">
					<input type="hidden" name="goods_search_field_id" value="0">
					<button type="submit" title="Искать" class="button search-submit"></button>
				  </div>
				</form>
			  </div>

Затем, в этом же шаблоне, после строки:

 <div id="slideshow" class="wrap">

вставьте:

<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>

Затем, в шаблоне main.css замените строки:

#header .header-right .header-right-inner #search_mini_form, #menu .nav-right .block-search #search_mini_form2 {margin: 0 0 0 20px;float: left;line-height: normal;position: relative;}
#header .header-right .header-right-inner #search_mini_form .form-search input.inputText, #menu .nav-right .block-search #search_mini_form2 .form-search input.inputText {font-size: 12px;height:auto;line-height:20px;width: 235px;padding: 10px 20px;border: 1px solid #d8d8d8;border-radius: 22px;-webkit-border-radius: 22px;-moz-border-radius: 22px;}
#header .header-right .header-right-inner #search_mini_form .form-search input.inputText:focus {width: 250px;outline:none;}
#header .header-right .header-right-inner #search_mini_form .button, #menu .nav-right .block-search #search_mini_form2 .button {padding: 0 0;width: 24px;height: 24px;border: none;position: absolute;top: 9px;right: 11px;background: url('{ASSETS_IMAGES_PATH}ico-search.png') no-repeat center center;cursor:pointer;}

на:

#menu .inner #search_mini_form, #menu .nav-right .block-search #search_mini_form2 {margin: 19px 0 0 40px;float: left;line-height: normal;position: relative;}
#menu .inner #search_mini_form .form-search input.inputText, #menu .nav-right .block-search #search_mini_form2 .form-search input.inputText {font-size: 12px;height:auto;line-height:20px;width: 235px;padding: 10px 20px;border: 1px solid #d8d8d8;border-radius: 22px;-webkit-border-radius: 22px;-moz-border-radius: 22px;}
#menu .inner #search_mini_form .form-search input.inputText:focus {width: 250px;outline:none;}
#menu .inner #search_mini_form .button, #menu .nav-right .block-search #search_mini_form2 .button {padding: 0 0;width: 24px;height: 24px;border: none;position: absolute;top: 9px;right: 11px;background: url('{ASSETS_IMAGES_PATH}ico-search.png') no-repeat center center;cursor:pointer;}

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

#header {position: relative;padding: 32px 0 30px;}
#header #logo {display: block;float: left;margin-left: 0;}
#header #logo a {display: inline-block;}

на:

#header {position: relative;padding: 32px 0 30px;display: none;}
#logo {position: absolute;top: 5%;left: 5%;}
#logo a {display: inline-block;}

Для того, чтобы изображение было на прозрачном фоне, Вам необходимо создать соответствующую картинку, и заменить старое лого на новое.

[PAKETA]

Спасибо,все красиво.