Отключен JavaScript

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

Несколько Правок По Дизайну Главной Страницы Лазурь

Автор Rainbowsmoke, 11 марта 2016 04:00

Лазурь шапка каталог

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

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

#1 Rainbowsmoke

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

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

Отправлено 11 Март 2016 - 04:00

Доброй ночи! Хотелось бы попросить вашей помощи в решении нескольких вопросов. В прикрепленном файле указано несколько элементов, которые хотелось бы исправить:

Шапка:

Логотип хотелось бы сделать левее (по краю левой стороны)
Поисковую строку нужно сместить в центр ( и сделать более растянутой)
Контакты магазина: Телефоны (сейчас отражается только один, как сделать, чтобы два были в шапке и размер был более крупный), почта магазина, значки социальных сетей оказались в одном блоке с телефонами и почтой магазина. На картинке всё указано.
Убрать виджет в контакте.
Убрать коричневую полосу сверху.

Центровой блок:

Возможно ли из шапки перенести блок с "главная, доставка, корзина, каталог, контакты, войти в личный кабинет" над слайдером и выделить его отдельным блоком? Цвет блока коричневый. Шрифт кнопок чтобы был крупнее.
Каталог товаров был левее от слайдера на одном уровне с блоком "главная, доставка, корзина, каталог, контакты и.т.д." и выделялся коричневым цветом. Еще вопрос, его реально сделать на этом шаблоне двусоставным? Чтобы был "каталог товаров и бренды" и клиент мог выбрать как удобнее ему искать нужный товар? Пример, http://jazz-shop.ru/.
Сравнение товаров убираем и корзину хотелось бы расположить под контактной информацией.
Слайдер соответственно становится уже не на всю страницу, а меньше в длину, потому что левая часть отдана будет каталогу. Сам слайдер центрируется под блоком "главная, доставка, корзина, каталог, контакты, войти в личный кабинет".

Нижний блок:

Новостная лента располагалась под каталогом.
На данный момент в панели управления есть особые разделы, возможно её редактировать??? Хотелось бы вносить изменения. В том виде "новинки, хиты продаж" немного не то.

Очень надеюсь на вашу помощь! Жду ответа.

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

Наверх

#2 RedHead

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

Модераторы
1 052 сообщений

Отправлено 11 Март 2016 - 10:36

Rainbowsmoke (11 Март 2016 - 04:00) писал:

Логотип хотелось бы сделать левее (по краю левой стороны
Поисковую строку нужно сместить в центр ( и сделать более растянутой)
Контакты магазина: Телефоны (сейчас отражается только один, как сделать, чтобы два были в шапке и размер был более крупный), почта магазина, значки социальных сетей оказались в одном блоке с телефонами и почтой магазина. На картинке всё указано.
Убрать виджет в контакте.
Убрать коричневую полосу сверху.

Центровой блок:

Возможно ли из шапки перенести блок с "главная, доставка, корзина, каталог, контакты, войти в личный кабинет" над слайдером и выделить его отдельным блоком? Цвет блока коричневый. Шрифт кнопок чтобы был крупнее.
Каталог товаров был левее от слайдера на одном уровне с блоком "главная, доставка, корзина, каталог, контакты и.т.д." и выделялся коричневым цветом. Еще вопрос, его реально сделать на этом шаблоне двусоставным? Чтобы был "каталог товаров и бренды" и клиент мог выбрать как удобнее ему искать нужный товар? Пример, http://jazz-shop.ru/.
Сравнение товаров убираем и корзину хотелось бы расположить под контактной информацией.
Слайдер соответственно становится уже не на всю страницу, а меньше в длину, потому что левая часть отдана будет каталогу. Сам слайдер центрируется под блоком "главная, доставка, корзина, каталог, контакты, войти в личный кабинет".

Нижний блок:

Новостная лента располагалась под каталогом.
На данный момент в панели управления есть особые разделы, возможно её редактировать??? Хотелось бы вносить изменения. В том виде "новинки, хиты продаж" немного не то.

Очень надеюсь на вашу помощь! Жду ответа.

Здравствуйте. Перед внесением изменений, создайте бэкап.

Шапка.

1) В шаблоне main.css замените строку:

#header #logo {display: block;float: left;margin-left: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

на:

#header #logo {display: block;float: left;margin-left: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding-left: 0px;}

2,3) В шаблоне html найдите блок кода:

<div class="header-right col-xs-8">
			  <div class="header-right-inner">
				<ul class="connect-us">
								  <li><a target="_blank" href="https://www.instagram.com/rainbow_smoke_store/" class="fa fa-instagram"></a></li>
								  <li><a target="_blank" href="http://www.youtube.com/channel/UCwdDjtSqcld-7PRTyefBJ6w" class="fa fa-youtube"></a></li>
								  <li><a target="_blank" href="#" class="fa fa-vk"></a></li>
								</ul>
				<form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get">
				  <div class="form-search">
					<input id="search" type="text" name="q" value="" class="inputText search-string" placeholder="Поиск по магазину...">
					<button type="submit" title="Искать" class="button search-submit"></button>
				  </div>
				</form>
			  </div>
			</div>

замените его на:

<div class="header-right col-xs-4">
			  <div class="header-right-inner">
				<form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get">
				  <div class="form-search">
					<input id="search" type="text" name="q" value="" class="inputText search-string" placeholder="Поиск по магазину...">
					<button type="submit" title="Искать" class="button search-submit"></button>
				  </div>
				</form>
			  </div>
			</div> 
			<div class="header-left col-xs-3">
			  <div class="header-right-inner">
				<ul class="contact-us">
				{% IF SETTINGS_STORE_EMAIL_MAIN %}<li class="c-email"><a href="mailto:support@nova.com">{SETTINGS_STORE_EMAIL_MAIN}</a></li>{% ENDIF %}
				{% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li class="c-phone"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a></li>{% ENDIF %}
				{% IF SETTINGS_STORE_PHONE_NUMBER2 %}<li class="c-phone"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</a></li>{% ENDIF %}
				</ul>
				<ul class="connect-us">
								  <li><a target="_blank" href="https://www.instagram.com/rainbow_smoke_store/" class="fa fa-instagram"></a></li>
								  <li><a target="_blank" href="http://www.youtube.com/channel/UCwdDjtSqcld-7PRTyefBJ6w" class="fa fa-youtube"></a></li>
								  <li><a target="_blank" href="#" class="fa fa-vk"></a></li>
								</ul>
			   
			  </div>
			</div>

Затем, в шаблоне main.css найдите строки:

#header .header-right .header-right-inner #search_mini_form .form-search input.inputText, #menu .nav-right .block-search #search_mini_form2 .form-search input.inputText {font-size: 12px;height:auto;line-height:20px;width: 235px;padding: 10px 20px;border: 1px solid #4c4c4c;border-radius: 22px;-webkit-border-radius: 22px;-moz-border-radius: 22px;}
#header .header-right .header-right-inner #search_mini_form .form-search input.inputText:focus {width: 250px;outline:none;}

замените их на:

#header .header-right .header-right-inner #search_mini_form .form-search input.inputText, #menu .nav-right .block-search #search_mini_form2 .form-search input.inputText {font-size: 12px;height:auto;line-height:20px;width: 300px;padding: 10px 20px;border: 1px solid #4c4c4c;border-radius: 22px;-webkit-border-radius: 22px;-moz-border-radius: 22px;}
#header .header-right .header-right-inner #search_mini_form .form-search input.inputText:focus {width: 320px;outline:none;}

потом строку

#header-top .topheader-left ul.contact-us-now li {display: inline-block;float: left;line-height: 36px;margin-left: 15px;padding-left: 28px;background: url("{ASSETS_IMAGES_PATH}ico-contactusnow.png") no-repeat left -1px;font-size: 92%;}

замените на:

#header .header-left .header-right-inner ul.contact-us li {display: inline-block;float: left;line-height: 36px;padding-left: 28px;background: url("{ASSETS_IMAGES_PATH}ico-contactusnow.png") no-repeat left -1px;font-size:110%;}

строку:

#header-top .topheader-left ul.contact-us-now li.c-phone {background-position: left -36px;padding-left: 26px;}

на:

#header .header-left .header-right-inner ul.contact-us li.c-phone {background-position: left -36px;padding-left: 26px;}

строку:

#header .header-right .header-right-inner .connect-us {list-style: none;float: left;margin: 0 0 10px 25px;padding: 0;}

на:

#header .header-left .header-right-inner .connect-us {list-style: none;float: left;margin: 0 0 0 25px;}

строки:

#header .header-right .header-right-inner .connect-us li {margin-left: 5px;float: left;display: inline-block;}
#header .header-right .header-right-inner .connect-us li:first-child {margin-left: 0px;}
#header .header-right .header-right-inner .connect-us li a {display: inline-block;width: 40px;height: 40px;line-height: 40px;text-align: center;font-size: 20px;border: 1px solid 4c4c4c;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;color: #c9c9c9;}
#header .header-right .header-right-inner .connect-us li a.fa-facebook:hover {border-color: #3197f7;color: #3197f7;}
#header .header-right .header-right-inner .connect-us li a.fa-twitter:hover {border-color: #16def0;color: #16def0;}
#header .header-right .header-right-inner .connect-us li a.fa-youtube:hover {border-color: #e82a2a;color: #e82a2a;}
#header .header-right .header-right-inner .connect-us li a.fa-vk:hover {border-color: #537599;color: #537599;}

на:

#header .header-left .header-right-inner .connect-us li {margin-left: 5px;float: left;display: inline-block;}
#header .header-left .header-right-inner .connect-us li:first-child {margin-left: 0px;}
#header .header-left .header-right-inner .connect-us li a {display: inline-block;width: 40px;height: 40px;line-height: 40px;text-align: center;font-size: 20px;border: 1px solid 4c4c4c;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;color: #c9c9c9;}
#header .header-left .header-right-inner .connect-us li a.fa-facebook:hover {border-color: #3197f7;color: #3197f7;}
#header .header-left .header-right-inner .connect-us li a.fa-twitter:hover {border-color: #16def0;color: #16def0;}
#header .header-left .header-right-inner .connect-us li a.fa-youtube:hover {border-color: #e82a2a;color: #e82a2a;}
#header .header-left .header-right-inner .connect-us li a.fa-vk:hover {border-color: #537599;color: #537599;}

в конец шаблона вставьте:

.header-left.col-xs-3 {
  float: right;
  margin-top: -25px;
}

строку

#header .header-right {display: block;float: left;}

замените на:

#header .header-right {display: block;float: left;margin-top: 2%;}

Для этого нового блока необходимо будет настроить аддаптивность.

Затем, В шаблоне html удалите блок кода:

<ul class="contact-us-now">
				{% IF SETTINGS_STORE_EMAIL_MAIN %}<li class="c-email"><a href="mailto:support@nova.com">{SETTINGS_STORE_EMAIL_MAIN}</a></li>{% ENDIF %}
				{% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li class="c-phone"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a></li>{% ENDIF %}
				{% IF SETTINGS_STORE_PHONE_NUMBER2 %}<li class="c-phone hide"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</a></li>{% ENDIF %}
				{% IF SETTINGS_STORE_PHONE_NUMBER3 %}<li class="c-phone hide"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{SETTINGS_STORE_PHONE_CITY_CODE3}{SETTINGS_STORE_PHONE_NUMBER3}">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}({SETTINGS_STORE_PHONE_CITY_CODE3}){SETTINGS_STORE_PHONE_NUMBER3}</a></li>{% ENDIF %}
			  </ul>

он расположен на 80-85 строках.

4) В шаблоне html найдите и удалите блок кода:

<!-- Виджет сообществ -->
	<div id="community_widget_right">
	  <div class="community-widget">
		<span class="community-widget-button"><i class="fa fa-vk"></i></span>
		<div class="community-widget-content">
		  <!-- VK Widget. Замените id(20003922) на id Вашей группы -->
		  <div id="vk_groups"></div>
		  <script type="text/javascript">
		  VK.Widgets.Group("vk_groups", {mode: 0, width: "220", height: "400", color1: 'FFFFFF', color2: '666666', color3: '#3cabda'}, 20003922);
		  </script>
		</div>
	  </div>
	</div>

5) В шаблоне main.css найдите строку:

#header-top {height: 41px;line-height: 36px;border-top: 5px solid #83602C;position: relative;}

замените ее на:

#header-top {height: 41px;line-height: 36px;;position: relative;}

Вторую часть инструкции Вам вышлют в следующем письме.

Наверх

#3 Rainbowsmoke

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

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

Отправлено 11 Март 2016 - 11:21

Спасибо за быстрый ответ. Сейчас будем пробовать.

Наверх

#4 Rainbowsmoke

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

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

Отправлено 11 Март 2016 - 18:42

Спасибо большое. Всё получилось

. Ждём вторую часть письма.

Наверх

#5 Rainbowsmoke

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

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

Отправлено 14 Март 2016 - 09:55

Доброе утро! Пожалуйста, не забывайте про нашу просьбу))) Ждём вторую часть письма

Наверх

#6 Rainbowsmoke

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

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

Отправлено 18 Март 2016 - 09:14

АП! Пожалуйста, ответьте!!! Когда будет уже ответ по нашему вопросу?

Наверх

#7 RedHead

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

Модераторы
1 052 сообщений

Отправлено 19 Март 2016 - 17:05

Rainbowsmoke (18 Март 2016 - 09:14) писал:

АП! Пожалуйста, ответьте!!! Когда будет уже ответ по нашему вопросу?

Здравствуйте. Извините за долгое ожидание. Перед внесением изменений, обязательно создайте бэкап.

1) В шаблоне html найдите блок кода:

<!-- Каталог в шапке -->
	  <div id="menu" class="wrap">
		<div class="inner">
		  <div class="container">
			<div class="row-fluid">
			  <!-- BEGIN: Main Navigation -->
			  <div id="mainnav" class="col-xs-10 col-md-9">
				<div id="custommenu">
				  <ul class="mainnav">
					{%IFNOT catalog_full_empty%}
					  {%FOR catalog_full%}
						{% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub {% IF catalog_full.LEVEL > 2 %}hide-cat{% ENDIF %} {% IF catalog_full.LEVEL = 1 %}dropdown-menu{% ENDIF %}">{% ENDIF %}{% ENDIF %}
						  <li class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT %}active{% ENDIF %}">
							<a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}">{catalog_full.NAME}</a>
						  {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
						{% IF catalog_full.LAST %}{%FOR out%}</ul> {%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
					  {%ENDFOR%}
					{%ENDIF%}
				  </ul>
				</div>
			  </div>
			  <div id="mommenu" class="menu-collapse">
				<span class="btn btn-navbar menusidebar collapsed" data-toggle="collapse" data-target="#menu_collapse">
				  <i class="fa icon-reorder"></i>
				</span>
				<div class="menu_collapse_wrap">
				  <div id="menu_collapse" class="mainnav collapse">
					<ul>
					{%IFNOT catalog_full_empty%}
					  {%FOR catalog_full%}
						{% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub {% IF catalog_full.LEVEL = 1 %}dropdown-menu{% ENDIF %}">{% ENDIF %}{% ENDIF %}
						  <li class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT %}active{% ENDIF %}">
							<a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}"><span>{catalog_full.NAME}</span></a>
						  {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
						{% IF catalog_full.LAST %}{%FOR out%}</ul> {%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
					  {%ENDFOR%}
					{%ENDIF%}
					</ul>
				  </div>
				</div>
			  </div>
			  <!-- END: Main Navigation -->

замените его на:

	  <!-- Каталог в шапке -->
	  <div id="menu" class="wrap">
		<div class="inner">
		  <div class="container">
			<div class="row-fluid">
			  <!-- BEGIN: Main Navigation -->
			  <div id="mainnav" class="col-xs-4 col-md-3">
				<div id="custommenu">
				  <ul class="mainnav">
					{%IFNOT catalog_full_empty%}
					  {%FOR catalog_full%}
						{% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub {% IF catalog_full.LEVEL > 2 %}hide-cat{% ENDIF %} {% IF catalog_full.LEVEL = 1 %}dropdown-menu{% ENDIF %}">{% ENDIF %}{% ENDIF %}
						  <li class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT %}active{% ENDIF %}">
							<a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}">{catalog_full.NAME}</a>
						  {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
						{% IF catalog_full.LAST %}{%FOR out%}</ul> {%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
					  {%ENDFOR%}
					{%ENDIF%}
				  </ul>
				</div>
			  </div>
			 
			  <div id="mainnav" class="col-xs-6 col-md-7">
				<div class="sns-quickaccess">
				  <div class="quickaccess-inner">
					<ul class="links">
					  {% 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>
				  </div>
				</div>
			  </div>
			  <div id="mommenu" class="menu-collapse">
				<span class="btn btn-navbar menusidebar collapsed" data-toggle="collapse" data-target="#menu_collapse">
				  <i class="fa icon-reorder"></i>
				</span>
				<div class="menu_collapse_wrap">
				  <div id="menu_collapse" class="mainnav collapse">
					<ul>
					{%IFNOT catalog_full_empty%}
					  {%FOR catalog_full%}
						{% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub {% IF catalog_full.LEVEL = 1 %}dropdown-menu{% ENDIF %}">{% ENDIF %}{% ENDIF %}
						  <li class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT %}active{% ENDIF %}">
							<a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}"><span>{catalog_full.NAME}</span></a>
						  {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
						{% IF catalog_full.LAST %}{%FOR out%}</ul> {%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
					  {%ENDFOR%}
					{%ENDIF%}
					</ul>
				  </div>
				</div>
			  </div>
			  <!-- END: Main Navigation -->

В конец шаблона main.css вставьте:

#mainnav .sns-quickaccess ul.links {list-style: none;margin: 0 0;padding: 0 0;float: left;height:60px;overflow:hidden;}
#mainnav .sns-quickaccess ul.links li {padding: 8px 8px;display: block;line-height:20px;float:left;border: none;position: static;text-align: left;padding: 21px 5px 21px 0px;}
#mainnav .sns-quickaccess ul.links li a {   
	display: block;
	padding: 8px 10px;
	font-size: 150%;
	font-weight: normal;
	-webkit-border-radius: 22px;
	-moz-border-radius: 22px;
	border-radius: 22px;
	position: relative;
	color: #FFF;
	border: 1px solid transparent;}
#mainnav .sns-quickaccess ul.links li.active > a, #mainnav .sns-quickaccess ul.links li:hover > a {
	color: #FFF;
	position: relative;
	background-color: rgba(255, 255, 255, 0.1);
	border-color: rgba(255, 255, 255, 0.3);
}
#mainnav .sns-quickaccess ul.links li:first-child {padding-left: 0px;}
#mainnav .sns-quickaccess ul.links li:last-child {background:none;padding-right: 0px;}

потом найдите строку:

#header-top {height: 41px;line-height: 36px;;position: relative;}

и замените ее на:

#header-top {height: 41px;line-height: 36px;position: relative;display:none;}

Теперь надо определиться, как будет выглядеть каталог. Вы описали желаемое представление для главной страницы? а в остальных страницах должно остаться как есть сейчас? На других страницах нет слайдера, поэтому не совсем понятно, как зафиксировать каталог между контентом и хлебными крошками. И как поступить с боковым каталогом?

2) Добавить еще один специальных раздел, к сожалению. нельзя. Вы можете отредактировать существующие: переименовать например.

Наверх

#8 Rainbowsmoke

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

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

Отправлено 21 Март 2016 - 03:05

Спасибо за ответ. Продолжим:

Функция сравнения товара и все интерфейсные кнопки с ней связанные не нужны.
Корзина ОТДЕЛЬНЫМ крупным значком переезжает на крайнее правое поле под контакты в одну строку с основными кнопками меню. Кнопка Корзины должна быть настраиваема по размеру.
Размеры и границы слайдера ограничить 2/3 рабочего пространства сайта, по правой границе.
У слайдера должно быть помимо стрелок прокрутки 4 фиксированных видимых точки по нажатии на которые показывается соответствующий баннер в очереди. Соответственно, слайдер имеет ленту в 4 сменяемых баннера с настойками. При работе с каталогом и товарными карточками, слайдер исчезает и не мешает. В принципе, сейчас это именно так и работает.
Дать возможность редактуры Особого раздела (поменять название, контент).
Ровно над слайдером идут визуально раздельные 4 настраиваемых кнопки, которые при клике на них переносят на отдельные страницы. Эти копки называются, например: «ДОСТАВКА» «О НАС» «ОПТ» «КОНТАКТЫ». Эти кнопки, их положение, шрифт, размер и названия должны быть настраиваемы. Внутри этих страниц идёт настраиваемое содержание.
Ровно под слайдером находятся визуально раздельные 4 настраиваемых кнопки, которые при клике на них меняют группы товарных карточек, которые к ним привязываются через админку. Эти копки называются, например: «АКЦИИ» «ГОТОВЫЕ КОМПЛЕКТЫ» «МЫ РЕКОМЕНДУЕМ» «НОВИНКИ». В Эти кнопки, их положение, шрифт, размер и названия должны быть настраиваемы. При клике на эти кнопки, пользователь остаётся на прежней старице, по нажав на любую из них, получает список товарных карточек, которые будут показаны на этой же странице снизу, из которых он может выбрать какую захочет и дальше работает с ней как с обычной товарной карточкой. По сути, это то же самое, что и «ХИТЫ ПРОДАЖ», которые были по умолчанию в шаблоне, только настраиваемые и этих кнопок несколько штук.
Каталог делится на 2 (ДВЕ!) большие кнопки: КАТАЛОГ и БРЕНДЫ.
Кнопки «КАТАЛОГ» и «БРЕНД» в горизонтальной оси совпадает с рядом кнопок меню из п. №6.
Под кнопкой каталог идут обычные товарные разделы. При наведении мыши на конкретный раздел внутри каталога (например КАТАЛОГ->КАЛЬЯНЫ), соответствующий раздел автораскрывается и удерживается до тех пор, пока курсор мыши находится в области раскрытых подкатегорий. При этом же действии, главная страница со слайдером и всеми акционными товарами исчезает и появляется соответствующие подкатегории каталога в основной области сайта.
Каталог товаров показывается по умолчанию.

Правее кнопки «Каталог» на одной и той же оси, что и кнопки из п. № 6 находится отдельная кнопка «БРЕНДЫ».

При клике по кнопке «БРЕНДЫ» , каталог в левой части сайта переключается на заранее отредактированный список представленных на сайте брендов. Весь товар по данной кнопке сортируется по брендам производителей. Как пример http://www.regard.ru/ или http://jazz-shop.ru/
Далее, по клику на конкретный бренд идёт подбор всех товарных такегорий, где данный бренд представлен.

Например:
БРЕНДЫ -> клик = список брендов
СПИСОК БРЕНДОВ -> клик БРЕНДНЕЙМ = список всех подкатегорий каталога, в которых присутствует этот бренд_нейм
15. Для того, чтобы была возможность такой сортировки каталога, я предполагаю, что в каждую подкатегорию надо прописать отдельный параметр: «бренды», в котором руками задаются те бренды, которые присутствуют в каждой конкретной подкатегории товаров.

Ниже представлены скрины: 1 То что сейчас. 2 и 3 то что нужно получить.

Если что-то будет не ясно, обязательно и сразу напишите нам.

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

Наверх

#9 Rainbowsmoke

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

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

Отправлено 22 Март 2016 - 00:54

АП!

Наверх

#10 Rainbowsmoke

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

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

Отправлено 25 Март 2016 - 02:38

АП! Ждём вашего ответа.

Наверх

#11 Юля123

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

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

Отправлено 25 Март 2016 - 11:09

Rainbowsmoke (21 Март 2016 - 03:05) писал:

Спасибо за ответ. Продолжим:

Функция сравнения товара и все интерфейсные кнопки с ней связанные не нужны.
Корзина ОТДЕЛЬНЫМ крупным значком переезжает на крайнее правое поле под контакты в одну строку с основными кнопками меню. Кнопка Корзины должна быть настраиваема по размеру.
Размеры и границы слайдера ограничить 2/3 рабочего пространства сайта, по правой границе.
У слайдера должно быть помимо стрелок прокрутки 4 фиксированных видимых точки по нажатии на которые показывается соответствующий баннер в очереди. Соответственно, слайдер имеет ленту в 4 сменяемых баннера с настойками. При работе с каталогом и товарными карточками, слайдер исчезает и не мешает. В принципе, сейчас это именно так и работает.
Дать возможность редактуры Особого раздела (поменять название, контент).
Ровно над слайдером идут визуально раздельные 4 настраиваемых кнопки, которые при клике на них переносят на отдельные страницы. Эти копки называются, например: «ДОСТАВКА» «О НАС» «ОПТ» «КОНТАКТЫ». Эти кнопки, их положение, шрифт, размер и названия должны быть настраиваемы. Внутри этих страниц идёт настраиваемое содержание.
Ровно под слайдером находятся визуально раздельные 4 настраиваемых кнопки, которые при клике на них меняют группы товарных карточек, которые к ним привязываются через админку. Эти копки называются, например: «АКЦИИ» «ГОТОВЫЕ КОМПЛЕКТЫ» «МЫ РЕКОМЕНДУЕМ» «НОВИНКИ». В Эти кнопки, их положение, шрифт, размер и названия должны быть настраиваемы. При клике на эти кнопки, пользователь остаётся на прежней старице, по нажав на любую из них, получает список товарных карточек, которые будут показаны на этой же странице снизу, из которых он может выбрать какую захочет и дальше работает с ней как с обычной товарной карточкой. По сути, это то же самое, что и «ХИТЫ ПРОДАЖ», которые были по умолчанию в шаблоне, только настраиваемые и этих кнопок несколько штук.
Каталог делится на 2 (ДВЕ!) большие кнопки: КАТАЛОГ и БРЕНДЫ.
Кнопки «КАТАЛОГ» и «БРЕНД» в горизонтальной оси совпадает с рядом кнопок меню из п. №6.
Под кнопкой каталог идут обычные товарные разделы. При наведении мыши на конкретный раздел внутри каталога (например КАТАЛОГ->КАЛЬЯНЫ), соответствующий раздел автораскрывается и удерживается до тех пор, пока курсор мыши находится в области раскрытых подкатегорий. При этом же действии, главная страница со слайдером и всеми акционными товарами исчезает и появляется соответствующие подкатегории каталога в основной области сайта.
Каталог товаров показывается по умолчанию.

Правее кнопки «Каталог» на одной и той же оси, что и кнопки из п. № 6 находится отдельная кнопка «БРЕНДЫ».

При клике по кнопке «БРЕНДЫ» , каталог в левой части сайта переключается на заранее отредактированный список представленных на сайте брендов. Весь товар по данной кнопке сортируется по брендам производителей. Как пример http://www.regard.ru/ или http://jazz-shop.ru/
Далее, по клику на конкретный бренд идёт подбор всех товарных такегорий, где данный бренд представлен.

Здравствуйте, извините за долгое ожидание.

1) В Настройках - Основные найдите раздел "Модуль сравнения товаров на сайте" и установите галочку напротив поля "Выключить модуль сравнения товаров на сайте".

2) Не совсем понимаю, о чем Вы, приложите, пожалуйста, скриншот с проблемой. Корзина у Вас сейчас никуда не съезжает.

3) По поводу слайдера, уточните, Вы хотите сделать, чтобы у Вас на главной странице отображался каталог?

4) У Вас по умолчанию установлен слайдер, для которого не предусмотрены кнопки навигации, если Вам так критично, то можно установить другой слайдер.

5) Названия особых разделов Вы можете поменять только на сайте, в Админ.панели ничего изменить не получится. Чтобы изменить на сайте название этих разделов, в шаблоне HTMl найдите код:

<ul class="pdt-nav">
						{% IFNOT index_page_goods_empty %}<li class="item-nav tab-nav-actived" data-orderby="best_sales" data-href="pdt_best_sales"><span class="title">Товары на главной</span></li>{% ENDIF %}
						{% IFNOT index_page_new_goods_empty %}<li class="item-nav {% IF index_page_goods_empty=1 %}tab-nav-actived{% ENDIF %}" data-orderby="created_at" data-href="pdt_created_at"><span class="title">Новинки</span></li>{% ENDIF %}
						{% IFNOT index_page_favorites_goods_empty %}<li class="item-nav {% IF index_page_goods_empty=1 && index_page_new_goods_empty=1 %}tab-nav-actived{% ENDIF %}" data-orderby="top_rating" data-href="pdt_top_rating"><span class="title">Хиты продаж</span></li>{% ENDIF %}
					  </ul>

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

6) В разделе сайт - меню - Верхнее вы можете удалить ненужные пункты и добавить свои, чтобы они вели на созданные Вам страницы, в пункте "куда ссылается" установите "Произвольный адрес" и укажите ссылку на страницу. Создать свою страницу Вы можете в разделе Сайт - Страницы. Уточните, как именно Вы хотите изменить внешний вид этих кнопок и мы поможем Вам с изменениями.

7) Добавить свои пункты не получится, как переименовать эти кнопки я Вам описала в пункте 5 этого сообщения.

Я ответила Вам на часть вопросов, если Вас не затруднит, разделяйте, пожалуйста, свои сообщения на более мелкие задания, чтобы мы могли Вам оперативнее отвечать. Также если объем работ большой (как у Вас), то таким вопросами занимается платная техническая поддержка. Чтобы мы и дальше могли Вам помогать, лучше писать по одному заданию и после его выполнения, писать следующее. Спасибо за понимание!

Наверх

Обратно в Шаблон Лазурь

Темы с аналогичным тегами Лазурь шапка, каталог

Вопросы работы сервиса StoreLand → Другие вопросы → Проблема Со Ссылками При Переходе На Товар Из Меню Автор Гость_Goosenic_* , 26 янв. 2021 ссылки меню, товары, каталог	1 Ответ 1 063 Просмотров	stasia 26 янв. 2021
характеристики Вопросы работы сервиса StoreLand → Дизайн → Шаблон Техно → Каталог товаров → Вывод Характеристик В Товарах Отображаемых Таблицей Автор Гость_metry_* , 06 дек. 2020 характеристики, каталог, товары	0 Ответов 1 122 Просмотров	metry 06 дек. 2020
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Веган → Как Изменить Разделы Каталога И Добавить Подразделы? Автор Гость_lazar_* , 14 июня 2020 каталог	2 Ответов 798 Просмотров	lazar 14 июня 2020
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Город → Каталог товаров → Выравнивание По Нижнему Краю И Названия Категорий Автор Гость_Максим Бакланов_* , 11 февр. 2020 каталог	3 Ответов 1 490 Просмотров	Vaccina 12 февр. 2020
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Техно → Главная → Изменение Ссылок И Текста На Блоках. Автор Гость_Galz_* , 20 апр. 2019 Менюблоки, каталог, ссылки	1 Ответ 1 777 Просмотров	Mr.Nito 21 апр. 2019

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

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

Несколько Правок По Дизайну Главной Страницы Лазурь

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

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

Темы с аналогичным тегами Лазурь шапка, каталог

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

Войти

Google поиск