Сообщений в теме: 72

[Castiel]

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;
}

[Tagashi]

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

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

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

• 

[Castiel]

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>

[Tagashi]

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

[Tagashi]

И снова к вам.

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

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

• 
• 

[support 2.0]

Tagashi (03 Апрель 2014 - 16:48) писал:

И снова к вам.

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

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

[Tagashi]

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

[support 2.0]

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 Блок для обновления данных корзины. Не виден пользователю -->

[Tagashi]

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

[Олег11]

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

[Castiel]

Олег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;}

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

[Олег11]

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. стало два слайдера - один под другим

[Castiel]

Олег11 (08 Апрель 2014 - 16:02) писал:

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

Вы удалили важную строку

<div id="togglerone" class="inner">

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

[Олег11]

Castiel (08 Апрель 2014 - 16:09) писал:

Вы удалили важную строку

<div id="togglerone" class="inner">

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

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

[Evgeniy7]

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

Аккаунт: SL-275839

[Сake]

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

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

[Evgeniy7]

Сake (09 Апрель 2014 - 02:52) писал:

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

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

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

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

[luzikov]

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

[Ирина345]

Да можно, но нужно будет уменьшать расстояние от меню до  картинки 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;}

[Castiel]

luzikov (09 Апрель 2014 - 14:25) писал:

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

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