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


Каталог Товаров На Сайте

Автор Tyumenn, 21 янв. 2015 14:31

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

#21 Alekseys

Alekseys

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

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

Отправлено 23 Январь 2015 - 09:57

Просмотр сообщенияTyumenn (23 Январь 2015 - 09:53) писал:

Ребята, я так буду до пенсии править сайт(
Здравствуйте. Пожалуйста, укажите на скриншоте схематично, где какие элементы должны располагаться после правки.

#22 Tyumenn

Tyumenn

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

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

Отправлено 23 Январь 2015 - 10:37

Просмотр сообщенияAlekseys (23 Январь 2015 - 09:57) писал:

Здравствуйте. Пожалуйста, укажите на скриншоте схематично, где какие элементы должны располагаться после правки.

Прикрепил скрин с доработками, которые нужно сделать.

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

  • 123.png

#23 Ирина345

Ирина345

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

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

Отправлено 23 Январь 2015 - 10:55

Просмотр сообщенияTyumenn (23 Январь 2015 - 10:37) писал:

Прикрепил скрин с доработками, которые нужно сделать.
Здравствуйте, найдите в HTML
 <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>
		   {% IF SETTINGS_STORE_PHONE_NUMBER1 || SETTINGS_STORE_PHONE_NUMBER2 || SETTINGS_STORE_PHONE_NUMBER3 || SETTINGS_STORE_ICQ || SETTINGS_STORE_SKYPE %}
			  <div style="width: 745px;" title="Звоните, мы проконсультируем вас по любым вопросам" id="support">
				 
				  <div class="test2"> {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<span class="footer_phone1" id="phon">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER1}</span>{% ENDIF %}
			 </br> <a class="callback fancybox.ajax" href="http://{NET_DOMAIN}/callback?only_body=1">Обратный звонок</a>
			</div>
				 <div class="test1"> <span class="footer_adds1">Ваш адрес</span></br>
					<div class="test3">   <span class="footer_mail1">ваша почта</span></div>
				 </div>
				   <div class="test1">  {% IF SETTINGS_STORE_WORK_TIME %}<span class="footer_time1"  title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">{SETTINGS_STORE_WORK_TIME}</br> 
			
			</span>{% ENDIF %}
			  <div class="test3">  {% IF SETTINGS_STORE_SKYPE %}<span class="footer_skype1" ><a href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype">{SETTINGS_STORE_SKYPE}</a></span>{% ENDIF %}</div>
			</div>
		   
	   
		 
	   
				<div class="contacts" style="display:none;">
				  <div class="phone" title="Звоните, мы проконсультируем вас по любым вопросам">
					<!-- Первый контактный телефон -->
					{% IF SETTINGS_STORE_PHONE_NUMBER1 %}
					  <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}{SETTINGS_STORE_PHONE_CITY_CODE1}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}">
						<span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span>
						{% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}
						{SETTINGS_STORE_PHONE_NUMBER1}
					  </a>
					{% ENDIF %}
  
					<!-- Второй контактный телефон -->
					{% IF SETTINGS_STORE_PHONE_NUMBER2 %}
					  <br />
					  <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}{SETTINGS_STORE_PHONE_CITY_CODE2}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}">
						<span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}</span>
						{% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %}
						{SETTINGS_STORE_PHONE_NUMBER2}
					  </a>
					{% ENDIF %}
	  
					<!-- Третий контактный телефон -->
					{% IF SETTINGS_STORE_PHONE_NUMBER3 %}
					  <br />
					  <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}{SETTINGS_STORE_PHONE_CITY_CODE3}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}">
						<span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}</span>
						{% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %}
						{SETTINGS_STORE_PHONE_NUMBER3}
					  </a>
					{% ENDIF %}
				  </div>
				
				  <!-- Время работы магазина -->
				  {% IF SETTINGS_STORE_WORK_TIME %}
					<div class="work-time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">
					  {SETTINGS_STORE_WORK_TIME}
					</div>
				  {% ENDIF %}
				  
				  <!-- Контакт Skype -->
				  {% IF SETTINGS_STORE_SKYPE %}
					<a href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype"><img src="{FORALL_IMAGES_PATH}icon/skype.png" width="16" height="16" alt="Свяжитесь с нами по Skype" />&nbsp;<span class="valignMiddle">{SETTINGS_STORE_SKYPE}</span></a>
				  {% ENDIF %}

				  <!-- Номер ICQ на сайте -->
				  {% 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 %}

далее в конец файла main.css добавьте



.test1 {
	display: inline-block;
	vertical-align: top;
	width: 180px;margin-left: 42px;
}.test2 {
	display: inline-block;
vertical-align: top;
width: 226px;
font-size: 18px;margin-right: -29px;
margin-left: 42px;
margin-top: 9px;
}
.test3 {margin-top: -8px;
	display: inline-block;
	vertical-align: top;
	width: 180px;
}
.test2 a {
color: #ff0551;
text-decoration: underline;
border-bottom: 1px solid;
}
#phon {
font-size: 15px;
}
#man {
clear: none;
float: left;
width: 193px;
margin: 0 auto;
border: none;
margin-right: 4%;
}
#man h3 {
margin-left: -21px;
}
далее найдите
#header #support {position: relative;float: right;top: 9px;margin-right: 11px;z-index: 30;width: 200px;}
замените на
#header #support {position: relative;float: left;top: 9px;margin-right: 11px;z-index: 30;width: 200px;}

далее найдите
#header #support a, #header #support a:hover{color: #fff;text-decoration: none;}
замените на



#header #support a, #header #support a:hover{color: #111111;text-decoration: none;}

#24 Tyumenn

Tyumenn

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

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

Отправлено 23 Январь 2015 - 11:13

Просмотр сообщенияИрина345 (23 Январь 2015 - 10:55) писал:

Здравствуйте, найдите в HTML
<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>
{% IF SETTINGS_STORE_PHONE_NUMBER1 || SETTINGS_STORE_PHONE_NUMBER2 || SETTINGS_STORE_PHONE_NUMBER3 || SETTINGS_STORE_ICQ || SETTINGS_STORE_SKYPE %}
<div style="width: 745px;" title="Звоните, мы проконсультируем вас по любым вопросам" id="support">

<div class="test2"> {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<span class="footer_phone1" id="phon">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER1}</span>{% ENDIF %}
</br> <a class="callback fancybox.ajax" href="http://{NET_DOMAIN}/callback?only_body=1">Обратный звонок</a>
</div>
<div class="test1"> <span class="footer_adds1">Ваш адрес</span></br>
<div class="test3"> <span class="footer_mail1">ваша почта</span></div>
</div>
<div class="test1"> {% IF SETTINGS_STORE_WORK_TIME %}<span class="footer_time1" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">{SETTINGS_STORE_WORK_TIME}</br>

</span>{% ENDIF %}
<div class="test3"> {% IF SETTINGS_STORE_SKYPE %}<span class="footer_skype1" ><a href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype">{SETTINGS_STORE_SKYPE}</a></span>{% ENDIF %}</div>
</div>




<div class="contacts" style="display:none;">
<div class="phone" title="Звоните, мы проконсультируем вас по любым вопросам">
<!-- Первый контактный телефон -->
{% IF SETTINGS_STORE_PHONE_NUMBER1 %}
<a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}{SETTINGS_STORE_PHONE_CITY_CODE1}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}">
<span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span>
{% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}
{SETTINGS_STORE_PHONE_NUMBER1}
</a>
{% ENDIF %}

<!-- Второй контактный телефон -->
{% IF SETTINGS_STORE_PHONE_NUMBER2 %}
<br />
<a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}{SETTINGS_STORE_PHONE_CITY_CODE2}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}">
<span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}</span>
{% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %}
{SETTINGS_STORE_PHONE_NUMBER2}
</a>
{% ENDIF %}

<!-- Третий контактный телефон -->
{% IF SETTINGS_STORE_PHONE_NUMBER3 %}
<br />
<a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}{SETTINGS_STORE_PHONE_CITY_CODE3}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}">
<span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}</span>
{% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %}
{SETTINGS_STORE_PHONE_NUMBER3}
</a>
{% ENDIF %}
</div>

<!-- Время работы магазина -->
{% IF SETTINGS_STORE_WORK_TIME %}
<div class="work-time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">
{SETTINGS_STORE_WORK_TIME}
</div>
{% ENDIF %}

<!-- Контакт Skype -->
{% IF SETTINGS_STORE_SKYPE %}
<a href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype"><img src="{FORALL_IMAGES_PATH}icon/skype.png" width="16" height="16" alt="Свяжитесь с нами по Skype" />&nbsp;<span class="valignMiddle">{SETTINGS_STORE_SKYPE}</span></a>
{% ENDIF %}

<!-- Номер ICQ на сайте -->
{% 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 %}

далее в конец файла main.css добавьте



.test1 {
display: inline-block;
vertical-align: top;
width: 180px;margin-left: 42px;
}.test2 {
display: inline-block;
vertical-align: top;
width: 226px;
font-size: 18px;margin-right: -29px;
margin-left: 42px;
margin-top: 9px;
}
.test3 {margin-top: -8px;
display: inline-block;
vertical-align: top;
width: 180px;
}
.test2 a {
color: #ff0551;
text-decoration: underline;
border-bottom: 1px solid;
}
#phon {
font-size: 15px;
}
#man {
clear: none;
float: left;
width: 193px;
margin: 0 auto;
border: none;
margin-right: 4%;
}
#man h3 {
margin-left: -21px;
}
далее найдите
#header #support {position: relative;float: right;top: 9px;margin-right: 11px;z-index: 30;width: 200px;}
замените на
#header #support {position: relative;float: left;top: 9px;margin-right: 11px;z-index: 30;width: 200px;}

далее найдите
#header #support a, #header #support a:hover{color: #fff;text-decoration: none;}
замените на



#header #support a, #header #support a:hover{color: #111111;text-decoration: none;}

Вот что получилось, красный блок остался на месте...

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

  • 1.png

#25 Ирина345

Ирина345

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

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

Отправлено 23 Январь 2015 - 11:52

Просмотр сообщенияTyumenn (23 Январь 2015 - 11:13) писал:

Вот что получилось, красный блок остался на месте...
Найдите в файле main.js
  $("#toggle_switch").click(function () {  
	$('#togglerone').slideToggle(1000);  
	if ($(this).hasClass('swap')) {
	  $(this).removeClass("swap");
	  // Удаляем из cookie информацию о том, что пользователь скрыл шапку сайта
	  deleteCookie("hide_header", {path: '/'});
	} else {
	  $(this).addClass("swap");
	  // Ставим в cookie информацию о том, что пользователь скрыл шапку сайта
	  setCookie("hide_header", 1, {path: '/'});
	}
  });
Замените на
  $("#toggle_switch").click(function () {  
	$('#togglerone').slideToggle(1000);  
	if ($(this).hasClass('swap')) {
	  $(this).removeClass("swap");
	  // Удаляем из cookie информацию о том, что пользователь скрыл шапку сайта
	  deleteCookie("hide_header", {path: '/'});
	} else {
	  $(this).addClass("swap");
	  // Ставим в cookie информацию о том, что пользователь скрыл шапку сайта
	  setCookie("hide_header", 0, {path: '/'});
	}
  });


далее в 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>
			<!-- /Форма поиска -->
перенесите после блока





   <form name="menu">
				<select class="selectnav" id="selectnav1" name="sel" onChange="if (this.selectedIndex > 0) document.location.href=this.options[this.selectedIndex].value">
				  <option>Выберите пункт меню...</option>
				  {% FOR menu %}
					{% FOR header %}
					  {% FOR links %}
						 <option value="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}selected=""{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></option>
					  {% ENDFOR %}
					{% ENDFOR %}
				  {% ENDFOR %}
				</select>
			  </form>
			</div>
		  </div>

#26 Tyumenn

Tyumenn

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

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

Отправлено 23 Январь 2015 - 13:02

Просмотр сообщенияИрина345 (23 Январь 2015 - 11:52) писал:

Найдите в файле main.js
$("#toggle_switch").click(function () {
$('#togglerone').slideToggle(1000);
if ($(this).hasClass('swap')) {
$(this).removeClass("swap");
// Удаляем из cookie информацию о том, что пользователь скрыл шапку сайта
deleteCookie("hide_header", {path: '/'});
} else {
$(this).addClass("swap");
// Ставим в cookie информацию о том, что пользователь скрыл шапку сайта
setCookie("hide_header", 1, {path: '/'});
}
});
Замените на
$("#toggle_switch").click(function () {
$('#togglerone').slideToggle(1000);
if ($(this).hasClass('swap')) {
$(this).removeClass("swap");
// Удаляем из cookie информацию о том, что пользователь скрыл шапку сайта
deleteCookie("hide_header", {path: '/'});
} else {
$(this).addClass("swap");
// Ставим в cookie информацию о том, что пользователь скрыл шапку сайта
setCookie("hide_header", 0, {path: '/'});
}
});


далее в 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>
<!-- /Форма поиска -->
перенесите после блока





<form name="menu">
<select class="selectnav" id="selectnav1" name="sel" onChange="if (this.selectedIndex > 0) document.location.href=this.options[this.selectedIndex].value">
<option>Выберите пункт меню...</option>
{% FOR menu %}
{% FOR header %}
{% FOR links %}
<option value="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}selected=""{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></option>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</select>
</form>
</div>
</div>

Результат на скрине.

Нужно убрать красную шапку и сдвинуть поиск влево.

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

  • 2.png

#27 Alekseys

Alekseys

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

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

Отправлено 23 Январь 2015 - 13:34

Просмотр сообщенияTyumenn (23 Январь 2015 - 13:02) писал:

Результат на скрине.

Нужно убрать красную шапку и сдвинуть поиск влево.
В main.css замените
#header_colapse {
position: relative;
background-color: #ff0551;
color: #ffffff;
z-index: 1000;
}
на
#header_colapse {
position: relative;
background-color: #ff0551;
color: #ffffff;
z-index: 1000;
display: none;
}
и
#header #search {
position: relative;
float: right;
top: 9px;
right: 0px;
margin-bottom: 9px;
width: 225px;
z-index: 15;
}
замените на
#header #search {
position: relative;
float: right;
top: 9px;
right: 0px;
width: 225px;
z-index: 15;
margin: -9px 354px 0px 0px;
}

#28 Tyumenn

Tyumenn

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

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

Отправлено 23 Январь 2015 - 14:44

Просмотр сообщенияAlekseys (23 Январь 2015 - 13:34) писал:

В main.css замените
#header_colapse {
position: relative;
background-color: #ff0551;
color: #ffffff;
z-index: 1000;
}
на
#header_colapse {
position: relative;
background-color: #ff0551;
color: #ffffff;
z-index: 1000;
display: none;
}
и
#header #search {
position: relative;
float: right;
top: 9px;
right: 0px;
margin-bottom: 9px;
width: 225px;
z-index: 15;
}
замените на
#header #search {
position: relative;
float: right;
top: 9px;
right: 0px;
width: 225px;
z-index: 15;
margin: -9px 354px 0px 0px;
}

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

Также нужно убрать красную полоску, которая осталась сверху.

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

  • 3.png

#29 Alekseys

Alekseys

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

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

Отправлено 23 Январь 2015 - 14:48

Просмотр сообщенияTyumenn (23 Январь 2015 - 14:44) писал:

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

Также нужно убрать красную полоску, которая осталась сверху.
В main.css замените
#header #search {
position: relative;
float: right;
top: 9px;
right: 0px;
width: 225px;
z-index: 15;
margin: -9px 354px 0px 0px;
}
на
#header #search {
position: relative;
float: left;
top: 9px;
right: 0px;
width: 225px;
z-index: 15;
margin: -9px 0px 0px 478px;
}
и
#header {
position: relative;
z-index: 99;
background-color: #ffffff;
border-top: 3px solid #ff0551;
}
на
#header {
position: relative;
z-index: 99;
background-color: #ffffff;
}

#30 Tyumenn

Tyumenn

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

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

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

Просмотр сообщенияAlekseys (23 Январь 2015 - 14:48) писал:

В main.css замените
#header #search {
position: relative;
float: right;
top: 9px;
right: 0px;
width: 225px;
z-index: 15;
margin: -9px 354px 0px 0px;
}
на
#header #search {
position: relative;
float: left;
top: 9px;
right: 0px;
width: 225px;
z-index: 15;
margin: -9px 0px 0px 478px;
}
и
#header {
position: relative;
z-index: 99;
background-color: #ffffff;
border-top: 3px solid #ff0551;
}
на
#header {
position: relative;
z-index: 99;
background-color: #ffffff;
}

Вот что вышло

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

  • 4.png

#31 Ирина345

Ирина345

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

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

Отправлено 23 Январь 2015 - 15:46

Просмотр сообщенияTyumenn (23 Январь 2015 - 15:03) писал:

Вот что вышло
Найдите в main.css
#header #search {
#header #search {
position: relative;

замените на



#header #search {
position: relative;

#32 Tyumenn

Tyumenn

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

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

Отправлено 23 Январь 2015 - 16:27

Просмотр сообщенияИрина345 (23 Январь 2015 - 15:46) писал:

Найдите в main.css
#header #search {
#header #search {
position: relative;

замените на



#header #search {
position: relative;

Спасибо. Теперь нужно разобраться с блоком контактов.

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

Прикрепил подобный блок, взятый с другого сайта.

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

  • 5.png
  • Безымянный.png

#33 Vaccina

Vaccina

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

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

Отправлено 24 Январь 2015 - 01:45

В шаблоне HTML найдите:
{% IF SETTINGS_STORE_PHONE_NUMBER1 || SETTINGS_STORE_PHONE_NUMBER2 || SETTINGS_STORE_PHONE_NUMBER3 || SETTINGS_STORE_ICQ || SETTINGS_STORE_SKYPE %}
						  <div style="width: 745px;" title="Звоните, мы проконсультируем вас по любым вопросам" id="support">
								
								  <div class="test2"> {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<span class="footer_phone1" id="phon">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER1}</span>{% ENDIF %}
						 </br> <a class="callback fancybox.ajax" href="http://{NET_DOMAIN}/callback?only_body=1">Обратный звонок</a>
						</div>
								 <div class="test1"> <span class="footer_adds1">Ваш адрес</span></br>
										<div class="test3">   <span class="footer_mail1">ваша почта</span></div>
								 </div>
								   <div class="test1">  {% IF SETTINGS_STORE_WORK_TIME %}<span class="footer_time1"  title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">{SETTINGS_STORE_WORK_TIME}</br>
					   
						</span>{% ENDIF %}
						  <div class="test3">  {% IF SETTINGS_STORE_SKYPE %}<span class="footer_skype1" ><a href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype">{SETTINGS_STORE_SKYPE}</a></span>{% ENDIF %}</div>
						</div>
замените на:
{% IF SETTINGS_STORE_PHONE_NUMBER1 || SETTINGS_STORE_PHONE_NUMBER2 || SETTINGS_STORE_PHONE_NUMBER3 || SETTINGS_STORE_ICQ || SETTINGS_STORE_SKYPE %}
<div style="width: 745px;" title="Звоните, мы проконсультируем вас по любым вопросам" id="support" class="c_contacts">
		<div>
   {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<span class="footer_phone1" id="phon">
   <img src="ссылка на иконку" alt="" />
   {SETTINGS_STORE_PHONE_COUNTRY_CODE1}{% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER1}</span>{% ENDIF %}</br>
  
   <a class="callback fancybox.ajax" href="http://{NET_DOMAIN}/callback?only_body=1">Обратный звонок</a>
		</div>
								
  <div>
  <span class="footer_adds1">
  <img src="ссылка на иконку" alt="" />
  Ваш адрес</span></br>
	   
  <span class="footer_mail1">
  <img src="ссылка на иконку" alt="" />
  ваша почта</span>
		</div>
								  
  <div> 
  {% IF SETTINGS_STORE_WORK_TIME %}<span class="footer_time1"  title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">
  <img src="ссылка на иконку" alt="" />
  {SETTINGS_STORE_WORK_TIME}</span>{% ENDIF %}</br>
	   
  {% IF SETTINGS_STORE_SKYPE %}<span class="footer_skype1" >
  <img src="ссылка на иконку" alt="" />
  <a href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype">{SETTINGS_STORE_SKYPE}</a></span>{% ENDIF %}
		</div>
</div>
вместо текста пропишите реальные ссылки на картинки к контактным данным
далее в main.css добавьте:
.c_contacts div{display:inline-block;margin:10px;}
.c_contacts img{vertical-align:middle;}

#34 Tyumenn

Tyumenn

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

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

Отправлено 24 Январь 2015 - 08:18

Просмотр сообщенияVaccina (24 Январь 2015 - 01:45) писал:

В шаблоне HTML найдите:
{% IF SETTINGS_STORE_PHONE_NUMBER1 || SETTINGS_STORE_PHONE_NUMBER2 || SETTINGS_STORE_PHONE_NUMBER3 || SETTINGS_STORE_ICQ || SETTINGS_STORE_SKYPE %}
						 <div style="width: 745px;" title="Звоните, мы проконсультируем вас по любым вопросам" id="support">
								
								 <div class="test2"> {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<span class="footer_phone1" id="phon">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER1}</span>{% ENDIF %}
						 </br> <a class="callback fancybox.ajax" href="http://{NET_DOMAIN}/callback?only_body=1">Обратный звонок</a>
					 </div>
								 <div class="test1"> <span class="footer_adds1">Ваш адрес</span></br>
									 <div class="test3"> <span class="footer_mail1">ваша почта</span></div>
								 </div>
								 <div class="test1"> {% IF SETTINGS_STORE_WORK_TIME %}<span class="footer_time1" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">{SETTINGS_STORE_WORK_TIME}</br>
					
					 </span>{% ENDIF %}
						 <div class="test3"> {% IF SETTINGS_STORE_SKYPE %}<span class="footer_skype1" ><a href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype">{SETTINGS_STORE_SKYPE}</a></span>{% ENDIF %}</div>
					 </div>
замените на:
{% IF SETTINGS_STORE_PHONE_NUMBER1 || SETTINGS_STORE_PHONE_NUMBER2 || SETTINGS_STORE_PHONE_NUMBER3 || SETTINGS_STORE_ICQ || SETTINGS_STORE_SKYPE %}
<div style="width: 745px;" title="Звоните, мы проконсультируем вас по любым вопросам" id="support" class="c_contacts">
	 <div>
{% IF SETTINGS_STORE_PHONE_NUMBER1 %}<span class="footer_phone1" id="phon">
<img src="ссылка на иконку" alt="" />
{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER1}</span>{% ENDIF %}</br>

<a class="callback fancybox.ajax" href="http://{NET_DOMAIN}/callback?only_body=1">Обратный звонок</a>
	 </div>
								
<div>
<span class="footer_adds1">
<img src="ссылка на иконку" alt="" />
Ваш адрес</span></br>
	
<span class="footer_mail1">
<img src="ссылка на иконку" alt="" />
ваша почта</span>
	 </div>
								
<div>
{% IF SETTINGS_STORE_WORK_TIME %}<span class="footer_time1" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">
<img src="ссылка на иконку" alt="" />
{SETTINGS_STORE_WORK_TIME}</span>{% ENDIF %}</br>
	
{% IF SETTINGS_STORE_SKYPE %}<span class="footer_skype1" >
<img src="ссылка на иконку" alt="" />
<a href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype">{SETTINGS_STORE_SKYPE}</a></span>{% ENDIF %}
	 </div>
</div>
вместо текста пропишите реальные ссылки на картинки к контактным данным
далее в main.css добавьте:
.c_contacts div{display:inline-block;margin:10px;}
.c_contacts img{vertical-align:middle;}

Какой размер иконок  делать?

#35 Ирина345

Ирина345

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

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

Отправлено 24 Январь 2015 - 09:36

Просмотр сообщенияTyumenn (24 Январь 2015 - 08:18) писал:

Какой размер иконок  делать?
Здравствуйте, добавьте в конец файла main.css
.footer_phone1 {background:url('{ASSETS_IMAGES_PATH}footer_phone_icon.png?design=spring') 0 50% no-repeat;padding-left: 33px;}
.footer_time1 {background:url('{ASSETS_IMAGES_PATH}footer_time_icon.png?design=spring') 0 50% no-repeat;padding: 10px 10px 10px 37px;;}

далее вам необходимы иконки почты и адреса, их размер 16х16
инструкция для их установки в сообщение выше

#36 Tyumenn

Tyumenn

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

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

Отправлено 24 Январь 2015 - 10:06

Просмотр сообщенияИрина345 (24 Январь 2015 - 09:36) писал:

Здравствуйте, добавьте в конец файла main.css
.footer_phone1 {background:url('{ASSETS_IMAGES_PATH}footer_phone_icon.png?design=spring') 0 50% no-repeat;padding-left: 33px;}
.footer_time1 {background:url('{ASSETS_IMAGES_PATH}footer_time_icon.png?design=spring') 0 50% no-repeat;padding: 10px 10px 10px 37px;;}

далее вам необходимы иконки почты и адреса, их размер 16х16
инструкция для их установки в сообщение выше

Результат.

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

  • 1.png

#37 Ирина345

Ирина345

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

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

Отправлено 24 Январь 2015 - 10:18

Просмотр сообщенияTyumenn (24 Январь 2015 - 10:06) писал:

Результат.
Найдите
<div style="width: 745px;" title="Звоните, мы проконсультируем вас по любым вопросам" id="support" class="c_contacts">
				<div>
   {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<span class="footer_phone1" id="phon">
<img src="ссылка на иконку" alt="" />
   {SETTINGS_STORE_PHONE_COUNTRY_CODE1}{% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER1}</span>{% ENDIF %}</br>

   <a class="callback fancybox.ajax" href="http://{NET_DOMAIN}/callback?only_body=1">Обратный звонок</a>
				</div>

<div>
<span class="footer_adds1">
<img src="ссылка на иконку" alt="" />
Ваш адрес</span></br>

<span class="footer_mail1">
<img src="ссылка на иконку" alt="" />
ваша почта</span>
		 </div>

  <div >

  {% IF SETTINGS_STORE_WORK_TIME %}<span class="footer_time1"  title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">
<img src="ссылка на иконку" alt="" />
  {SETTINGS_STORE_WORK_TIME}</span>{% ENDIF %}</br>

  {% IF SETTINGS_STORE_SKYPE %}<span class="footer_skype1" >
<img src="ссылка на иконку" alt="" />
  <a href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype">{SETTINGS_STORE_SKYPE}</a></span>{% ENDIF %}
				</div>
</div>
замените на

<div style="width: 745px;" title="Звоните, мы проконсультируем вас по любым вопросам" id="support" class="c_contacts">
				<div class="test2">
   {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<span class="footer_phone1" id="phon">

   {SETTINGS_STORE_PHONE_COUNTRY_CODE1}{% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER1}</span>{% ENDIF %}</br>

   <a class="callback fancybox.ajax" href="http://{NET_DOMAIN}/callback?only_body=1">Обратный звонок</a>
				</div>

  <div class="test1">
  <span class="footer_adds1">
  <img src="map_32.png" alt="" />
  Ваш адрес</span></br>

  <span class="footer_mail1">
  <img src="mail_32.png" alt="" />
  ваша почта</span>
				</div>

  <div class="test1">
  {% IF SETTINGS_STORE_WORK_TIME %}<span class="footer_time1"  title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">

  {SETTINGS_STORE_WORK_TIME}</span>{% ENDIF %}</br>

  {% IF SETTINGS_STORE_SKYPE %}<span class="footer_skype1" >

  <a href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype">{SETTINGS_STORE_SKYPE}</a></span>{% ENDIF %}
				</div>
</div>

#38 Tyumenn

Tyumenn

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

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

Отправлено 24 Январь 2015 - 10:44

Просмотр сообщенияИрина345 (24 Январь 2015 - 10:18) писал:

Найдите
<div style="width: 745px;" title="Звоните, мы проконсультируем вас по любым вопросам" id="support" class="c_contacts">
				<div>
{% IF SETTINGS_STORE_PHONE_NUMBER1 %}<span class="footer_phone1" id="phon">
<img src="ссылка на иконку" alt="" />
{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER1}</span>{% ENDIF %}</br>

<a class="callback fancybox.ajax" href="http://{NET_DOMAIN}/callback?only_body=1">Обратный звонок</a>
				</div>

<div>
<span class="footer_adds1">
<img src="ссылка на иконку" alt="" />
Ваш адрес</span></br>

<span class="footer_mail1">
<img src="ссылка на иконку" alt="" />
ваша почта</span>
		 </div>

<div >

{% IF SETTINGS_STORE_WORK_TIME %}<span class="footer_time1" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">
<img src="ссылка на иконку" alt="" />
{SETTINGS_STORE_WORK_TIME}</span>{% ENDIF %}</br>

{% IF SETTINGS_STORE_SKYPE %}<span class="footer_skype1" >
<img src="ссылка на иконку" alt="" />
<a href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype">{SETTINGS_STORE_SKYPE}</a></span>{% ENDIF %}
				</div>
</div>
замените на

<div style="width: 745px;" title="Звоните, мы проконсультируем вас по любым вопросам" id="support" class="c_contacts">
				<div class="test2">
{% IF SETTINGS_STORE_PHONE_NUMBER1 %}<span class="footer_phone1" id="phon">

{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER1}</span>{% ENDIF %}</br>

<a class="callback fancybox.ajax" href="http://{NET_DOMAIN}/callback?only_body=1">Обратный звонок</a>
				</div>

<div class="test1">
<span class="footer_adds1">
<img src="map_32.png" alt="" />
Ваш адрес</span></br>

<span class="footer_mail1">
<img src="mail_32.png" alt="" />
ваша почта</span>
				</div>

<div class="test1">
{% IF SETTINGS_STORE_WORK_TIME %}<span class="footer_time1" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">

{SETTINGS_STORE_WORK_TIME}</span>{% ENDIF %}</br>

{% IF SETTINGS_STORE_SKYPE %}<span class="footer_skype1" >

<a href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype">{SETTINGS_STORE_SKYPE}</a></span>{% ENDIF %}
				</div>
</div>

Почему не отображаются некоторые иконки? Нужно еще добавить скайп.

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

  • 2.png

#39 Ирина345

Ирина345

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

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

Отправлено 24 Январь 2015 - 10:50

Просмотр сообщенияTyumenn (24 Январь 2015 - 10:44) писал:

Почему не отображаются некоторые иконки? Нужно еще добавить скайп.
Найдите в html

<div class="test1">
  <span class="footer_adds1">
  <img src="map_32.png" alt="" />
  Ваш адрес</span></br>

  <span class="footer_mail1">
  <img src="mail_32.png" alt="" />
  ваша почта</span>
замените на


<div class="test1">
  <span class="footer_adds1">
  <img src="{ASSETS_IMAGES_PATH}map_32.png" alt="" />
  Ваш адрес</span></br>

  <span class="footer_mail1">
  <img src="{ASSETS_IMAGES_PATH}mail_32.png" alt="" />
  ваша почта</span>

далее добавьте в конец файла main.css

.footer_skype1 {background:url('{ASSETS_IMAGES_PATH}footer_skype_icon.png?design=spring') 0 50% no-repeat;padding: 5px 10px 10px 32px;}
так необходимо заполнить поле
Номер Skype на сайте:
В разделе Настройки-основное

#40 Tyumenn

Tyumenn

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

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

Отправлено 24 Январь 2015 - 12:04

Теперь нужно блок сдвинуть вправо, на скрине показал от какой черты.

Отпустить нижнею строчку контактов до черты.

Не видны иконки где телефон и адрес.

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

  • 1.png

Обратно в Изменение общей стилистики


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

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

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