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


Помогите,пожалуйста,с Переделкой Дизайна.

Автор Сергей Наумчук, 27 дек. 2013 13:40

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

#1 Сергей Наумчук

Сергей Наумчук

    Продвинутый пользователь

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

Отправлено 27 Декабрь 2013 - 13:40

Добрый день!

В ходе изменения дизайна возникло несколько вопросов,ответы на которые самостоятельно найти не получается.
Возможно ли:

1.Сместить ближе к форме поиска страницы верхнее меню(см.скрин1) и не повлияет ли это на внешний вид страницы на маленьком экране (адаптивный шаблон).

2.Убрать из верхнего меню пункт  "Корзина" и заменить его отдельной кнопкой в шапке (см.скрин1), по возможности с указанием стоимости заказа... :)

3.Уменьшить слайдер на главной процентов на 20 и добавить в него 3(4,5) картинку (ки),разместив его при этом по центру страницы. Самостоятельно  смог изменить только размер самих картинок в баннере,а контейнер остается тем же...(см скрин2.)

Заранее благодарен за любую помощь!

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

  • скрин1.jpg
  • скрин2.jpg

#2 Сергей Наумчук

Сергей Наумчук

    Продвинутый пользователь

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

Отправлено 27 Декабрь 2013 - 13:51

Да,адрес сайта bizon76.ru

#3 Vaccina

Vaccina

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

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

Отправлено 28 Декабрь 2013 - 04:40

1.В HTML найдите:

<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 Сергей Наумчук

Сергей Наумчук

    Продвинутый пользователь

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

Отправлено 28 Декабрь 2013 - 07:31

Увы,Ваши инструкции не помогли...Сайт перекосило...Пришлось восстановить из бэкапа и потерять достигнутый прогресс...

#5 miyako

miyako

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

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

Отправлено 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 Сергей Наумчук

Сергей Наумчук

    Продвинутый пользователь

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

Отправлено 28 Декабрь 2013 - 07:53

Большое спасибо за помощь со слайдером!

#7 miyako

miyako

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

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

Отправлено 28 Декабрь 2013 - 08:02

2) Из меню можно удалить лишние пункты в разделе Сайт - Меню.

Найдите код в шаблоне HTML -
<div id="header-right">
и после него добавьте код корзины -
<img src="путь до изображения" alt="" />

Также уточните нужно ли убрать Вывод корзины как на скриншоте.

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

  • вывод корзины.png

#8 Сергей Наумчук

Сергей Наумчук

    Продвинутый пользователь

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

Отправлено 28 Декабрь 2013 - 08:10

Просмотр сообщенияmiyako (28 Декабрь 2013 - 08:02) писал:

2) Из меню можно удалить лишние пункты в разделе Сайт - Меню.

Найдите код в шаблоне HTML -
<div id="header-right">
и после него добавьте код корзины -
<img src="путь до изображения" alt="" />

Также уточните нужно ли убрать Вывод корзины как на скриншоте.

Да,вывод в таком виде можно убрать

#9 miyako

miyako

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

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

Отправлено 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 Сергей Наумчук

Сергей Наумчук

    Продвинутый пользователь

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

Отправлено 28 Декабрь 2013 - 08:31

Просмотр сообщенияmiyako (28 Декабрь 2013 - 08:13) писал:

Найдите код в 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);
}

Спасибо! А можно ли осуществить переход в корзину кликом по изображению?

#11 Alexey11

Alexey11

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

  • Модератоpы
  • 1 057 сообщений
  • ГородНижний новгород

Отправлено 28 Декабрь 2013 - 08:49

В шаблоне HTML найдите данный блок кода 
<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 Сергей Наумчук

Сергей Наумчук

    Продвинутый пользователь

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

Отправлено 28 Декабрь 2013 - 08:57

Просмотр сообщенияAlexey11 (28 Декабрь 2013 - 08:49) писал:

В шаблоне HTML найдите данный блок кода 
<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 анонимных

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Осень
  5. Privacy Policy