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


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

Корзина весна логотип слайдер

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

#41 Castiel

Castiel

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

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

Отправлено 03 Апрель 2014 - 11:56

Просмотр сообщенияTagashi (03 Апрель 2014 - 11:46) писал:

День добрый.

Хотелось бы:

1- Контакты установить по центру.
2- Корзину под поиск
3- Убрать получившуюся полосу


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

В файле "main.css".
Найти:
#header #cart {
z-index: 20;
min-width: 300px;
top: 3px;
float: right;
}

Заменить:
#header #cart {
z-index: 20;
min-width: 300px;
top: 50px;
float: right;
position: absolute;
right: 0px;
}

В файле "main.css".
Найти:
#header #support {
position: absolute;
float: right;
top: 10px;
right: 250px;
z-index: 30;
width: 200px;
color: #000;
}

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

В файле "main.css".
Найти:
#header #support .sup_phone {
display: block;
width: 36px;
height: 36px;
background-color: #333333;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-khtml-border-radius: 50%;
border-radius: 50%;
-ms-border-radius: 50%;
transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
background: url('{ASSETS_IMAGES_PATH}phone_circle.png') center center no-repeat;
background-color: #333333;
position: absolute;
top: 0px;
right: 0;
}

Заменить:
#header #support .sup_phone {
display: block;
width: 36px;
height: 36px;
background-color: #333333;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-khtml-border-radius: 50%;
border-radius: 50%;
-ms-border-radius: 50%;
transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
background: url('{ASSETS_IMAGES_PATH}phone_circle.png') center center no-repeat;
background-color: #333333;
position: absolute;
top: -3px;
right: -145px;
}


#42 Tagashi

Tagashi

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

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

Отправлено 03 Апрель 2014 - 12:14

Что то получилось, что то нет

1- Необходимо удалить полосу между желтыми линиями
2- Контакты посередине относительно синих линий
3- Удалить значок и возможность сворачивания шапки

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

  • 2.jpg


#43 Castiel

Castiel

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

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

Отправлено 03 Апрель 2014 - 12:19

Просмотр сообщенияTagashi (03 Апрель 2014 - 12:14) писал:

Что то получилось, что то нет

1- Необходимо удалить полосу между желтыми линиями
2- Контакты посередине относительно синих линий
3- Удалить значок и возможность сворачивания шапки


1. В шаблоне "HTML"
Находим:
<div id="welcome"><a href="http://{NET_DOMAIN}/"></a></div>

Заменяем на:
<div id="welcome" style="display:none;"><a href="http://{NET_DOMAIN}/"></a></div>

2. В данном блоке параметр right: 380px; отвечает за положение Контактов относительно правой стороны, отрегулируйте значение на свое усмотрение
В main.css
#header #support {
position: absolute;
float: right;
top: 10px;
right: 380px;
z-index: 30;
width: 200px;
color: #000;
}


3. В шаблоне "HTML"
Находим:
<div class="inner">
			<a id="toggle_switch" class="toggler" title="Показать/Скрыть" >
			  <span>Показать/Скрыть</span>
			</a>
		  </div>

Заменяем на:
<div class="inner" style="display:none;">
			<a id="toggle_switch" class="toggler" title="Показать/Скрыть" >
			  <span>Показать/Скрыть</span>
			</a>
		  </div>


#44 Tagashi

Tagashi

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

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

Отправлено 03 Апрель 2014 - 12:58

Супер, все вышло, большое спасибо

#45 Tagashi

Tagashi

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

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

Отправлено 03 Апрель 2014 - 16:48

И снова к вам.

При выборе количества товара и нажатии на кнопку - купить. Корзина и сопутствующий текст съезжает. фото в приложении. Нормальное состояние. и после нажатия кнопки купить

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

  • 22.jpg
  • 11.jpg


#46 support 2.0

support 2.0

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

  • Модераторы
  • 4 950 сообщений

Отправлено 03 Апрель 2014 - 20:21

Просмотр сообщенияTagashi (03 Апрель 2014 - 16:48) писал:

И снова к вам.

При выборе количества товара и нажатии на кнопку - купить. Корзина и сопутствующий текст съезжает. фото в приложении. Нормальное состояние. и после нажатия кнопки купить
Уточните, пожалуйста, с какого устройства Вы видели данное отображение и также каким браузером воспользовались. Данного поведения при нажатии на кнопку купить с компьютера браузера google chrome не обнаружила.

#47 Tagashi

Tagashi

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

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

Отправлено 03 Апрель 2014 - 21:03

Хром, на 2х устройствах проверял.  Нажимаем-> Каталог->Одежда->Womens Candy Blouse-> Выставляем "+" количество-> нажимаем купить. Во время нажатия на "купить" смотрим на значок корзины

#48 support 2.0

support 2.0

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

  • Модераторы
  • 4 950 сообщений

Отправлено 03 Апрель 2014 - 22:37

Просмотр сообщенияTagashi (03 Апрель 2014 - 21:03) писал:

Хром, на 2х устройствах проверял.  Нажимаем-> Каталог->Одежда->Womens Candy Blouse-> Выставляем "+" количество-> нажимаем купить. Во время нажатия на "купить" смотрим на значок корзины
В шаблоне Быстрый заказ найдите
<!-- Блок для обновления данных корзины. Не виден пользователю -->
<div style="display:none;" id="newCartData">
  <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>
<!-- JS обновление данных корзины -->
<script>$('.heading:first').html($('#newCartData').html());</script>
<!-- end Блок для обновления данных корзины. Не виден пользователю -->
замените на
<!-- Блок для обновления данных корзины. Не виден пользователю -->
<div style="display:none;" id="newCartData">
	<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 class="content">
	<div class="empty">Ваша корзина покупок пуста!</div>
  </div>
</div>
<!-- JS обновление данных корзины -->
<script>$('.heading:first').html($('#newCartData').html());</script>
<!-- end Блок для обновления данных корзины. Не виден пользователю -->


#49 Tagashi

Tagashi

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

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

Отправлено 03 Апрель 2014 - 22:50

Благодарю, помогло

#50 Олег11

Олег11

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

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

Отправлено 08 Апрель 2014 - 13:21

Здравствуйте!
Производил корректировки в соответствии с этой веткой. Пропал поиск. Видимо сдвинулся за пределы. Помогите пожалуйста восстановить
И еще: возможно сделать, чтобы зарегистрированные пользователи могли размещать свои тексты и фото в разделе "каталог статей". у меня он называется "фото путешествия"?
Аккаунт SL-281201

#51 Castiel

Castiel

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

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

Отправлено 08 Апрель 2014 - 15:09

Просмотр сообщенияОлег11 (08 Апрель 2014 - 13:21) писал:

Здравствуйте!
Производил корректировки в соответствии с этой веткой. Пропал поиск. Видимо сдвинулся за пределы. Помогите пожалуйста восстановить
И еще: возможно сделать, чтобы зарегистрированные пользователи могли размещать свои тексты и фото в разделе "каталог статей". у меня он называется "фото путешествия"?
Аккаунт SL-281201


Здравствуйте, У вас был удален поиск из шаблона HTML

В файле "HTML".
После кода:
<div id="togglerone" class="inner">

Добавить:
<!-- Форма поиска -->
			<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 #logo {float:left;clear:both;margin:12px 12px 12px 0;}

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


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

#52 Олег11

Олег11

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

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

Отправлено 08 Апрель 2014 - 16:02

Просмотр сообщенияCastiel (08 Апрель 2014 - 15:09) писал:

Здравствуйте, У вас был удален поиск из шаблона HTML

В файле "HTML".
После кода:
<div id="togglerone" class="inner">

Добавить:
<!-- Форма поиска -->
<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 #logo {float:left;clear:both;margin:12px 12px 12px 0;}

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


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

Спасибо!  Поиск восстановился, но возникли другие проблемы:
1. верхнее меню отображается не в строчку, а в столбик.
2. стало два слайдера - один под другим

#53 Castiel

Castiel

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

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

Отправлено 08 Апрель 2014 - 16:09

Просмотр сообщенияОлег11 (08 Апрель 2014 - 16:02) писал:

Спасибо!  Поиск восстановился, но возникли другие проблемы:
1. верхнее меню отображается не в строчку, а в столбик.
2. стало два слайдера - один под другим

Вы удалили важную строку
<div id="togglerone" class="inner">


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

#54 Олег11

Олег11

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

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

Отправлено 08 Апрель 2014 - 17:20

Просмотр сообщенияCastiel (08 Апрель 2014 - 16:09) писал:

Вы удалили важную строку
<div id="togglerone" class="inner">


Вернул ее обратно, будьте внимательнее при выполнении инструкций.
спасибо! все восстановилось. включаю повышенный режим внимания))

#55 Evgeniy7

Evgeniy7

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

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

Отправлено 09 Апрель 2014 - 00:39

Доброго времение суток!
Помогите пожалуйста немного поднять слайдер (не смог найти данный код в ответах)

Аккаунт: SL-275839

#56 Сake

Сake

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

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

Отправлено 09 Апрель 2014 - 02:52

Добавьте в ваш файл стилей main.css

#header #logo {
  margin-bottom: 0;
}


#57 Evgeniy7

Evgeniy7

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

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

Отправлено 09 Апрель 2014 - 11:28

Просмотр сообщенияСake (09 Апрель 2014 - 02:52) писал:

Добавьте в ваш файл стилей main.css

#header #logo {
margin-bottom: 0;
}

Благодарю! Слайдер поднялся, на 3 мм.

Подскажите, а еще примерно на 5-8 мм можно поднять?

#58 luzikov

luzikov

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

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

Отправлено 09 Апрель 2014 - 14:25

1. А можно ли поместить слайдер сразу под шапкой,а меню сразу после слайдера сделать? без отступов.
2. У меня почему то не помещается вся картинка в слайде
SL-283337

#59 Ирина345

Ирина345

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

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

Отправлено 09 Апрель 2014 - 14:37

Да можно, но нужно будет уменьшать расстояние от меню до  картинки 100%ORIDGINAL
зайдите в main.css найдите строку
#header #logo {float:left;clear:both;margin:12px 12px 12px 0;}
замените на
#header #logo {float:left;clear:both;margin:4px 12px 12px 0;}


#60 Castiel

Castiel

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

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

Отправлено 09 Апрель 2014 - 14:42

Просмотр сообщенияluzikov (09 Апрель 2014 - 14:25) писал:

1. А можно ли поместить слайдер сразу под шапкой,а меню сразу после слайдера сделать? без отступов.
2. У меня почему то не помещается вся картинка в слайде
SL-283337

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





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

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

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