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


Изменения

Автор grinch, 29 янв. 2019 21:53

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

#1 grinch

grinch

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

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

Отправлено 29 Январь 2019 - 21:53

Добрый день! помогите решить проблему.
1. сделать шапку с номером телефона, регистрацией в черной полоске, ниже вставить поиск как показано на картинке
2. убрать навигацию поиска, корзины и регистрации, 3 блока убрать  с правой стороны.
3. по слайдами перелистывание слайдов можно сделать их стрелками на самом слайде?

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

  • Безымянный555.jpg
  • ав.jpg

#2 Vaccina

Vaccina

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

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

Отправлено 31 Январь 2019 - 08:05

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
 <div id="header-top"></div>
<div id="header">
	 <div class="container">
<ul class="nav navbar-nav navbar-left">
		 <li class="dropdown" id="contacts">
		 <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-fw fa-phone"></i> <span class="phone">+7 (727) 317-17-27</span> </a>
					 </li>
	 </ul>
<ul class="nav navbar-nav navbar-right">
			 <li class="dropdown-header">Личный кабинет</li>
			 <li><a href="https://simwood.storeland.ru/user/login" rel="nofollow"><i class="fa fa-fw fa-sign-in"></i> Авторизация / Регистрация</a></li>
										 <li><a href="https://simwood.storeland.ru/user/favorites" rel="nofollow"><i class="fa fa-fw fa-heart"></i> <span id="wishlist-total"><span>Избранные (0)</span></span></a></li>
			 </ul>
</div>

замените на:
 <div id="header-top">
	 <div class="container">
	 <ul class="nav navbar-nav navbar-left">
		 <li class="dropdown" id="contacts"><a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-fw fa-phone"></i> <span class="phone">+7 (727) 317-17-27</span> </a></li>
	 </ul>
	 <ul class="nav navbar-nav navbar-right">
	 <li class="dropdown-header">Личный кабинет</li>
		 <li><a href="https://simwood.storeland.ru/user/login" rel="nofollow"><i class="fa fa-fw fa-sign-in"></i> Авторизация / Регистрация</a></li>
		 <li><a href="https://simwood.storeland.ru/user/favorites" rel="nofollow"><i class="fa fa-fw fa-heart"></i> <span id="wishlist-total"><span>Избранные (0)</span></span></a></li>
	 </ul>
</div>	
</div>
<div id="header">

далее зайдите в main.css - найдите:
#header-top {height: 4px;overflow: hidden;background-color: #09AFE7;}

замените на:
#header-top {overflow: hidden;background-color: #000;color: #fff;}
#header-top ul {float: left;}
#header-top ul:last-child {float: right;}
#header-top li{display: inline-block;}
#header-top ul:last-child li {margin-left: 20px;}
#header-top a{color: #fff;}

далее найдите:
#header-right {position: fixed;top: 90px;right: 0;z-index: 99;text-align: right;}

замените на:
#header-right {position: fixed;top: 90px;right: 0;z-index: 99;text-align: right;display: none;}

далее найдите:
#slider.owl-theme .owl-buttons .owl-prev, #slider.owl-theme .owl-buttons .owl-next {filter: Alpha(Opacity=0);opacity: 0;position: absolute;cursor: pointer;display: block;width: 55px;height: 55px;top: 40%;text-indent: -999px;background: url('{ASSETS_IMAGES_PATH}arrow.png?design=sport') center center no-repeat;overflow: hidden;}
#slider:hover.owl-theme .owl-buttons .owl-prev, #slider:hover.owl-theme .owl-buttons .owl-next {filter: Alpha(Opacity=100);opacity: 1;}
#slider:hover.owl-theme .owl-buttons .owl-prev { background-position: -3px -33px;float: left;left: 0; }
#slider:hover.owl-theme .owl-buttons .owl-next { background-position: -63px -33px;float: right;right: 0; }
#slider.owl-theme .owl-buttons .owl-prev:hover { background-position: -123px -33px; }
#slider.owl-theme .owl-buttons .owl-next:hover { background-position: -183px -33px; }

замените на:
#slider.owl-theme .owl-nav .owl-prev, #slider.owl-theme .owl-nav .owl-next {filter: Alpha(Opacity=0);opacity: 0;position: absolute;cursor: pointer;display: block;width: 55px;height: 55px;top: 40%;text-indent: -999px;background: url('{ASSETS_IMAGES_PATH}arrow.png?design=sport') center center no-repeat;overflow: hidden;}
#slider:hover.owl-theme .owl-nav .owl-prev, #slider:hover.owl-theme .owl-nav .owl-next {filter: Alpha(Opacity=100);opacity: 1;}
#slider:hover.owl-theme .owl-nav .owl-prev { background-position: -3px -33px;float: left;left: 0; }
#slider:hover.owl-theme .owl-nav .owl-next { background-position: -63px -33px;float: right;right: 0; }
#slider.owl-theme .owl-nav .owl-prev:hover { background-position: -123px -33px; }
#slider.owl-theme .owl-nav .owl-next:hover { background-position: -183px -33px; }

Название магазина(1).png

#3 grinch

grinch

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

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

Отправлено 31 Январь 2019 - 08:17

Просмотр сообщенияVaccina (31 Январь 2019 - 08:05) писал:

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
 <div id="header-top"></div>
<div id="header">
	 <div class="container">
<ul class="nav navbar-nav navbar-left">
		 <li class="dropdown" id="contacts">
		 <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-fw fa-phone"></i> <span class="phone">+7 (727) 317-17-27</span> </a>
					 </li>
	 </ul>
<ul class="nav navbar-nav navbar-right">
			 <li class="dropdown-header">Личный кабинет</li>
			 <li><a href="https://simwood.storeland.ru/user/login" rel="nofollow"><i class="fa fa-fw fa-sign-in"></i> Авторизация / Регистрация</a></li>
										 <li><a href="https://simwood.storeland.ru/user/favorites" rel="nofollow"><i class="fa fa-fw fa-heart"></i> <span id="wishlist-total"><span>Избранные (0)</span></span></a></li>
			 </ul>
</div>

замените на:
 <div id="header-top">
	 <div class="container">
	 <ul class="nav navbar-nav navbar-left">
		 <li class="dropdown" id="contacts"><a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-fw fa-phone"></i> <span class="phone">+7 (727) 317-17-27</span> </a></li>
	 </ul>
	 <ul class="nav navbar-nav navbar-right">
	 <li class="dropdown-header">Личный кабинет</li>
		 <li><a href="https://simwood.storeland.ru/user/login" rel="nofollow"><i class="fa fa-fw fa-sign-in"></i> Авторизация / Регистрация</a></li>
		 <li><a href="https://simwood.storeland.ru/user/favorites" rel="nofollow"><i class="fa fa-fw fa-heart"></i> <span id="wishlist-total"><span>Избранные (0)</span></span></a></li>
	 </ul>
</div>	
</div>
<div id="header">

далее зайдите в main.css - найдите:
#header-top {height: 4px;overflow: hidden;background-color: #09AFE7;}

замените на:
#header-top {overflow: hidden;background-color: #000;color: #fff;}
#header-top ul {float: left;}
#header-top ul:last-child {float: right;}
#header-top li{display: inline-block;}
#header-top ul:last-child li {margin-left: 20px;}
#header-top a{color: #fff;}

далее найдите:
#header-right {position: fixed;top: 90px;right: 0;z-index: 99;text-align: right;}

замените на:
#header-right {position: fixed;top: 90px;right: 0;z-index: 99;text-align: right;display: none;}

далее найдите:
#slider.owl-theme .owl-buttons .owl-prev, #slider.owl-theme .owl-buttons .owl-next {filter: Alpha(Opacity=0);opacity: 0;position: absolute;cursor: pointer;display: block;width: 55px;height: 55px;top: 40%;text-indent: -999px;background: url('{ASSETS_IMAGES_PATH}arrow.png?design=sport') center center no-repeat;overflow: hidden;}
#slider:hover.owl-theme .owl-buttons .owl-prev, #slider:hover.owl-theme .owl-buttons .owl-next {filter: Alpha(Opacity=100);opacity: 1;}
#slider:hover.owl-theme .owl-buttons .owl-prev { background-position: -3px -33px;float: left;left: 0; }
#slider:hover.owl-theme .owl-buttons .owl-next { background-position: -63px -33px;float: right;right: 0; }
#slider.owl-theme .owl-buttons .owl-prev:hover { background-position: -123px -33px; }
#slider.owl-theme .owl-buttons .owl-next:hover { background-position: -183px -33px; }

замените на:
#slider.owl-theme .owl-nav .owl-prev, #slider.owl-theme .owl-nav .owl-next {filter: Alpha(Opacity=0);opacity: 0;position: absolute;cursor: pointer;display: block;width: 55px;height: 55px;top: 40%;text-indent: -999px;background: url('{ASSETS_IMAGES_PATH}arrow.png?design=sport') center center no-repeat;overflow: hidden;}
#slider:hover.owl-theme .owl-nav .owl-prev, #slider:hover.owl-theme .owl-nav .owl-next {filter: Alpha(Opacity=100);opacity: 1;}
#slider:hover.owl-theme .owl-nav .owl-prev { background-position: -3px -33px;float: left;left: 0; }
#slider:hover.owl-theme .owl-nav .owl-next { background-position: -63px -33px;float: right;right: 0; }
#slider.owl-theme .owl-nav .owl-prev:hover { background-position: -123px -33px; }
#slider.owl-theme .owl-nav .owl-next:hover { background-position: -183px -33px; }

Прикрепленный файл Название магазина(1).png

Спасибо больше все получилось!

#4 grinch

grinch

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

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

Отправлено 31 Январь 2019 - 08:27

Помогите решить этот момент еще. сделать эти колонки видными в мобильной версии. также сверху

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

  • Название магазина(1).png

#5 Vaccina

Vaccina

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

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

Отправлено 31 Январь 2019 - 08:35

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#header-top {display: none;}

замените на:
#header-top ul{padding: 0;}
#header-top ul li {display: block; text-align: right;}

#6 grinch

grinch

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

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

Отправлено 31 Январь 2019 - 08:38

Помогите еще сделать ряд изменений
1. личный кабинет сделать кликабельным
2. сделать навигацию на уровне каталога
3. добавить поиск товара
4. добавить карзину
преклепляю изображения

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

  • 2019-01-31_11-20-06.png
  • 2019-01-31_11-34-33.png

#7 grinch

grinch

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

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

Отправлено 31 Январь 2019 - 08:48

Просмотр сообщенияVaccina (31 Январь 2019 - 08:35) писал:

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#header-top {display: none;}

замените на:
#header-top ul{padding: 0;}
#header-top ul li {display: block; text-align: right;}

Спасибо большое тут все получилось!

#8 grinch

grinch

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

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

Отправлено 31 Январь 2019 - 08:58

Помогите еще сделать изменения! выше пример, очень буду благодарен

#9 grinch

grinch

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

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

Отправлено 31 Январь 2019 - 20:07

Добрый вечер! Ряд изменений что просил выше произвел!
Прошу помочь провести следующее:
1. Переместить корзину сделать на уровне каталога! сделать иконку корзины больше.
2. переместить поиск товаров. и сократить его.
3. переместить навигацию на уровне каталога
чтобы изменения привели к такому результату прилагаю скрин.2019-01-31_23-04-35.jpg

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

  • 2019-01-31_22-56-29.png

#10 Vaccina

Vaccina

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

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

Отправлено 02 Февраль 2019 - 03:21

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
		  <div class="col-md-9 col-xs-12">
			<!-- Меню навигации в шапке -->
			<div id="custommenu">
			  <!-- Каталог в шапке -->
			  <!-- Для отображения каталога товаров в шапке, замените на следующей строке {% IF MENU_CATALOG %} на {% IFNOT catalog_full_empty %} -->
			  {% IF MENU_CATALOG %}
			  <ul class="mainnav" itemscope itemtype="https://schema.org/SiteNavigationElement">
				{% 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 {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_VISIBLE_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 %}" itemprop="url">{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 %}
			  </ul>
			  {% ELSE %}
			  <!-- Меню в шапке -->
			  <ul class="menunav" itemscope itemtype="https://schema.org/SiteNavigationElement">
				{% FOR menu %}
				  {% FOR header %}
					{% FOR links %}
					  <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %} itemprop="url">{menu.header.links.NAME}</a></li>
					{% ENDFOR %}
				  {% ENDFOR %}
				{% ENDFOR %}
			  </ul>
			  {% ENDIF %}
			</div>
			<div id="mommenu" class="menu-collapse">
			  <span class="btn btn-navbar menusidebar collapsed" data-toggle="collapse" data-target="#menu_collapse">
				<i class="fa fa-bars"></i>
			  </span>
			  <span class="menu_catalog">Каталог</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">{% ENDIF %}{% ENDIF %}
						<li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_VISIBLE_SUB %}parent{% ENDIF %} {% IF catalog_full.LEVEL = 0 %}subhead{% ENDIF %} {% IF catalog_full.CURRENT || catalog_full.CURRENT_PARENT %}active{% ENDIF %}">
						  <a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}">{% IF catalog_full.ISSET_SUB %}<span class="open-menu {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></span>{% 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>
			<!-- /END Меню навигации в шапке -->
		  </div>
		</div>
		<div class="col-md-9 col-xs-12">
  <div class="col-md-4 col-sm-6 col-sms-6 col-smb-12">{% IF SETTINGS_STORE_EMAIL_MAIN %}<p class="email"><em class="fa fa-envelope">&nbsp;</em><span class="ft-content"><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></span></p>{% ENDIF %}</div>
  <div class="col-md-4 col-sm-6 col-sms-6 col-smb-12">
						<div class="cart-title">
												 <a href="{CART_URL}"><i class="fa fa-shopping-cart">&nbsp;</i>
												{% IF cart_count_empty %}
																								  <span class="cart-empty">Ваша корзина пуста</span>
																								{% ELSE %}
																								  <span class="ajax_cart_quantity"><span>В корзине</span>{CART_COUNT_TOTAL} товар{CART_COUNT_TOTAL | gen_word_end("","а","ов")}</span>
																{% FOR cart_sum %}
																  <div class="subtotal">Сумма: <span class="total-sum">{cart_sum.NOW | money_format}</span></div>
																{% ENDFOR %}																					
																								{% ENDIF %}
</a>
						</div>
  </div>
</div>
<div class="col-md-12 col-xs-12 search">
<form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get" title="Поиск по магазину" onsubmit="if($(this).find('.form-search').val()) return false;">
						  <div class="form-search">
								<input type="text" name="q" value="{SEARCH_QUERY}" class="input-text search-string" placeholder="Поиск по магазину...">
								<input type="hidden" name="goods_search_field_id" value="0">
								<button type="submit" title="Искать" class="fa fa-search"></button>
						  </div>
						</form>
   </div>
	  </div>
    
    
замените на:
		  <div class="col-md-9 col-xs-12">
				<div class="col-md-12 col-xs-12 search">
			  <form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get" title="Поиск по магазину" onsubmit="if($(this).find('.form-search').val()) return false;">
				<div class="form-search">
				  <input type="text" name="q" value="{SEARCH_QUERY}" class="input-text search-string" placeholder="Поиск по магазину...">
				  <input type="hidden" name="goods_search_field_id" value="0">
				  <button type="submit" title="Искать" class="fa fa-search"></button>
				</div>
			  </form>
			</div>
				<div class="col-md-9 col-sm-6 col-sms-6 col-smb-12">
			<!-- Меню навигации в шапке -->
			<div id="custommenu">
			  <!-- Каталог в шапке -->
			  <!-- Для отображения каталога товаров в шапке, замените на следующей строке {% IF MENU_CATALOG %} на {% IFNOT catalog_full_empty %} -->
			  {% IF MENU_CATALOG %}
			  <ul class="mainnav" itemscope itemtype="https://schema.org/SiteNavigationElement">
				{% 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 {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_VISIBLE_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 %}" itemprop="url">{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 %}
			  </ul>
			  {% ELSE %}
			  <!-- Меню в шапке -->
			  <ul class="menunav" itemscope itemtype="https://schema.org/SiteNavigationElement">
				{% FOR menu %}
				  {% FOR header %}
					{% FOR links %}
					  <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %} itemprop="url">{menu.header.links.NAME}</a></li>
					{% ENDFOR %}
				  {% ENDFOR %}
				{% ENDFOR %}
			  </ul>
			  {% ENDIF %}
			</div>
			<div id="mommenu" class="menu-collapse">
			  <span class="btn btn-navbar menusidebar collapsed" data-toggle="collapse" data-target="#menu_collapse">
				<i class="fa fa-bars"></i>
			  </span>
			  <span class="menu_catalog">Каталог</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">{% ENDIF %}{% ENDIF %}
						<li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_VISIBLE_SUB %}parent{% ENDIF %} {% IF catalog_full.LEVEL = 0 %}subhead{% ENDIF %} {% IF catalog_full.CURRENT || catalog_full.CURRENT_PARENT %}active{% ENDIF %}">
						  <a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}">{% IF catalog_full.ISSET_SUB %}<span class="open-menu {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></span>{% 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>
			<!-- /END Меню навигации в шапке -->
		  </div> 
		  <div class="col-md-3 col-sm-6 col-sms-6 col-smb-12">
			<div class="cart-title">
			  <a href="{CART_URL}">
				<i class="fa fa-shopping-cart">&nbsp;</i>
				{% IF cart_count_empty %}
				  <span class="cart-empty">Ваша корзина пуста</span>
				{% ELSE %}
				  <span class="ajax_cart_quantity"><span>В корзине</span>{CART_COUNT_TOTAL} товар{CART_COUNT_TOTAL | gen_word_end("","а","ов")}</span>
				  {% FOR cart_sum %}
					<div class="subtotal">Сумма: <span class="total-sum">{cart_sum.NOW | money_format}</span></div>
				  {% ENDFOR %}																					
				{% ENDIF %}
			  </a>
			</div>
		  </div>   
		</div>
	  </div>
	</div>
  
далее зайдите в main.css - найдите:
#custommenu ul.menunav li > a {display: block;padding: 10px 15px;color: #696c79;line-height: 30px;text-transform: uppercase;font-size: 16px;font-weight: 700;position: relative;border-bottom: 2px solid transparent;}

замените на:
#custommenu ul.menunav li > a {display: block;padding: 7px 10px;color: #696c79;line-height: 30px;text-transform: uppercase;font-size: 16px;font-weight: 700;position: relative;border-bottom: 2px solid transparent;}

далее найдите:
#header .search .form-search {position: relative;z-index: 1000;padding: 0;float: right;background: #fff;border: 1px solid #e5e5e5;width: 70%;}

замените на:
#header .search .form-search {position: relative;padding: 0;float: right;background: #fff;border: 1px solid #e5e5e5;width: 70%;margin: 20px 0;}

далее найдите:
/* Каталог в шапке */
#custommenu {z-index:1;}

замените на:
.cart-title{margin-top: 30px;}
.cart-title i {font-size: 20px;}
.block.menu{margin-top: -60px}
/* Каталог в шапке */
#custommenu {z-index:1;margin-top: 20px}

#11 grinch

grinch

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

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

Отправлено 02 Февраль 2019 - 21:00

Просмотр сообщенияVaccina (02 Февраль 2019 - 03:21) писал:

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
		 <div class="col-md-9 col-xs-12">
		 <!-- Меню навигации в шапке -->
		 <div id="custommenu">
			 <!-- Каталог в шапке -->
			 <!-- Для отображения каталога товаров в шапке, замените на следующей строке {% IF MENU_CATALOG %} на {% IFNOT catalog_full_empty %} -->
			 {% IF MENU_CATALOG %}
			 <ul class="mainnav" itemscope itemtype="https://schema.org/SiteNavigationElement">
			 {% 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 {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_VISIBLE_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 %}" itemprop="url">{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 %}
			 </ul>
			 {% ELSE %}
			 <!-- Меню в шапке -->
			 <ul class="menunav" itemscope itemtype="https://schema.org/SiteNavigationElement">
			 {% FOR menu %}
				 {% FOR header %}
				 {% FOR links %}
					 <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %} itemprop="url">{menu.header.links.NAME}</a></li>
				 {% ENDFOR %}
				 {% ENDFOR %}
			 {% ENDFOR %}
			 </ul>
			 {% ENDIF %}
		 </div>
		 <div id="mommenu" class="menu-collapse">
			 <span class="btn btn-navbar menusidebar collapsed" data-toggle="collapse" data-target="#menu_collapse">
			 <i class="fa fa-bars"></i>
			 </span>
			 <span class="menu_catalog">Каталог</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">{% ENDIF %}{% ENDIF %}
					 <li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_VISIBLE_SUB %}parent{% ENDIF %} {% IF catalog_full.LEVEL = 0 %}subhead{% ENDIF %} {% IF catalog_full.CURRENT || catalog_full.CURRENT_PARENT %}active{% ENDIF %}">
						 <a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}">{% IF catalog_full.ISSET_SUB %}<span class="open-menu {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></span>{% 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>
		 <!-- /END Меню навигации в шапке -->
		 </div>
	 </div>
	 <div class="col-md-9 col-xs-12">
<div class="col-md-4 col-sm-6 col-sms-6 col-smb-12">{% IF SETTINGS_STORE_EMAIL_MAIN %}<p class="email"><em class="fa fa-envelope">&nbsp;</em><span class="ft-content"><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></span></p>{% ENDIF %}</div>
<div class="col-md-4 col-sm-6 col-sms-6 col-smb-12">
					 <div class="cart-title">
												 <a href="{CART_URL}"><i class="fa fa-shopping-cart">&nbsp;</i>
											 {% IF cart_count_empty %}
																								 <span class="cart-empty">Ваша корзина пуста</span>
																							 {% ELSE %}
																								 <span class="ajax_cart_quantity"><span>В корзине</span>{CART_COUNT_TOTAL} товар{CART_COUNT_TOTAL | gen_word_end("","а","ов")}</span>
															 {% FOR cart_sum %}
																 <div class="subtotal">Сумма: <span class="total-sum">{cart_sum.NOW | money_format}</span></div>
															 {% ENDFOR %}																					
																							 {% ENDIF %}
</a>
					 </div>
</div>
</div>
<div class="col-md-12 col-xs-12 search">
<form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get" title="Поиск по магазину" onsubmit="if($(this).find('.form-search').val()) return false;">
						 <div class="form-search">
							 <input type="text" name="q" value="{SEARCH_QUERY}" class="input-text search-string" placeholder="Поиск по магазину...">
							 <input type="hidden" name="goods_search_field_id" value="0">
							 <button type="submit" title="Искать" class="fa fa-search"></button>
						 </div>
					 </form>
</div>
	 </div>


замените на:
		 <div class="col-md-9 col-xs-12">
	 <div class="col-md-12 col-xs-12 search">
			 <form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get" title="Поиск по магазину" onsubmit="if($(this).find('.form-search').val()) return false;">
			 <div class="form-search">
				 <input type="text" name="q" value="{SEARCH_QUERY}" class="input-text search-string" placeholder="Поиск по магазину...">
				 <input type="hidden" name="goods_search_field_id" value="0">
				 <button type="submit" title="Искать" class="fa fa-search"></button>
			 </div>
			 </form>
		 </div>
	 <div class="col-md-9 col-sm-6 col-sms-6 col-smb-12">
		 <!-- Меню навигации в шапке -->
		 <div id="custommenu">
			 <!-- Каталог в шапке -->
			 <!-- Для отображения каталога товаров в шапке, замените на следующей строке {% IF MENU_CATALOG %} на {% IFNOT catalog_full_empty %} -->
			 {% IF MENU_CATALOG %}
			 <ul class="mainnav" itemscope itemtype="https://schema.org/SiteNavigationElement">
			 {% 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 {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_VISIBLE_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 %}" itemprop="url">{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 %}
			 </ul>
			 {% ELSE %}
			 <!-- Меню в шапке -->
			 <ul class="menunav" itemscope itemtype="https://schema.org/SiteNavigationElement">
			 {% FOR menu %}
				 {% FOR header %}
				 {% FOR links %}
					 <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %} itemprop="url">{menu.header.links.NAME}</a></li>
				 {% ENDFOR %}
				 {% ENDFOR %}
			 {% ENDFOR %}
			 </ul>
			 {% ENDIF %}
		 </div>
		 <div id="mommenu" class="menu-collapse">
			 <span class="btn btn-navbar menusidebar collapsed" data-toggle="collapse" data-target="#menu_collapse">
			 <i class="fa fa-bars"></i>
			 </span>
			 <span class="menu_catalog">Каталог</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">{% ENDIF %}{% ENDIF %}
					 <li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_VISIBLE_SUB %}parent{% ENDIF %} {% IF catalog_full.LEVEL = 0 %}subhead{% ENDIF %} {% IF catalog_full.CURRENT || catalog_full.CURRENT_PARENT %}active{% ENDIF %}">
						 <a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}">{% IF catalog_full.ISSET_SUB %}<span class="open-menu {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></span>{% 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>
		 <!-- /END Меню навигации в шапке -->
		 </div>
		 <div class="col-md-3 col-sm-6 col-sms-6 col-smb-12">
		 <div class="cart-title">
			 <a href="{CART_URL}">
			 <i class="fa fa-shopping-cart">&nbsp;</i>
			 {% IF cart_count_empty %}
				 <span class="cart-empty">Ваша корзина пуста</span>
			 {% ELSE %}
				 <span class="ajax_cart_quantity"><span>В корзине</span>{CART_COUNT_TOTAL} товар{CART_COUNT_TOTAL | gen_word_end("","а","ов")}</span>
				 {% FOR cart_sum %}
				 <div class="subtotal">Сумма: <span class="total-sum">{cart_sum.NOW | money_format}</span></div>
				 {% ENDFOR %}																					
			 {% ENDIF %}
			 </a>
		 </div>
		 </div>
	 </div>
	 </div>
</div>
  
далее зайдите в main.css - найдите:
#custommenu ul.menunav li > a {display: block;padding: 10px 15px;color: #696c79;line-height: 30px;text-transform: uppercase;font-size: 16px;font-weight: 700;position: relative;border-bottom: 2px solid transparent;}

замените на:
#custommenu ul.menunav li > a {display: block;padding: 7px 10px;color: #696c79;line-height: 30px;text-transform: uppercase;font-size: 16px;font-weight: 700;position: relative;border-bottom: 2px solid transparent;}

далее найдите:
#header .search .form-search {position: relative;z-index: 1000;padding: 0;float: right;background: #fff;border: 1px solid #e5e5e5;width: 70%;}

замените на:
#header .search .form-search {position: relative;padding: 0;float: right;background: #fff;border: 1px solid #e5e5e5;width: 70%;margin: 20px 0;}

далее найдите:
/* Каталог в шапке */
#custommenu {z-index:1;}

замените на:
.cart-title{margin-top: 30px;}
.cart-title i {font-size: 20px;}
.block.menu{margin-top: -60px}
/* Каталог в шапке */
#custommenu {z-index:1;margin-top: 20px}

Спасибо, все получилось

#12 grinch

grinch

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

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

Отправлено 02 Февраль 2019 - 21:24

Давайте доработаем верх.
1. Убрать синюю подцветку подсвечивать только буквы таким же цветом
2. сократить поиск сделать на уровне контакты
3. значок поиск всегда подсвечен таким же цветом  что вопросы и ответы
4. сделать значок корзины больше сделать чтобы писало: 3 шт - 83 000тг. сделать выезжающей корзину
5. сделать плавающим каталог, навигацию и корзину
6. при плавающим режиме каталог должен быть выезжающий

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

  • Безымянный.jpg

#13 grinch

grinch

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

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

Отправлено 02 Февраль 2019 - 21:34

Изменения по мобильной версии.
SjjupAd4P1g.jpg сделать чтобы отображалась шапка в мобильной версии
поместить корзину на уровне лого
41nEbs_jDpo.jpg убрать с мобильной версии поиск товаров

#14 grinch

grinch

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

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

Отправлено 09 Февраль 2019 - 06:18

Спасибо большое уже не актуально
Обратно в Изменение общей стилистики


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

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

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