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


Правки В Шапке Сайта. Прошу Помощи.

весна шапка логотип

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

#1 Nicolas

Nicolas

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

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

Отправлено 04 Август 2015 - 14:11

Добрый день! Аккаунт - SL-36430
Необходимо переделать шапку. Подскажите, пожалуйста как это сделать? (см. рисунок)
1). Убрать слоган;
2). На место слогана перенести логотип;
3). Убрать надпись "Связаться с нами"
4). Переместить "поиск по магазину" между логотипом и телефонами;
5). Убрать значок трубки;
6). Блок сравнение перенести влево вниз (между последним разделом каталога и Вы смотрели);
7). Корзину перенести наверх - на место поиска (на то место, которое сейчас).

Шапка на переделку04082015.jpg

Спасибо!

С Уважением,
Николай

#2 Vaccina

Vaccina

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

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

Отправлено 05 Август 2015 - 04:06

1-2. В шаблоне HTML найдите:
<div id="welcome"><a href="http://{NET_DOMAIN}/">Только стоящие вещи, для настоящих мужчин!</a></div>
		  

вместо него вставьте:
<div id="logo"><a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}logo.png?design=spring" title="" alt=""></a></div>
   

далее в main.css найдите:
#header #logo {
	float: left;
	clear: both;
	margin: 12px 12px 12px 0px;
}

замените на:
#header #logo {
	float: left;
	margin: 12px 12px 12px 0px;
}

3,5. В шаблоне HTML найдите и удалите:
<h4>Связаться с нами</h4>  
				<span class="sup_phone"></span>

4. В шаблоне HTML найдите:
<!-- Форма поиска -->
			<div id="search">
			  <form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get" onsubmit="if($(this).find('#search').val()=='Поиск по магазину...') return false;">
				<button title="Искать" type="submit" value="Поиск" class="button-search"></button>
				<input type="text" name="q" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск по магазину...{% ENDIF %}" onfocus="if(this.value=='Поиск по магазину...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск по магазину...';}" onclick="this.value = &#39;&#39;;" onkeydown="this.style.color = &#39;#000000&#39;;"/>
			  </form>
			</div>
			<!-- /Форма поиска -->

переместите его, поставив после:
{% IF SETTINGS_STORE_ICQ %}
					<div class="clear"></div>
					<div class="icq-number left">
					  <img src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" />
					  <span>{SETTINGS_STORE_ICQ}</span>
					</div>
				  {% ENDIF %}
   
				  <div class="clear"></div>
				</div>
			  </div>
			{% ENDIF %}

6. В шаблоне HTML найдите и удалите:
<!-- Если в тарифном плане подключен модуль сравнения товаров -->
		  {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
			<!-- Если не выключен модуль сравнения товаров, то покажем этот блок -->
			<div class="inner" id="compareInfoBlock" {% IF COMPARE_GOODS_COUNT=0 %}style="display:none;"{% ENDIF %}>
			  <div id="compareInfo">Сейчас на <a href="{COMPARE_URL}">сравнении</a> <span class="nb_goods">{COMPARE_GOODS_COUNT} товар{COMPARE_GOODS_COUNT | gen_word_end("","а","ов")}</span>.</div>
			</div>
		  {% ENDIF %}
		  <!-- END Если в тарифном плане подключен модуль фильтров по товарам --> 

далее найдите:
<li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}{% IF catalog_full.CURRENT %} active{% ELSEIF catalog_full.CURRENT_PARENT %} active{% ENDIF %}">
					  <a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</a>
					{% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
					{% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
				  {%ENDFOR%}
				</div>
			  </div>
			</div>
		  {%ENDIF%}
		  <!-- /Каталог товаров -->

после него вставьте:
<!-- Если в тарифном плане подключен модуль сравнения товаров -->
		  {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
			<!-- Если не выключен модуль сравнения товаров, то покажем этот блок -->
			<div id="compareInfoBlock" {% IF COMPARE_GOODS_COUNT=0 %}style="display:none;"{% ENDIF %}>
			  <div id="compareInfo">Сейчас на <a href="{COMPARE_URL}">сравнении</a> <span class="nb_goods">{COMPARE_GOODS_COUNT} товар{COMPARE_GOODS_COUNT | gen_word_end("","а","ов")}</span>.</div>
			</div>
		  {% ENDIF %}
		  <!-- END Если в тарифном плане подключен модуль фильтров по товарам --> 

7. В шаблоне HTML найдите и удалите:
<div class="inner">
		  <div id="logo"><a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}logo.png?design=spring" title="" alt=""></a></div>
   
		  <!-- Корзина -->
		  <div id="cart">
			<div class="heading">
			  <h4>Корзина покупок</h4>
			  <a href="{CART_URL}" title="Перейти в корзину"><span class="cart_circle"></span><span id="cart-total">Покупок
				{% IF cart_count_empty %}
				<span class="red">0</span>
				{% ELSE %}
				  {CART_COUNT_TOTAL}
				{% ENDIF %}
				 - на сумму
			   
				{% IF cart_count_empty %}
				  <span>0</span> {CURRENCY_NAME}
				{% ELSE %}
				  {% FOR cart_sum %}
					{cart_sum.NOW | money_format}<br />
				  {% ENDFOR %}
				{% ENDIF %}</span>
			  </a>
			</div>
			<div class="content">
			  <div class="empty">Ваша корзина покупок пуста!</div>
			</div>
			<div class="clear"></div>
		  </div> 
		  <!-- end Корзина -->
		 
		  <div class="clear"></div>
		 
		</div>

далее найдите:
  <div id="header" class="borderless">
		<div id="header_colapse">
		  <div id="togglerone" class="inner">

после него вставьте:
<!-- Корзина -->
		  <div id="cart">
			<div class="heading">
			  <h4>Корзина покупок</h4>
			  <a href="{CART_URL}" title="Перейти в корзину"><span class="cart_circle"></span><span id="cart-total">Покупок
				{% IF cart_count_empty %}
				<span class="red">0</span>
				{% ELSE %}
				  {CART_COUNT_TOTAL}
				{% ENDIF %}
				 - на сумму
			   
				{% IF cart_count_empty %}
				  <span>0</span> {CURRENCY_NAME}
				{% ELSE %}
				  {% FOR cart_sum %}
					{cart_sum.NOW | money_format}<br />
				  {% ENDFOR %}
				{% ENDIF %}</span>
			  </a>
			</div>
			<div class="content">
			  <div class="empty">Ваша корзина покупок пуста!</div>
			</div>
			<div class="clear"></div>
		  </div> 
		  <!-- end Корзина -->

в main.css найдите:
#header #cart {
	z-index: 20;
	min-width: 300px;
	top: 3px;
	right: 20px;
}

замените на:
#header #cart {
	z-index: 20;
	min-width: 300px;
	float: right;
}


#3 Nicolas

Nicolas

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

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

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

Спасибо за быстрый ответ!
Сделал все как написано - получилось не все и не так... посмотрите, пожалуйста:
Шапка на переделку04082015.jpg

т.е. помогите:
1). Сдвинуть поиск ближе к логотипу; если возможно - напишите как сделать длиннее строку поиска(где это
2). Сдвинуть контакты на место поиска;
3). Корзину спустить на тот же уровень, что  лого-поиск-контакты; чтобы она была справа;
4). Почему то "сравнение" не переместилось, а исчезло.... (должно быть между каталогом слева и "вы смотрели (недвавно просмотренные товары)")

Очень жду! Спасибо!

#4 Danil

Danil

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

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

Отправлено 05 Август 2015 - 14:02

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

Спасибо за быстрый ответ!
Сделал все как написано - получилось не все и не так... посмотрите, пожалуйста:
Прикрепленный файл Шапка на переделку04082015.jpg

т.е. помогите:
1). Сдвинуть поиск ближе к логотипу; если возможно - напишите как сделать длиннее строку поиска(где это
2). Сдвинуть контакты на место поиска;
3). Корзину спустить на тот же уровень, что  лого-поиск-контакты; чтобы она была справа;
4). Почему то "сравнение" не переместилось, а исчезло.... (должно быть между каталогом слева и "вы смотрели (недвавно просмотренные товары)")

Очень жду! Спасибо!
В шаблоне html найдите код
<!-- Форма поиска -->
			<div id="search">
			  <form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get" onsubmit="if($(this).find('#search').val()=='Поиск по магазину...') return false;">
				<button title="Искать" type="submit" value="Поиск" class="button-search"></button>
				<input type="text" name="q" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск по магазину...{% ENDIF %}" onfocus="if(this.value=='Поиск по магазину...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск по магазину...';}" onclick="this.value = &#39;&#39;;" onkeydown="this.style.color = &#39;#000000&#39;;"/>
			  </form>
			</div>
			<!-- /Форма поиска -->
			<div id="logo"><a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}logo.png?design=spring" title="" alt=""></a></div>
и замените на
			<div id="logo"><a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}logo.png?design=spring" title="" alt=""></a></div>
<!-- Форма поиска -->
			<div id="search">
			  <form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get" onsubmit="if($(this).find('#search').val()=='Поиск по магазину...') return false;">
				<button title="Искать" type="submit" value="Поиск" class="button-search"></button>
				<input type="text" name="q" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск по магазину...{% ENDIF %}" onfocus="if(this.value=='Поиск по магазину...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск по магазину...';}" onclick="this.value = &#39;&#39;;" onkeydown="this.style.color = &#39;#000000&#39;;"/>
			  </form>
			</div>
			<!-- /Форма поиска -->
В main.css найдите код
#header #search {
	position: relative;
	float: right;
	top: 9px;
	right: 0px;
	margin-bottom: 9px;
	width: 225px;
	z-index: 15;
}
и замените на
div#cart {
	float: right;
}
#header #search {
	position: relative;
	float: left;
	top: 9px;
	right: 0px;
	margin-bottom: 9px;
	margin-left: 95px;
	width: 225px;
	z-index: 15;
	margin-top: 25px;
}


#5 Nicolas

Nicolas

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

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

Отправлено 05 Август 2015 - 15:55

Спасибо! Получилось! Только 1 момент не подсказали:
0). У меня пропало "сравнение" а должно было переместиться м/у концом каталога и "Вы смотрели" (см. скриншот):
сравнение товаров 05082015.jpg

И еще ряд вопросов по схожей теме:
1). Как менять цвет фона шапки?
2). Как менять цвет кнопок, подчеркиваний и т.д. (см. 2-ой скриншот) и убрать "-кол-во+" с главной (с остальных (т.е. с товаров в каталоге уже убирали это)
шапка на переделку 05082015.jpg
3). Как сделать баннер кликабельным?


Спасибо! Очень жду!

#6 Danil

Danil

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

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

Отправлено 05 Август 2015 - 16:17

Просмотр сообщенияNicolas (05 Август 2015 - 15:55) писал:

Спасибо! Получилось! Только 1 момент не подсказали:
0). У меня пропало "сравнение" а должно было переместиться м/у концом каталога и "Вы смотрели" (см. скриншот):
Прикрепленный файл сравнение товаров 05082015.jpg

И еще ряд вопросов по схожей теме:
1). Как менять цвет фона шапки?
2). Как менять цвет кнопок, подчеркиваний и т.д. (см. 2-ой скриншот) и убрать "-кол-во+" с главной (с остальных (т.е. с товаров в каталоге уже убирали это)
Прикрепленный файл шапка на переделку 05082015.jpg
3). Как сделать баннер кликабельным?


Спасибо! Очень жду!
0) В main.css найдите код
#compareInfo {
	color: #999;
	float: right;
	margin: 10px 0 0 15px;
	font-size: 11px;
	display: block;
	height: 30px;
	position: relative;
	clear: both;
}
и замените на
#compareInfo {
	color: #999;
	margin: 10px 0 0 15px;
	font-size: 11px;
	display: block;
	height: 30px;
	position: relative;
	clear: both;
}
1-2)
В main.css нажмите ctrl+f5(2 раза).
У Вас появится 2 строки в первую введите  #ff0551, а во вторую тот цвет, на который Вы хотите изменить весь сайт(если я Вас правильно понял, Вы хотите поменять красный цвет сайта, на другой).
После, нажимайте "ReplaceAll", до тех пор, пока не заменятся все значения в коде.
3) В шаблоне html найдите код

 <!-- Главная страница -->
		{% IF index_page %}
		  <div id="module_area"> 
			<div id="flexslideshow" class="flexslider">
			  <ul class="slides">
				<li>
				  <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}shkatulki2905.jpg) no-repeat;"></div>
				  <img src="{ASSETS_IMAGES_PATH}shkatulki2905.jpg" alt="Slider 1" class="slide_img">
				</li>
				<li>
				  <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}kamin2905.jpg) no-repeat;"></div>
				  <img src="{ASSETS_IMAGES_PATH}kamin2905.jpg" alt="Slide 2" class="slide_img">
				</li>
				<li>
				  <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}br22.jpg) no-repeat;"></div>
				  <img src="{ASSETS_IMAGES_PATH}brialdi2905.jpg" alt="Slide 3" class="slide_img">
				</li>
			  </ul>
			</div>
		  </div>
		{% ENDIF %}
		<!-- /Главная страница -->
и замените на

 <!-- Главная страница -->
		{% IF index_page %}
		  <div id="module_area"> 
			<div id="flexslideshow" class="flexslider">
			  <ul class="slides">
				<li>
				  <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}shkatulki2905.jpg) no-repeat;"></div>
				  <a href="Ссылка на страницу"><img src="{ASSETS_IMAGES_PATH}shkatulki2905.jpg" alt="Slider 1" class="slide_img"></a>
				</li>
				<li>
				  <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}kamin2905.jpg) no-repeat;"></div>
				   <a href="Ссылка на страницу"><img src="{ASSETS_IMAGES_PATH}kamin2905.jpg" alt="Slide 2" class="slide_img"></a>
				</li>
				<li>
				  <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}br22.jpg) no-repeat;"></div>
				   <a href="Ссылка на страницу"><img src="{ASSETS_IMAGES_PATH}brialdi2905.jpg" alt="Slide 3" class="slide_img"></a>
				</li>
			  </ul>
			</div>
		  </div>
		{% ENDIF %}
		<!-- /Главная страница -->






Темы с аналогичным тегами весна, шапка, логотип

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

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