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


Фиксирванная Панель Вверху И Другие Изменения


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

#1 Mosdetector

Mosdetector

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

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

Отправлено 20 Ноябрь 2014 - 23:58

аккаунт SL-319258
Здравствуйте помогите сделать следующее:
1) Убрал появляющийся поиск, вместо него нужно вверху сделать фиксированную панель, как здесь https://gardengear.ru/
на ней разместить Войти в ЛК и корзину.. 2) Вернуть серый цвет блоку с телефоном и логотипом.

Спасибо

#2 Vaccina

Vaccina

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

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

Отправлено 21 Ноябрь 2014 - 04:49

Вы изначально производили изменения с фиксированной панелью, так как при скролле она не появляется?

1.В шаблоне HTML найдите:
{% IFNOT MOD_LNAME=goods %}
		 <!-- Форма поиска -->
		 <form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get" onsubmit="if(jQuery(this).find('#search').val()=='Поиск по магазину...') return false;">
			 <div id="search">
			 <input type="search" name="q" id="Search" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск по магазину...{% ENDIF %}" onfocus="if(this.value=='Поиск по магазину...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск по магазину...';}" />
			 <input name="search" title="Искать" type="submit" value="" />
			 <div class="clear"></div>
			 </div>
		 </form>
		 <!-- /Форма поиска -->
		 {% ELSE %}
		 <div class="cart_block">
			 <form action="{CART_ADD_GOODS_MODIFICATION_URL}" method="post" class="goodsDataForm2" >
			 <input type="hidden" name="hash" value="{HASH}" />
			 <input type="hidden" name="form[goods_from]" value="{GOODS_FROM}" />
			 <!-- По этому значению производится заказ товара -->
			 <input type="hidden" name="form[goods_mod_id]" value="{GOODS_MOD_ID}" class="goodsDataMainModificationId" />
			 <!-- Добавление в корзину -->
			 <div class="cart">
				 <div class="qty-button-down">
				 <a href="#" class="qty-down">-</a>
				 </div>
				 <input type="text" name="form[goods_mod_quantity]" size="1" value="1" title="Количество" class="qty" />
				 <div class="qty-button-up">
				 <a href="#" class="qty-up">+</a>
				 </div>
				 <input type="button" value="Купить" id="button-cart" class="buy_button" onclick="quickorder('.goodsDataForm2'); return false;" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/>
				 <!-- input type="button" value="Добавить в корзину" id="button-cart" class="button button_cart_product" onclick="$('.goodsDataForm').submit(); return false;" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/ -->
			 </div>
			 <!-- /Добавление в корзину -->
			 </form>
		 </div>
		 <h1>{GOODS_NAME}</h1>
		 {% ENDIF %}

замените на:
<div id="login">
{%IF CLIENT_IS_LOGIN%}
<a href="/user/settings" class="second">{CLIENT_NAME}</a> | <a href="/user/logout" class="first">Выход</a>
{%ELSE%}
<a href="/user/login" class="second">Войти на сайт</a> | <a href="/user/register" class="first">Регистрация</a>
{%ENDIF%}
</div>
<!-- Корзина -->
		 <div class="shopping_cart_block fix_cart">
		 <a href="{CART_URL}" class="shopping_cart" title="Просмотреть корзину">
			 {% IFNOT cart_count_empty %}
			 <span id="cart-total">
				 {CART_COUNT_TOTAL}
			 </span>
			 {% ENDIF %}
		 </a>
		
		 {% IFNOT cart_count_empty %}
			 <div id="shopping_cart_mini" class="hidden-phone hidden-tablet">
		 <div class="inner-wrapper">
		 <table class="table_style">
		 <tbody>
					 {% FOR cart_items %}
			 <tr class="item">
			 <td class="t_right v_align_top">{cart_items.ORDER_LINE_QUANTITY}&nbsp;x&nbsp;</td>
			 <td class="v_align_top"><a href="{cart_items.GOODS_URL}">{cart_items.GOODS_NAME}</a></td>
			 </tr>
			 {% ENDFOR %}
		 </tbody>
		 </table>
		 <div class="wrapper">
		 <a class="button" title="Просмотр корзины" href="{CART_URL}">В корзину</a>
		 <a class="button" title="Оформление заказа" href="{ORDER_STAGE_CONTACTS_URL}">Оформить</a>
		 </div>
		 </div>
		 </div>
		 {% ENDIF %}
		 </div>


далее в style.css добавьте:
.fix_cart {
float: right;
position: relative;
right: 0;
top: 0;
}
#login {
float: right;
color:#fff;
}
#login a{
color:#fff;
}

2. В style.css найдите:
.nav-container {
	background:#000000;
	bottom: 0;
	display: block;
	float: left;
	margin-bottom: 0;
	position: relative;
	width: 100%;
}
замените на:
.nav-container {
	bottom: 0;
	display: block;
	float: left;
	margin-bottom: 0;
	position: relative;
	width: 100%;
}


#3 Mosdetector

Mosdetector

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

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

Отправлено 21 Ноябрь 2014 - 10:23

Да отключил её. Так как полностью фиксированной её не получилось сделать. По вашему методу попробовал, нужные ссылки встали спасибо. Активировал панель, но проблема в следующем,она при загрузке страницы не появляется, необходимо один раз прокрутить, после чего она проявляется и уже фиксируется. А мне нужно чтобы она при загрузке сразу отражалась. Пробовал в main.js втсавить вот такой блок
$('document').ready(function(){ $('#header_bar').fadeIn();}) тоже самое что и при вашем методе.

И необходимо чтобы верхняя панель, изначально не наезжала на блок ниже(с телефоном,лого и контаками).

nav-container стал серым. Нужно так, блок навигации одним цветом, блок с телефоном,лого и контаками другим. Сейчас я так понял это один и тот же блок. Помогите разделить.

Подскажите как сделать..

#4 Mosdetector

Mosdetector

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

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

Отправлено 21 Ноябрь 2014 - 11:32

Ещё вопрос, при скрытии карусели новинки style="display:none", карусель ХИТЫ товары заезжают, друг на друга. Как поправить. Нужно чтобы была только карусель Хиты и не крутилась сама.
Заранее,Спасибо

#5 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

Отправлено 21 Ноябрь 2014 - 12:12

Просмотр сообщенияMosdetector (21 Ноябрь 2014 - 11:32) писал:

Ещё вопрос, при скрытии карусели новинки style="display:none", карусель ХИТЫ товары заезжают, друг на друга. Как поправить. Нужно чтобы была только карусель Хиты и не крутилась сама.
Заранее,Спасибо
Чтобы остановить автоматическую прокрутку слайда в скрипте jquery.nivo.slider.pack.js найдите код:
animSpeed:500
И удалите его, включая запятую после него.

#6 Mosdetector

Mosdetector

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

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

Отправлено 21 Ноябрь 2014 - 12:17

Просмотр сообщенияRayLi (21 Ноябрь 2014 - 12:12) писал:

Чтобы остановить автоматическую прокрутку слайда в скрипте jquery.nivo.slider.pack.js найдите код:
animSpeed:500
И удалите его, включая запятую после него.
Мне нужно остановить не НИВО, а карусель с товарами.

#7 Ирина345

Ирина345

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

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

Отправлено 21 Ноябрь 2014 - 13:55

Просмотр сообщенияMosdetector (21 Ноябрь 2014 - 12:17) писал:

Мне нужно остановить не НИВО, а карусель с товарами.
Здравствуйте, добавьте несколько товаров в хиты что бы можно было протестировать.

#8 Mosdetector

Mosdetector

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

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

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

Просмотр сообщенияИрина345 (21 Ноябрь 2014 - 13:55) писал:

Здравствуйте, добавьте несколько товаров в хиты что бы можно было протестировать.
Там и так 5 штук. Ещё 3 добавил

#9 Ирина345

Ирина345

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

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

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

Просмотр сообщенияMosdetector (21 Ноябрь 2014 - 15:20) писал:

Там и так 5 штук. Ещё 3 добавил
найдите в шаблоне HTML код
{% FOR index_page_favorites_goods %}<li class="main_general">
замените на
 {% FOR index_page_favorites_goods %}<li class="main_general" style="width:220px!important">


#10 Mosdetector

Mosdetector

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

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

Отправлено 21 Ноябрь 2014 - 16:51

Просмотр сообщенияИрина345 (21 Ноябрь 2014 - 16:33) писал:

найдите в шаблоне HTML код
{% FOR index_page_favorites_goods %}<li class="main_general">
замените на
 {% FOR index_page_favorites_goods %}<li class="main_general" style="width:220px!important">

Странно в Хроме всё хорошо. В Мозиле так и осталось.
А по поводу вопросов выше, подскажите?

#11 Mosdetector

Mosdetector

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

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

Отправлено 23 Ноябрь 2014 - 15:07

Так и не получилось:
1) Сделать паНель вверху, видной сразу при открытии страницы, а не при прокутке. Плюс она не должна наезжать на шапку сайта, а должна быть её частью.
2) Поправить отображение карусели с товарами в разных браузерах. И остановить автоматическое пролистование.

#12 Vaccina

Vaccina

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

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

Отправлено 25 Ноябрь 2014 - 03:42

уточните пожалуйста актуальны ли ваши вопросы, так как ранее у вас была установлена дизайн-тема Движение, сейчас же установлен Хамелеон ?

#13 Mosdetector

Mosdetector

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

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

Отправлено 25 Ноябрь 2014 - 09:06

Да вопросы актуальны. Пробую разные дизайны. Если необходимо восстановлю бэкап.

#14 Ирина345

Ирина345

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

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

Отправлено 25 Ноябрь 2014 - 17:37

Просмотр сообщенияMosdetector (25 Ноябрь 2014 - 09:06) писал:

Да вопросы актуальны. Пробую разные дизайны. Если необходимо восстановлю бэкап.
Здравствуйте, если Вы хотите что бы Вам прислали инструкцию восстановите бекап.




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

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