0
Фиксирванная Панель Вверху И Другие Изменения
Автор Mosdetector, 20 нояб. 2014 23:58
Сообщений в теме: 13
#1
Отправлено 20 Ноябрь 2014 - 23:58
аккаунт SL-319258
Здравствуйте помогите сделать следующее:
1) Убрал появляющийся поиск, вместо него нужно вверху сделать фиксированную панель, как здесь https://gardengear.ru/
на ней разместить Войти в ЛК и корзину.. 2) Вернуть серый цвет блоку с телефоном и логотипом.
Спасибо
Здравствуйте помогите сделать следующее:
1) Убрал появляющийся поиск, вместо него нужно вверху сделать фиксированную панель, как здесь https://gardengear.ru/
на ней разместить Войти в ЛК и корзину.. 2) Вернуть серый цвет блоку с телефоном и логотипом.
Спасибо
#2
Отправлено 21 Ноябрь 2014 - 04:49
Вы изначально производили изменения с фиксированной панелью, так как при скролле она не появляется?
1.В шаблоне HTML найдите:
замените на:
далее в style.css добавьте:
2. В style.css найдите:
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="Положить «{GOODS_NAME}» в корзину"/> <!-- input type="button" value="Добавить в корзину" id="button-cart" class="button button_cart_product" onclick="$('.goodsDataForm').submit(); return false;" title="Положить «{GOODS_NAME}» в корзину"/ --> </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} x </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
Отправлено 21 Ноябрь 2014 - 10:23
Да отключил её. Так как полностью фиксированной её не получилось сделать. По вашему методу попробовал, нужные ссылки встали спасибо. Активировал панель, но проблема в следующем,она при загрузке страницы не появляется, необходимо один раз прокрутить, после чего она проявляется и уже фиксируется. А мне нужно чтобы она при загрузке сразу отражалась. Пробовал в main.js втсавить вот такой блок
$('document').ready(function(){ $('#header_bar').fadeIn();}) тоже самое что и при вашем методе.
И необходимо чтобы верхняя панель, изначально не наезжала на блок ниже(с телефоном,лого и контаками).
nav-container стал серым. Нужно так, блок навигации одним цветом, блок с телефоном,лого и контаками другим. Сейчас я так понял это один и тот же блок. Помогите разделить.
Подскажите как сделать..
$('document').ready(function(){ $('#header_bar').fadeIn();}) тоже самое что и при вашем методе.
И необходимо чтобы верхняя панель, изначально не наезжала на блок ниже(с телефоном,лого и контаками).
nav-container стал серым. Нужно так, блок навигации одним цветом, блок с телефоном,лого и контаками другим. Сейчас я так понял это один и тот же блок. Помогите разделить.
Подскажите как сделать..
#4
Отправлено 21 Ноябрь 2014 - 11:32
Ещё вопрос, при скрытии карусели новинки style="display:none", карусель ХИТЫ товары заезжают, друг на друга. Как поправить. Нужно чтобы была только карусель Хиты и не крутилась сама.
Заранее,Спасибо
Заранее,Спасибо
#5
Отправлено 21 Ноябрь 2014 - 12:12
Mosdetector (21 Ноябрь 2014 - 11:32) писал:
Ещё вопрос, при скрытии карусели новинки style="display:none", карусель ХИТЫ товары заезжают, друг на друга. Как поправить. Нужно чтобы была только карусель Хиты и не крутилась сама.
Заранее,Спасибо
Заранее,Спасибо
animSpeed:500И удалите его, включая запятую после него.
#9
Отправлено 21 Ноябрь 2014 - 16:33
Mosdetector (21 Ноябрь 2014 - 15:20) писал:
Там и так 5 штук. Ещё 3 добавил
{% FOR index_page_favorites_goods %}<li class="main_general">замените на
{% FOR index_page_favorites_goods %}<li class="main_general" style="width:220px!important">
#10
Отправлено 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
Отправлено 23 Ноябрь 2014 - 15:07
Так и не получилось:
1) Сделать паНель вверху, видной сразу при открытии страницы, а не при прокутке. Плюс она не должна наезжать на шапку сайта, а должна быть её частью.
2) Поправить отображение карусели с товарами в разных браузерах. И остановить автоматическое пролистование.
1) Сделать паНель вверху, видной сразу при открытии страницы, а не при прокутке. Плюс она не должна наезжать на шапку сайта, а должна быть её частью.
2) Поправить отображение карусели с товарами в разных браузерах. И остановить автоматическое пролистование.
#12
Отправлено 25 Ноябрь 2014 - 03:42
уточните пожалуйста актуальны ли ваши вопросы, так как ранее у вас была установлена дизайн-тема Движение, сейчас же установлен Хамелеон ?
#13
Отправлено 25 Ноябрь 2014 - 09:06
Да вопросы актуальны. Пробую разные дизайны. Если необходимо восстановлю бэкап.
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных