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


Переместить Логотип Поднять Слайдер И Переместить Корзину

Автор Zagadaika, 28 февр. 2014 15:30
Корзина весна логотип слайдер

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

#1 Zagadaika

Zagadaika

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

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

Отправлено 28 Февраль 2014 - 15:30

Доброго времени суток! Прошу помочь, с перемещением логотипа и корзина и надо поднять слайдер.
Вообщем надо сделать так как на скриншоте.
Безымянный.png

#2 Vaccina

Vaccina

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

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

Отправлено 01 Март 2014 - 04:38

В шаблоне HTML найдите и удалите:
<div class="inner">
		  <div id="logo"><a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}logo.png" 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="logo"><a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}logo.png" 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>
			<!-- /Форма поиска -->
после него вставьте:
<div class="clear"></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 Корзина -->

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

#3 Zagadaika

Zagadaika

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

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

Отправлено 02 Март 2014 - 00:56

Вот что получилось, надо не много подкорректировать, поднять контакты и корзину.
Безымянный.png

#4 Zagadaika

Zagadaika

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

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

Отправлено 02 Март 2014 - 21:01

???

#5 Taisia

Taisia

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

  • Модератоpы
  • 1 289 сообщений

Отправлено 03 Март 2014 - 16:55

Мы произвели нужные изменения у вас на сайте.
вам нужно было добавить параметр
margin-top: -43px;
в код стилей
#header #support
и
#header #cart

#6 luzikov

luzikov

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

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

Отправлено 03 Март 2014 - 22:58

Просмотр сообщенияTaisia (03 Март 2014 - 16:55) писал:

Мы произвели нужные изменения у вас на сайте.
вам нужно было добавить параметр
margin-top: -43px;
в код стилей
#header #support
и
#header #cart
помогите пожалуйста исправить ту же проблему

#7 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 04 Март 2014 - 07:00

Просмотр сообщенияluzikov (03 Март 2014 - 22:58) писал:

помогите пожалуйста исправить ту же проблему

Уточните пожалуйста на скриншоте вашего аккаунта что именно необходимо сделать. Так же укажите номер аккаунта или адрес сайта.

#8 Zagadaika

Zagadaika

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

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

Отправлено 04 Март 2014 - 12:05

Просмотр сообщенияTaisia (03 Март 2014 - 16:55) писал:

Мы произвели нужные изменения у вас на сайте.
вам нужно было добавить параметр
margin-top: -43px;
в код стилей
#header #support
и
#header #cart

Просмотр сообщенияZagadaika (02 Март 2014 - 00:56) писал:

Вот что получилось, надо не много подкорректировать, поднять контакты и корзину.
Прикрепленный файл Безымянный.png
корзина поднялась, контакты остались на месте.
Безымянный.png

#9 luzikov

luzikov

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

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

Отправлено 04 Март 2014 - 12:06

Просмотр сообщенияCastiel (04 Март 2014 - 07:00) писал:

Уточните пожалуйста на скриншоте вашего аккаунта что именно необходимо сделать. Так же укажите номер аккаунта или адрес сайта.
Так вот каша у меня в шапке, надо сделать все равно как на описал человек в первом посте

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

  • фыаф.jpg

#10 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 04 Март 2014 - 12:26

Просмотр сообщенияluzikov (04 Март 2014 - 12:06) писал:

Так вот каша у меня в шапке, надо сделать все равно как на описал человек в первом посте

Редактируем main.css
Находим
#header #support {
position: relative;
float: right;
top: 9px;
margin-right: 11px;
z-index: 30;
width: 200px;
}

Заменяем на
#header #support {
position: absolute;
float: right;
top: 10px;
right: 250px;
z-index: 30;
width: 200px;
color:#000;
}

Просмотр сообщенияZagadaika (04 Март 2014 - 12:05) писал:

корзина поднялась, контакты остались на месте.
Прикрепленный файл Безымянный.png

Редактируем main.css
Находим
#header #support {
position: relative;
float: right;
top: 9px;
margin-top: -43px;
margin-right: 11px;
z-index: 30;
width: 200px;
}

Заменяем на
#header #support {
position: absolute;
float: right;
right: 250px;
top: 10px;
z-index: 30;
width: 200px;
}

#11 luzikov

luzikov

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

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

Отправлено 05 Март 2014 - 23:23

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

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

  • ололо.jpg

#12 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 06 Март 2014 - 08:08

Просмотр сообщенияluzikov (05 Март 2014 - 23:23) писал:

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

Здравствуйте, редактируем main.css
Находим
#header #cart {float: right; min-width: 300px; z-index: 20;}
Заменяем на
#header #cart {float: right;min-width: 300px;z-index: 20;margin-top: -80px;}

Находим
#header #logo {float:left;clear:both;margin:12px 12px 12px 0;}
Заменяем на
#header #logo {float: left;clear: both;margin: 50px 12px 12px 0;}

Находим
.two_fourth {width: 50%;margin:20px 0;margin-left: 25%;}
Заменяем на
.two_fourth {width: 50%;margin: -112px 0;margin-left: 25%;}

#13 luzikov

luzikov

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

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

Отправлено 06 Март 2014 - 12:48

Просмотр сообщенияCastiel (06 Март 2014 - 08:08) писал:

Здравствуйте, редактируем main.css
Находим
#header #cart {float: right; min-width: 300px; z-index: 20;}
Заменяем на
#header #cart {float: right;min-width: 300px;z-index: 20;margin-top: -80px;}

Находим
#header #logo {float:left;clear:both;margin:12px 12px 12px 0;}
Заменяем на
#header #logo {float: left;clear: both;margin: 50px 12px 12px 0;}

Находим
.two_fourth {width: 50%;margin:20px 0;margin-left: 25%;}
Заменяем на
.two_fourth {width: 50%;margin: -112px 0;margin-left: 25%;}
спасибо, что то получилось что то нет. Нужно логотип теперь в самый верх подвинуть, значок звонка так и не появился, еще нужно убрать лишнее пространство от верхнего меню до корзины, на скрине все видно. И еще пожалуйста скажите как убрать полоски которые над и под контактами проходят

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

  • каф.jpg

#14 luzikov

luzikov

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

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

Отправлено 06 Март 2014 - 20:27

ап

#15 s-eye

s-eye

    Пользователь

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

Отправлено 07 Март 2014 - 00:31

помогите восстановить нормальный вид слайдера

Аккаунт SL-271156

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

  • Безымянный.jpg

#16 Vaccina

Vaccina

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

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

Отправлено 07 Март 2014 - 05:17

Просмотр сообщенияs-eye (07 Март 2014 - 00:31) писал:

помогите восстановить нормальный вид слайдера

Аккаунт SL-271156

В main.css найдите:
.flexslider .slides img {
display: block;
width: 100%;
}
замените на:
.flexslider .slides img {
display: none;
width: 100%;
}


Просмотр сообщенияluzikov (06 Март 2014 - 12:48) писал:

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

Лого, в main.css найдите:
#header #logo {
clear: both;
float: left;
margin: 50px 12px 12px 0;
}
уменьшите значение 50px
После подобного изменения, иные блоки в шапке также поползут вверх, для этого необходимо
#header #cart {
float: right;
margin-top: -80px;
min-width: 300px;
z-index: 20;
}
уменьшить margin-top
.two_fourth {
margin: -112px 0 -112px 25%;
width: 50%;
}
измените на:
.two_fourth {
left: 200px;
margin: 0;
position: absolute;
top: 15px;
width: 50%;
}

Чтобы убрать пустое пространство, выше в коде лого также необходимо уменьшить margin 3ий параметр 12px

Чтобы у контактов убрать полосы найдите:
.two_fourth .top_time, .top_address, .top_phone, .top_fax, .top_icq, .top_skype {
	border-bottom: 1px solid #E1E1E1;
	border-top: 1px solid #E1E1E1;
	clear: both;
	font-size: 12px;
	margin: 0;
	padding: 15px 32px 10px 40px;
}
удалите:
	border-bottom: 1px solid #E1E1E1;
	border-top: 1px solid #E1E1E1;

#17 luzikov

luzikov

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

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

Отправлено 07 Март 2014 - 07:27

Просмотр сообщенияVaccina (07 Март 2014 - 05:17) писал:

В main.css найдите:
.flexslider .slides img {
display: block;
width: 100%;
}
замените на:
.flexslider .slides img {
display: none;
width: 100%;
}



Укажите номер своего аккаунта в профиле форума.

Лого, в main.css найдите:
#header #logo {
clear: both;
float: left;
margin: 50px 12px 12px 0;
}
уменьшите значение 50px
После подобного изменения, иные блоки в шапке также поползут вверх, для этого необходимо
#header #cart {
float: right;
margin-top: -80px;
min-width: 300px;
z-index: 20;
}
уменьшить margin-top
.two_fourth {
margin: -112px 0 -112px 25%;
width: 50%;
}
измените на:
.two_fourth {
left: 200px;
margin: 0;
position: absolute;
top: 15px;
width: 50%;
}

Чтобы убрать пустое пространство, выше в коде лого также необходимо уменьшить margin 3ий параметр 12px

Чтобы у контактов убрать полосы найдите:
.two_fourth .top_time, .top_address, .top_phone, .top_fax, .top_icq, .top_skype {
border-bottom: 1px solid #E1E1E1;
border-top: 1px solid #E1E1E1;
clear: both;
font-size: 12px;
margin: 0;
padding: 15px 32px 10px 40px;
}
удалите:
border-bottom: 1px solid #E1E1E1;
border-top: 1px solid #E1E1E1;
спасибо все получилось! осталось только вернуть значок "трубки телефона"

#18 Taisia

Taisia

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

  • Модератоpы
  • 1 289 сообщений

Отправлено 07 Март 2014 - 08:10

уточните, какой именно значок "трубки телефона"  вы имеете в виду
на скриншоте видно что один у вас присутствует рядом с контактным номером

Screenshot_1.png

#19 luzikov

luzikov

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

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

Отправлено 07 Март 2014 - 08:48

Просмотр сообщенияTaisia (07 Март 2014 - 08:10) писал:

уточните, какой именно значок "трубки телефона"  вы имеете в виду
на скриншоте видно что один у вас присутствует рядом с контактным номером

Прикрепленный файл Screenshot_1.png
Вот этот сайт http://felini.storeland.ru/

#20 s-eye

s-eye

    Пользователь

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

Отправлено 07 Март 2014 - 09:08

Спасибо, все получилось.
Обратно в Изменение общей стилистики



Темы с аналогичным тегами Корзина, весна, логотип, слайдер

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

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

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