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


Добавить Почту, Переместить Контакты Вверх, Цвет И Размер Телефона

Автор Art, 05 сент. 2014 13:01

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

#1 Art

Art

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

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

Отправлено 05 Сентябрь 2014 - 13:01

Здравствуйте, помогите пожалуйста сделать следующие изменения:
1) добавить почту в блок контактов
2) переместить блок контактов вверх
3) размер номера телефона увеличить
4) цвет телефона изменить на яркий но в цвет сайта

top-eko.ru
заранее спасибо!

#2 batta

batta

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

  • Пользователи
  • PipPipPipPip
  • 1 142 сообщений
  • ГородНижний Новгород

Отправлено 05 Сентябрь 2014 - 13:40

Просмотр сообщенияArt (05 Сентябрь 2014 - 13:01) писал:

Здравствуйте, помогите пожалуйста сделать следующие изменения:
1) добавить почту в блок контактов
2) переместить блок контактов вверх
3) размер номера телефона увеличить
4) цвет телефона изменить на яркий но в цвет сайта

top-eko.ru
заранее спасибо!
Здравствуйте.
1)впишите код 
{% IF SETTINGS_STORE_EMAIL_MAIN %}
								<li class="Email"><span class="skypeImg"></span><span>Email:&nbsp;</span><a href="Email:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_EMAIL_MAIN}</a></li>
							{% ENDIF %}
перед
<!-- Время работы магазина -->
2)Уточните на скриншоте где должно находиться блок контактов.
3-4)
В шаблоне HTML
							{% IF SETTINGS_STORE_PHONE_NUMBER1 %}
								<li class="phone tel1">
									<span class="phoneImg"></span><a itemprop="telephone" title="Номер телефона: {SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}" href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}{SETTINGS_STORE_PHONE_CITY_CODE1}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}" >{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}</a>
								</li>
измените на
							{% IF SETTINGS_STORE_PHONE_NUMBER1 %}
								<li class="phone tel1">
									<span class="phoneImg"></span><a itemprop="telephone" style="color: red; font-size: 20px;" title="Номер телефона: {SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}" href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}{SETTINGS_STORE_PHONE_CITY_CODE1}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}" >{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}</a>
								</li>
меняйте значение в style="color: red; font-size: 20px;" color--цвет font-size--размер телефона

#3 Art

Art

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

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

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

Просмотр сообщенияbatta (05 Сентябрь 2014 - 13:40) писал:

Здравствуйте.
1)впишите код
{% IF SETTINGS_STORE_EMAIL_MAIN %}
							 <li class="Email"><span class="skypeImg"></span><span>Email:&nbsp;</span><a href="Email:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_EMAIL_MAIN}</a></li>
						 {% ENDIF %}
перед
<!-- Время работы магазина -->
2)Уточните на скриншоте где должно находиться блок контактов.
3-4)
В шаблоне HTML
						 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}
							 <li class="phone tel1">
								 <span class="phoneImg"></span><a itemprop="telephone" title="Номер телефона: {SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}" href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}{SETTINGS_STORE_PHONE_CITY_CODE1}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}" >{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}</a>
							 </li>
измените на
						 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}
							 <li class="phone tel1">
								 <span class="phoneImg"></span><a itemprop="telephone" style="color: red; font-size: 20px;" title="Номер телефона: {SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}" href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}{SETTINGS_STORE_PHONE_CITY_CODE1}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}" >{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}</a>
							 </li>
меняйте значение в style="color: red; font-size: 20px;" color--цвет font-size--размер телефона

Спасибо а 1 и 2 вопросы это в каком файле нужно менять? а блок контактов я бы хотел переместить прямо под логотип!

#4 batta

batta

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

  • Пользователи
  • PipPipPipPip
  • 1 142 сообщений
  • ГородНижний Новгород

Отправлено 08 Сентябрь 2014 - 10:22

Просмотр сообщенияArt (08 Сентябрь 2014 - 10:11) писал:

Спасибо а 1 и 2 вопросы это в каком файле нужно менять? а блок контактов я бы хотел переместить прямо под логотип!
Здравствуйте.
1 и 2  меняется в шаблоне HTML.

#5 Art

Art

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

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

Отправлено 08 Сентябрь 2014 - 10:29

и как выровнять иконку телефона слева от номера, а то она вверх уплыла

#6 Dars

Dars

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

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

Отправлено 08 Сентябрь 2014 - 10:35

Просмотр сообщенияArt (08 Сентябрь 2014 - 10:29) писал:

и как выровнять иконку телефона слева от номера, а то она вверх уплыла
В main.css найдите код:

.phoneImg {
	display: inline-block;
	float: left;
	overflow: hidden;
	width: 27px;
	height: 23px;
	background: url('http://design.top-eko.ru/sprites.png') no-repeat -9px -404px;
}

и замените его на:

.phoneImg {
	display: inline-block;
	float: left;
	margin-top: 10px;
	overflow: hidden;
	width: 27px;
	height: 23px;
	background: url('http://design.top-eko.ru/sprites.png') no-repeat -9px -404px;
}

#7 Art

Art

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

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

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

Просмотр сообщенияbatta (08 Сентябрь 2014 - 10:22) писал:

Здравствуйте.
1 и 2  меняется в шаблоне HTML.
спасибо большое, получилось! а как можно увеличить шрифт почты и может стоит цвет поменять? и еще хотелось бы весь этот блок (включая поиск) поместить под надпись "выгодно, круглосуточно" ( над каталогом)! Спасибо!

#8 Art

Art

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

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

Отправлено 08 Сентябрь 2014 - 10:47

Просмотр сообщенияDars (08 Сентябрь 2014 - 10:35) писал:

В main.css найдите код:

.phoneImg {
display: inline-block;
float: left;
overflow: hidden;
width: 27px;
height: 23px;
background: url('http://design.top-eko.ru/sprites.png') no-repeat -9px -404px;
}

и замените его на:

.phoneImg {
display: inline-block;
float: left;
margin-top: 10px;
overflow: hidden;
width: 27px;
height: 23px;
background: url('http://design.top-eko.ru/sprites.png') no-repeat -9px -404px;
}
спасибо! помогло а еще есть вопрос поможете?) он выше)

Сообщение отредактировал Art: 08 Сентябрь 2014 - 10:52

#9 MikDark

MikDark

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

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

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

Просмотр сообщенияArt (08 Сентябрь 2014 - 10:38) писал:

спасибо большое, получилось! а как можно увеличить шрифт почты и может стоит цвет поменять? и еще хотелось бы весь этот блок (включая поиск) поместить под надпись "выгодно, круглосуточно" ( над каталогом)! Спасибо!

Чтобы поменять шрифт, добавьте в main.css
li.title span {
font-size: 16px;
color:#000000;
}

где font-size - размер шрифта, а color - код цвета.

Чтобы переместить над каталогом, в шаблоне HTML код:
<div class="search">
						<form action="http://{NET_DOMAIN}/search" id="searchform" method="get" title="Поиск по сайту">
						  <ul>
							<li class="right">
							  <input type="submit" class="btn" title="Найти" value="" />
							</li>
							<li class="left">
							  <input type="text" id="s" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{%ELSE%}Поиск{%ENDIF%}" onblur="this.value = (this.value == '') ? 'Поиск' : this.value;" onfocus="this.value = (this.value == 'Поиск') ? '' : this.value;" id="s" class="" name="q" />
							  <div id="delete"></div> 
							</li>
						  </ul>
						</form>
					</div>
					<div itemscope itemtype="http://schema.org/Organization" class="contactsSite">
						<span id="contactShowBut" title="Открыть контакты">Контакты<span class="toggleImg hide"></span></span>
						<ul id="contactShow">
							<!-- Есл есть номер icq -->
							{% IF SETTINGS_STORE_ICQ %}
								<li class="headerIcq">
									{% IF SETTINGS_STORE_ICQ_ONLY_DIGITS %}<img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&amp;img=27" alt="Статус icq" width="16" height="16" />{% ENDIF %}
									{SETTINGS_STORE_ICQ}
								</li>
							{% ENDIF %}
							{% IF SETTINGS_STORE_SKYPE %}
								<li class="skype"><span class="skypeImg"></span><span>Skype:&nbsp;</span><a href="skype:{SETTINGS_STORE_SKYPE}">{SETTINGS_STORE_SKYPE}</a></li>
							{% ENDIF %}
							 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}
																<li class="phone tel1">
																		<span class="phoneImg"></span><a itemprop="telephone" style="color: red; font-size: 20px;" title="Номер телефона: {SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}" href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}{SETTINGS_STORE_PHONE_CITY_CODE1}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}" >{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}</a>
																</li>
							{% ENDIF %}
							{% IF SETTINGS_STORE_PHONE_NUMBER2 %}
								<li class="phone tel2">
									<span class="phoneImg"></span><a itemprop="telephone" title="Номер телефона: {SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}" href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}" >{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}</a>
								</li>
							{% ENDIF %}
							{% IF SETTINGS_STORE_PHONE_NUMBER3 %}
								<li class="phone tel3">
									<span class="phoneImg"></span><a itemprop="telephone" title="Номер телефона: {SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}" href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}" >{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}</a>
								</li>
							{% ENDIF %}
							{% IF SETTINGS_STORE_EMAIL_MAIN %}
																<li class="title"><span class="iconMail"></span><span>info@top-eko.ru&nbsp;</span><a href="Email:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_EMAIL_MAIN}</a></li>
														{% ENDIF %}
							<!-- Время работы магазина -->
							{% IF SETTINGS_STORE_WORK_TIME %}
							  <li class="work-time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">
								<span class="work-time-icon"></span>
								<span>{SETTINGS_STORE_WORK_TIME}</span>
							  </li>
							{% ENDIF %}
						</ul>
						<div class="homePageListCart">
						  <h4><a href="{CART_URL}">Корзина</a></h4>
						  <div class="block_content">
							{% IF cart_count_empty %}
							  <p>Корзина пуста</p>
							{% ELSE %}
							  <div id="cart_block_list">
								<dl class="products">
								  {% FOR cart_items %}
									<dt class="cart_block_product_{cart_items.GOODS_ID}" class="item">
									  <div class="cartCountBlock">
										{cart_items.ORDER_LINE_QUANTITY}
										<span>{cart_items.GOODS_MOD_MEASURE_NAME}</span>
									  </div>
									  <div class="cartNameBlock">
										<h5>
										  <a href="{cart_items.GOODS_URL}" data-role="item-title">{cart_items.GOODS_NAME}</a>
										</h5>
									  </div>
									  <div class="cartDeleteBlock">
										<a class="ajaxCartBlockRemoveLink" href="{cart_items.ORDER_LINE_DELETE_URL}" title="Убрать товар из корзины">x</a>
									  </div>
									  <div class="cartLine"></div>
									  <div class="cartPriceBlock">
										{cart_items.GOODS_MOD_PRICE_NOW | money_format}
									  </div>
									</dt>  
								  {% ENDFOR %}
								  <dt id="cartPrices">
									{% FOR cart_sum %}
									  <div class="cartPricingBlock">
										<span>Итого</span>
										<span id="cart_block_total" class="price ajaxBlockArtTotal">{cart_sum.NOW | money_format}</span>
									  </div>
									{% ENDFOR %}
								  </dt>
								  <dt class="toOformZakazCart">
									<a href="{CART_URL}" class="btn btn-success" title="Перейти к оформлению заказа">Оформить заказ</a>
								  </dt>
								</dl>
							  </div>
							{% ENDIF %}
						  </div>
						</div>
					</div>

вырежьте и переместите перед:
{BODY}

#10 Art

Art

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

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

Отправлено 08 Сентябрь 2014 - 12:05

Просмотр сообщенияMikDark (08 Сентябрь 2014 - 11:25) писал:

Чтобы поменять шрифт, добавьте в main.css
li.title span {
font-size: 16px;
color:#000000;
}

где font-size - размер шрифта, а color - код цвета.

Чтобы переместить над каталогом, в шаблоне HTML код:
<div class="search">
					 <form action="http://{NET_DOMAIN}/search" id="searchform" method="get" title="Поиск по сайту">
						 <ul>
						 <li class="right">
							 <input type="submit" class="btn" title="Найти" value="" />
						 </li>
						 <li class="left">
							 <input type="text" id="s" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{%ELSE%}Поиск{%ENDIF%}" onblur="this.value = (this.value == '') ? 'Поиск' : this.value;" onfocus="this.value = (this.value == 'Поиск') ? '' : this.value;" id="s" class="" name="q" />
							 <div id="delete"></div>
						 </li>
						 </ul>
					 </form>
				 </div>
				 <div itemscope itemtype="http://schema.org/Organization" class="contactsSite">
					 <span id="contactShowBut" title="Открыть контакты">Контакты<span class="toggleImg hide"></span></span>
					 <ul id="contactShow">
						 <!-- Есл есть номер icq -->
						 {% IF SETTINGS_STORE_ICQ %}
							 <li class="headerIcq">
								 {% IF SETTINGS_STORE_ICQ_ONLY_DIGITS %}<img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&amp;img=27" alt="Статус icq" width="16" height="16" />{% ENDIF %}
								 {SETTINGS_STORE_ICQ}
							 </li>
						 {% ENDIF %}
						 {% IF SETTINGS_STORE_SKYPE %}
							 <li class="skype"><span class="skypeImg"></span><span>Skype:&nbsp;</span><a href="skype:{SETTINGS_STORE_SKYPE}">{SETTINGS_STORE_SKYPE}</a></li>
						 {% ENDIF %}
							 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}
															 <li class="phone tel1">
																	 <span class="phoneImg"></span><a itemprop="telephone" style="color: red; font-size: 20px;" title="Номер телефона: {SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}" href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}{SETTINGS_STORE_PHONE_CITY_CODE1}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}" >{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}</a>
															 </li>
						 {% ENDIF %}
						 {% IF SETTINGS_STORE_PHONE_NUMBER2 %}
							 <li class="phone tel2">
								 <span class="phoneImg"></span><a itemprop="telephone" title="Номер телефона: {SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}" href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}" >{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}</a>
							 </li>
						 {% ENDIF %}
						 {% IF SETTINGS_STORE_PHONE_NUMBER3 %}
							 <li class="phone tel3">
								 <span class="phoneImg"></span><a itemprop="telephone" title="Номер телефона: {SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}" href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}" >{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}</a>
							 </li>
						 {% ENDIF %}
						 {% IF SETTINGS_STORE_EMAIL_MAIN %}
															 <li class="title"><span class="iconMail"></span><span>info@top-eko.ru&nbsp;</span><a href="Email:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_EMAIL_MAIN}</a></li>
													 {% ENDIF %}
						 <!-- Время работы магазина -->
						 {% IF SETTINGS_STORE_WORK_TIME %}
							 <li class="work-time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">
							 <span class="work-time-icon"></span>
							 <span>{SETTINGS_STORE_WORK_TIME}</span>
							 </li>
						 {% ENDIF %}
					 </ul>
					 <div class="homePageListCart">
						 <h4><a href="{CART_URL}">Корзина</a></h4>
						 <div class="block_content">
						 {% IF cart_count_empty %}
							 <p>Корзина пуста</p>
						 {% ELSE %}
							 <div id="cart_block_list">
							 <dl class="products">
								 {% FOR cart_items %}
								 <dt class="cart_block_product_{cart_items.GOODS_ID}" class="item">
									 <div class="cartCountBlock">
									 {cart_items.ORDER_LINE_QUANTITY}
									 <span>{cart_items.GOODS_MOD_MEASURE_NAME}</span>
									 </div>
									 <div class="cartNameBlock">
									 <h5>
										 <a href="{cart_items.GOODS_URL}" data-role="item-title">{cart_items.GOODS_NAME}</a>
									 </h5>
									 </div>
									 <div class="cartDeleteBlock">
									 <a class="ajaxCartBlockRemoveLink" href="{cart_items.ORDER_LINE_DELETE_URL}" title="Убрать товар из корзины">x</a>
									 </div>
									 <div class="cartLine"></div>
									 <div class="cartPriceBlock">
									 {cart_items.GOODS_MOD_PRICE_NOW | money_format}
									 </div>
								 </dt>
								 {% ENDFOR %}
								 <dt id="cartPrices">
								 {% FOR cart_sum %}
									 <div class="cartPricingBlock">
									 <span>Итого</span>
									 <span id="cart_block_total" class="price ajaxBlockArtTotal">{cart_sum.NOW | money_format}</span>
									 </div>
								 {% ENDFOR %}
								 </dt>
								 <dt class="toOformZakazCart">
								 <a href="{CART_URL}" class="btn btn-success" title="Перейти к оформлению заказа">Оформить заказ</a>
								 </dt>
							 </dl>
							 </div>
						 {% ENDIF %}
						 </div>
					 </div>
				 </div>

вырежьте и переместите перед:
{BODY}

спасибо но оно переместилось в середину а я хотел прямо под лого как это сделать?

Просмотр сообщенияMikDark (08 Сентябрь 2014 - 11:25) писал:

Чтобы поменять шрифт, добавьте в main.css
li.title span {
font-size: 16px;
color:#000000;
}

где font-size - размер шрифта, а color - код цвета.

Чтобы переместить над каталогом, в шаблоне HTML код:
<div class="search">
					 <form action="http://{NET_DOMAIN}/search" id="searchform" method="get" title="Поиск по сайту">
						 <ul>
						 <li class="right">
							 <input type="submit" class="btn" title="Найти" value="" />
						 </li>
						 <li class="left">
							 <input type="text" id="s" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{%ELSE%}Поиск{%ENDIF%}" onblur="this.value = (this.value == '') ? 'Поиск' : this.value;" onfocus="this.value = (this.value == 'Поиск') ? '' : this.value;" id="s" class="" name="q" />
							 <div id="delete"></div>
						 </li>
						 </ul>
					 </form>
				 </div>
				 <div itemscope itemtype="http://schema.org/Organization" class="contactsSite">
					 <span id="contactShowBut" title="Открыть контакты">Контакты<span class="toggleImg hide"></span></span>
					 <ul id="contactShow">
						 <!-- Есл есть номер icq -->
						 {% IF SETTINGS_STORE_ICQ %}
							 <li class="headerIcq">
								 {% IF SETTINGS_STORE_ICQ_ONLY_DIGITS %}<img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&amp;img=27" alt="Статус icq" width="16" height="16" />{% ENDIF %}
								 {SETTINGS_STORE_ICQ}
							 </li>
						 {% ENDIF %}
						 {% IF SETTINGS_STORE_SKYPE %}
							 <li class="skype"><span class="skypeImg"></span><span>Skype:&nbsp;</span><a href="skype:{SETTINGS_STORE_SKYPE}">{SETTINGS_STORE_SKYPE}</a></li>
						 {% ENDIF %}
							 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}
															 <li class="phone tel1">
																	 <span class="phoneImg"></span><a itemprop="telephone" style="color: red; font-size: 20px;" title="Номер телефона: {SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}" href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}{SETTINGS_STORE_PHONE_CITY_CODE1}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}" >{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}</a>
															 </li>
						 {% ENDIF %}
						 {% IF SETTINGS_STORE_PHONE_NUMBER2 %}
							 <li class="phone tel2">
								 <span class="phoneImg"></span><a itemprop="telephone" title="Номер телефона: {SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}" href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}" >{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}</a>
							 </li>
						 {% ENDIF %}
						 {% IF SETTINGS_STORE_PHONE_NUMBER3 %}
							 <li class="phone tel3">
								 <span class="phoneImg"></span><a itemprop="telephone" title="Номер телефона: {SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}" href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}" >{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}</a>
							 </li>
						 {% ENDIF %}
						 {% IF SETTINGS_STORE_EMAIL_MAIN %}
															 <li class="title"><span class="iconMail"></span><span>info@top-eko.ru&nbsp;</span><a href="Email:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_EMAIL_MAIN}</a></li>
													 {% ENDIF %}
						 <!-- Время работы магазина -->
						 {% IF SETTINGS_STORE_WORK_TIME %}
							 <li class="work-time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">
							 <span class="work-time-icon"></span>
							 <span>{SETTINGS_STORE_WORK_TIME}</span>
							 </li>
						 {% ENDIF %}
					 </ul>
					 <div class="homePageListCart">
						 <h4><a href="{CART_URL}">Корзина</a></h4>
						 <div class="block_content">
						 {% IF cart_count_empty %}
							 <p>Корзина пуста</p>
						 {% ELSE %}
							 <div id="cart_block_list">
							 <dl class="products">
								 {% FOR cart_items %}
								 <dt class="cart_block_product_{cart_items.GOODS_ID}" class="item">
									 <div class="cartCountBlock">
									 {cart_items.ORDER_LINE_QUANTITY}
									 <span>{cart_items.GOODS_MOD_MEASURE_NAME}</span>
									 </div>
									 <div class="cartNameBlock">
									 <h5>
										 <a href="{cart_items.GOODS_URL}" data-role="item-title">{cart_items.GOODS_NAME}</a>
									 </h5>
									 </div>
									 <div class="cartDeleteBlock">
									 <a class="ajaxCartBlockRemoveLink" href="{cart_items.ORDER_LINE_DELETE_URL}" title="Убрать товар из корзины">x</a>
									 </div>
									 <div class="cartLine"></div>
									 <div class="cartPriceBlock">
									 {cart_items.GOODS_MOD_PRICE_NOW | money_format}
									 </div>
								 </dt>
								 {% ENDFOR %}
								 <dt id="cartPrices">
								 {% FOR cart_sum %}
									 <div class="cartPricingBlock">
									 <span>Итого</span>
									 <span id="cart_block_total" class="price ajaxBlockArtTotal">{cart_sum.NOW | money_format}</span>
									 </div>
								 {% ENDFOR %}
								 </dt>
								 <dt class="toOformZakazCart">
								 <a href="{CART_URL}" class="btn btn-success" title="Перейти к оформлению заказа">Оформить заказ</a>
								 </dt>
							 </dl>
							 </div>
						 {% ENDIF %}
						 </div>
					 </div>
				 </div>

вырежьте и переместите перед:
{BODY}

и еще как сделать чтоб иконка почты не уезжала?

#11 Danil

Danil

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

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

Отправлено 08 Сентябрь 2014 - 12:23

Просмотр сообщенияArt (08 Сентябрь 2014 - 12:05) писал:

спасибо но оно переместилось в середину а я хотел прямо под лого как это сделать?



и еще как сделать чтоб иконка почты не уезжала?

Здравствуйте.
Вставьте код из сообщения 9 перед
<hr>
				 <nav class="catalogList">
					 <div class="block-title">
Найдите в main.css код
#contactShow .title .iconMail {
display: inline-block;
float: left;
overflow: hidden;
width: 27px;
height: 20px;
background: url('{ASSETS_IMAGES_PATH}sprites.png') no-repeat -209px -65px;
}
И замените на
#contactShow .title .iconMail {
display: inline-block;
float: left;
overflow: hidden;
width: 27px;
height: 20px;
background: url('{ASSETS_IMAGES_PATH}sprites.png') no-repeat -209px -65px;
margin-top: 5px;
}

#12 vadim777

vadim777

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

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

Отправлено 14 Сентябрь 2014 - 08:05

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

#13 AnnaM

AnnaM

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

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

Отправлено 14 Сентябрь 2014 - 08:35

Просмотр сообщенияvadim777 (14 Сентябрь 2014 - 08:05) писал:

здравствуйте. а как перенести под логотип только форму контактов, поиск чтобы был над каталогом, а так же корзина которая сбоку была под каталогом?
в файле "HTML"
1. код
Скрытый текст
  начинающийся на 341 строке, переместите перед строкой 
</div><!-- .left-sidebar -->

2. код с 283 строки
Скрытый текст
и с 296 строки (после выполнения пункта 1)
Скрытый текст
необходимо удалить.

3. вставьте
Скрытый текст
перед строкой 
<nav class="catalogList">
						<div class="block-title">

#14 vadim777

vadim777

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

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

Отправлено 14 Сентябрь 2014 - 11:23

Просмотр сообщенияAnnaM (14 Сентябрь 2014 - 08:35) писал:

в файле "HTML"
1. код
Скрытый текст
  начинающийся на 341 строке, переместите перед строкой 
</div><!-- .left-sidebar -->

2. код с 283 строки
Скрытый текст
и с 296 строки (после выполнения пункта 1)
Скрытый текст
необходимо удалить.

3. вставьте
Скрытый текст
перед строкой 
<nav class="catalogList">
<div class="block-title">
супер, спасибо. и как строку поиска немного ниже опустить.

#15 AnnaM

AnnaM

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

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

Отправлено 14 Сентябрь 2014 - 11:41

Просмотр сообщенияvadim777 (14 Сентябрь 2014 - 11:23) писал:

супер, спасибо. и как строку поиска немного ниже опустить.
В main.css замените 
.left-sidebar div.search {
display: block;
float: left;
margin-bottom: 5px;
padding: 0 0%;
width: 100%;
}
на 
.left-sidebar div.search {
display: block;
float: left;
margin-bottom: 5px;
padding: 3px 0%;
width: 100%;
}

#16 vadim777

vadim777

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

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

Отправлено 14 Сентябрь 2014 - 12:24

Просмотр сообщенияAnnaM (14 Сентябрь 2014 - 11:41) писал:

В main.css замените 
.left-sidebar div.search {
display: block;
float: left;
margin-bottom: 5px;
padding: 0 0%;
width: 100%;
}
на 
.left-sidebar div.search {
display: block;
float: left;
margin-bottom: 5px;
padding: 3px 0%;
width: 100%;
}
спасибо

#17 JUMP

JUMP

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

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

Отправлено 15 Сентябрь 2014 - 15:17

!

#18 AnnaM

AnnaM

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

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

Отправлено 15 Сентябрь 2014 - 15:24

Просмотр сообщенияJUMP (15 Сентябрь 2014 - 15:17) писал:

!
В шаблоне HTML замените 
<li class="phone tel1">
																		<span class="phoneImg"></span><a itemprop="telephone" style="color: red; font-size: 20px;" title="Номер телефона: {SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}" href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}{SETTINGS_STORE_PHONE_CITY_CODE1}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}" >{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}</a>
																</li>
на 
<li class="phone tel1">
																		<span class="phoneImg"></span><a itemprop="telephone" style="color: red; font-size: 20px;" title="Номер телефона: {SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}" href="#" >{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}</a>
																</li>

#19 JUMP

JUMP

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

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

Отправлено 15 Сентябрь 2014 - 16:54

еще вопрос
http://s017.radikal....0abface7e14.png  как уменьшить расстояние?

#20 AnnaM

AnnaM

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

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

Отправлено 15 Сентябрь 2014 - 17:15

Просмотр сообщенияJUMP (15 Сентябрь 2014 - 16:54) писал:

еще вопрос
http://s017.radikal....0abface7e14.png  как уменьшить расстояние?
В шаблоне Страница на 4-й строке удалите 
<hr>
затем, в файле main.css замените 
.crumbs {
margin: 0 0 1.8%;
padding: 8px 1.6% 8px 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #34495E;
color: #ECF0F1;
list-style: none;
line-height: 1.7;
display: inline-block;
width: 97%;
}
на 
.crumbs {
margin: 0;
padding: 8px 1.6% 8px 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #34495E;
color: #ECF0F1;
list-style: none;
line-height: 1.7;
display: inline-block;
width: 97%;
}

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


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

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

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