Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

1

Слайдер, Лого, Каталог

Автор Антон1212, 08 сент. 2014 20:15

Вперед

Авторизуйтесь для ответа в теме

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

#1 Антон1212

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

Пользователи
416 сообщений

ГородЕкатеринбург

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

Пт ребята! Возможно сделать так как на скрине? популярное под слайдер, каталог под лого, карзину поднять выше
Спасибо)

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

Наверх

#2 Danil

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

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

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

Антон1212 (08 Сентябрь 2014 - 20:15) писал:

Пт ребята! Возможно сделать так как на скрине? популярное под слайдер, каталог под лого, карзину поднять выше
Спасибо)

Здравствуйте.
1) Воспользуйтесь этой инструкцией http://storeland.ru/about/faq#51.
2) Логотип уже расположен над каталогом, нужно только загрузить картинку к себе на сайт с именем logo.png
3) Найдите в main.css код

#header #cart {
z-index: 20;
min-width: 300px;
top: 3px;
right: 20px;
}

И замените на

#header #cart {
z-index: 20;
min-width: 300px;
top: 3px;
right: 20px;
float: right;
}

Далее в шаблоне html найдите код и вырежьте его

Скрытый текст

<!-- Корзина -->
		 <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 id="search">

Наверх

#3 Антон1212

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

Пользователи
416 сообщений

ГородЕкатеринбург

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

Danil (08 Сентябрь 2014 - 20:32) писал:

Здравствуйте.
1) Воспользуйтесь этой инструкцией http://storeland.ru/about/faq#51.
2) Логотип уже расположен над каталогом, нужно только загрузить картинку к себе на сайт с именем logo.png
3) Найдите в main.css код

#header #cart {
z-index: 20;
min-width: 300px;
top: 3px;
right: 20px;
}

И замените на

#header #cart {
z-index: 20;
min-width: 300px;
top: 3px;
right: 20px;
float: right;
}

Далее в шаблоне html найдите код и вырежьте его

Скрытый текст

<!-- Корзина -->
		 <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 id="search">

Спасибо, все получилось, но можно ли сделать так?: Слайдер поднять, а под лого только вот это место(на скрине)

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

Наверх

#4 Vaccina

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

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

Отправлено 09 Сентябрь 2014 - 04:51

В шаблоне HTML необходимо установить логотип и перенести код слайдера поставив после:

<div class="inner">
			<div class="links">
			  <!-- Верхний блок навигации -->
			  <ul id="main_nav">
				{% FOR menu %}
				  {% FOR header %}
					{% FOR links %}
					   <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
					{% ENDFOR %}
				  {% ENDFOR %}
				{% ENDFOR %}
			  </ul>
			  <!-- end Верхний блок навигации -->
			  <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>

Наверх

#5 valera

Новичок

Пользователи
5 сообщений

Отправлено 18 Сентябрь 2014 - 00:02

Здравствуйте, не получается у меня уменьшить шапку и сдвинуть все остальное к ее границы, вроде что то пытался, убирал пространство между шапкой и слайдером, но вместо этого увеличилась шапка, могли бы вы мне помочь. Мой аккаунт SL-308765

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

Наверх

#6 Vaccina

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

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

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

В шаблоне HTML найдите:

<div id="logo"><a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}logo.png" title="" alt=""></a></div>

перенесите его, поставив после:

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

Далее в main.css найдите:

#header #logo {
	clear: both;
	float: left;
	margin: 12px 12px 12px 0;
}

замените на:

#header #logo {
	float: left;
	margin: 12px 12px 12px 0;
}

Далее в 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>
			<!-- /Форма поиска -->
  <div class="clear"></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>
			<!-- /Форма поиска -->

и поставьте этот код после:

<!-- Номер 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 %}

Наверх

#7 valera

Новичок

Пользователи
5 сообщений

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

Спасибо большое, шапка уменьшилось, но все остальное без изменений, и вставля последний код выдал вот такую ошибку

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

Наверх

#8 valera

Новичок

Пользователи
5 сообщений

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

сейчас вот такой вид имеет

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

Наверх

#9 Alekseys

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

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

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

valera (18 Сентябрь 2014 - 16:33) писал:

сейчас вот такой вид имеет

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

Наверх

#10 valera

Новичок

Пользователи
5 сообщений

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

Слоготипом тоже разобрался, осталось ошибка

Наверх

#11 AnnaM

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

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

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

valera (18 Сентябрь 2014 - 16:50) писал:

Слоготипом тоже разобрался, осталось ошибка

Попробуйте выполнить инструкцию,но убрать {% ENDIF %} на 90 строке,как и пишется в ошибке.

Наверх

#12 valera

Новичок

Пользователи
5 сообщений

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

удалил, получилось во так

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

Наверх

#13 Vaccina

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

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

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

пересмотрите внимательней инструкцию выше, вас просили блок поставить после определенного кода, у вас же продублирован блок ICQ и перед ним вставили форму поиска

Наверх

#14 boktar

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

Пользователи
200 сообщений

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

День добрый!
Подскажите пожалуйста по слайдеру, делаю изображение 1920 550 пикс. четверть в длину не влазит, в чём моя ошибка?
Спасибо!

Наверх

#15 Danil

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

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

Отправлено 28 Сентябрь 2014 - 19:46

boktar (28 Сентябрь 2014 - 19:41) писал:

День добрый!
Подскажите пожалуйста по слайдеру, делаю изображение 1920 550 пикс. четверть в длину не влазит, в чём моя ошибка?
Спасибо!

Здравствуйте.
Если речь идет об аккаунте 310601, то там у Вас изображение в слайдере 827х550px

Наверх

#16 boktar

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

Пользователи
200 сообщений

Отправлено 28 Сентябрь 2014 - 20:56

аккаунт этот, изображение другое, чёрно белое

Наверх

#17 Danil

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

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

Отправлено 28 Сентябрь 2014 - 21:00

boktar (28 Сентябрь 2014 - 20:56) писал:

аккаунт этот, изображение другое, чёрно белое

На данный момент у вас 3 изображения в слайдере 827х550, 1919х549 и 1349х550, а надо чтобы все были 1920х550.

Наверх

#18 boktar

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

Пользователи
200 сообщений

Отправлено 28 Сентябрь 2014 - 21:06

Спасибо за ответ, вот по изображению 1919х549, оно ведь в принципе должно нормально показываться, а скрыта четверть...

а 1349х550, как раз нормально полностью показывается

Наверх

#19 Danil

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

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

Отправлено 28 Сентябрь 2014 - 21:09

boktar (28 Сентябрь 2014 - 21:06) писал:

Спасибо за ответ, вот по изображению 1919х549, оно ведь в принципе должно нормально показываться, а скрыта четверть...

а 1349х550, как раз нормально полностью показывается

Пришлите пожалуйста скриншот, с Вашим отображением слайдера.