Помогите,пожалуйста,с Переделкой Дизайна.
#1
Отправлено 27 Декабрь 2013 - 13:40
В ходе изменения дизайна возникло несколько вопросов,ответы на которые самостоятельно найти не получается.
Возможно ли:
1.Сместить ближе к форме поиска страницы верхнее меню(см.скрин1) и не повлияет ли это на внешний вид страницы на маленьком экране (адаптивный шаблон).
2.Убрать из верхнего меню пункт "Корзина" и заменить его отдельной кнопкой в шапке (см.скрин1), по возможности с указанием стоимости заказа...
3.Уменьшить слайдер на главной процентов на 20 и добавить в него 3(4,5) картинку (ки),разместив его при этом по центру страницы. Самостоятельно смог изменить только размер самих картинок в баннере,а контейнер остается тем же...(см скрин2.)
Заранее благодарен за любую помощь!
#3
Отправлено 28 Декабрь 2013 - 04:40
<div class="right-menu"> <!-- Форма поиска --> <div id="search_block_top"> <form id="searchbox" action="http://{NET_DOMAIN}/search" method="get" onsubmit="if($(this).find('#search_query_top').val()=='Поиск...') return false;"> <div class="search_block_top_form"> <input id="search_query_top" type="text" name="q" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск...{% ENDIF %}" onfocus="if(this.value=='Поиск...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск...';}" class="search_query light ac_input" /> <input type="submit" name="submit_search" title="Искать" value="" class="search_button"> </div> </form> </div> </div>перенесите его поставив перед:
<div class="left-menu"> <!-- Блок навигации --> {% IFNOT menu_empty %}Далее в style.css в самом низу пропишите:
.left-menu #megamenu { float: right; }2. В HTML найдите:
<!-- Форма поиска --> <div id="search_block_top"> <form id="searchbox" action="http://{NET_DOMAIN}/search" method="get" onsubmit="if($(this).find('#search_query_top').val()=='Поиск...') return false;"> <div class="search_block_top_form"> <input id="search_query_top" type="text" name="q" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск...{% ENDIF %}" onfocus="if(this.value=='Поиск...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск...';}" class="search_query light ac_input" /> <input type="submit" name="submit_search" title="Искать" value="" class="search_button"> </div> </form> </div>после него пропишите:
<div id="cart_block"> <div id="cart_block_bottom"> <div id="cart_block_other_costs"> <div class="other_cost_wrapper" style="width: 100%"> {% IF cart_count_empty %} <p id="cart_block_no_products">Ваша корзина пуста</p> {% ELSE %} <span>Товаров </span> <span class="price" id="cart_block_shipping_cost">{CART_COUNT_TOTAL}</span> <span>на сумму </span> {% ENDIF %} <span class="price" id="cart_block_total" style="text-align: right;">{% IF cart_count_empty %}{% ELSE %}{% FOR cart_sum %}{cart_sum.NOW_WITH_DISCOUNT | money_format}{% ENDFOR %}{% ENDIF %}</span> </div> </div> <div id="cart_block_total_checkout"> <a class="exclusive" href="{CART_URL}" id="button_order_cart" rel="nofollow" title="Оформить заказ"><span>Оформить заказ</span></a> </div> </div> </div>
3.В style.css найдите:
.flexslider .slides > li { display: none; }попробуйте заменить на:
.flexslider .slides > li { display: none; width: 960px !important; }
#4
Отправлено 28 Декабрь 2013 - 07:31
#5
Отправлено 28 Декабрь 2013 - 07:42
Сергей Наумчук (27 Декабрь 2013 - 13:40) писал:
В ходе изменения дизайна возникло несколько вопросов,ответы на которые самостоятельно найти не получается.
Возможно ли:
1.Сместить ближе к форме поиска страницы верхнее меню(см.скрин1) и не повлияет ли это на внешний вид страницы на маленьком экране (адаптивный шаблон).
2.Убрать из верхнего меню пункт "Корзина" и заменить его отдельной кнопкой в шапке (см.скрин1), по возможности с указанием стоимости заказа...
3.Уменьшить слайдер на главной процентов на 20 и добавить в него 3(4,5) картинку (ки),разместив его при этом по центру страницы. Самостоятельно смог изменить только размер самих картинок в баннере,а контейнер остается тем же...(см скрин2.)
Заранее благодарен за любую помощь!
3) Найдите код -
.flexslider { margin: 0 0 30px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1; }и замените на -
.flexslider { width: 80%; margin: 0 auto 30px auto !important; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1; }в style.css
После изменений делайте пожалуйста копии сайта.
#6
Отправлено 28 Декабрь 2013 - 07:53
#7
Отправлено 28 Декабрь 2013 - 08:02
Найдите код в шаблоне HTML -
<div id="header-right">и после него добавьте код корзины -
<img src="путь до изображения" alt="" />
Также уточните нужно ли убрать Вывод корзины как на скриншоте.
#8
Отправлено 28 Декабрь 2013 - 08:10
miyako (28 Декабрь 2013 - 08:02) писал:
Найдите код в шаблоне HTML -
<div id="header-right">и после него добавьте код корзины -
<img src="путь до изображения" alt="" />
Также уточните нужно ли убрать Вывод корзины как на скриншоте.
Да,вывод в таком виде можно убрать
#9
Отправлено 28 Декабрь 2013 - 08:13
Сергей Наумчук (28 Декабрь 2013 - 08:10) писал:
Найдите код в style.css -
#header_shopping_cart { position: static; width: 170px; float: right; clear: both; margin-top: -30px; list-style: none; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background: #f7f7f7 url('{ASSETS_IMAGES_PATH}cart_red.png') no-repeat 12px; border: 1px solid #cecece; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; box-shadow: 0 1px 1px 0 rgba(0,0,0,0.05); -moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.05); }и замените на -
#header_shopping_cart { position: static; width: 170px; float: right; display: none; clear: both; margin-top: -30px; list-style: none; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background: #f7f7f7 url('{ASSETS_IMAGES_PATH}cart_red.png') no-repeat 12px; border: 1px solid #cecece; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; box-shadow: 0 1px 1px 0 rgba(0,0,0,0.05); -moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.05); }
#10
Отправлено 28 Декабрь 2013 - 08:31
miyako (28 Декабрь 2013 - 08:13) писал:
#header_shopping_cart { position: static; width: 170px; float: right; clear: both; margin-top: -30px; list-style: none; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background: #f7f7f7 url('{ASSETS_IMAGES_PATH}cart_red.png') no-repeat 12px; border: 1px solid #cecece; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; box-shadow: 0 1px 1px 0 rgba(0,0,0,0.05); -moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.05); }и замените на -
#header_shopping_cart { position: static; width: 170px; float: right; display: none; clear: both; margin-top: -30px; list-style: none; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background: #f7f7f7 url('{ASSETS_IMAGES_PATH}cart_red.png') no-repeat 12px; border: 1px solid #cecece; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; box-shadow: 0 1px 1px 0 rgba(0,0,0,0.05); -moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.05); }
Спасибо! А можно ли осуществить переход в корзину кликом по изображению?
#11
Отправлено 28 Декабрь 2013 - 08:49
<img src="http://design.bizon76.ru/cart_gray.png?8127" alt="" />и замените его на
<a href="http://bizon76.ru/cart" title="Ваша корзина"> <img src="http://design.bizon76.ru/cart_gray.png?8127" alt="" /> </a>
#12
Отправлено 28 Декабрь 2013 - 08:57
Alexey11 (28 Декабрь 2013 - 08:49) писал:
<img src="http://design.bizon76.ru/cart_gray.png?8127" alt="" />и замените его на
<a href="http://bizon76.ru/cart" title="Ваша корзина"> <img src="http://design.bizon76.ru/cart_gray.png?8127" alt="" /> </a>
Спасибо!!!
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных