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


Что За Шаблон Использовался?

Автор Santos, 26 авг. 2015 14:29

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

#1 Santos

Santos

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

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

Отправлено 26 Август 2015 - 14:29

Господа Модераторы! Доброго дня!
Подскажите, на каком шаблоне сделан данный сайт, тема по данному сайту от сюда (первый пост) - форум
А то хозяин сайта молчит))), и возможно ли реализовать как там "главную страницу" с вашей помощью - кое что, очень понравилось!
спс, жду ответа...

#2 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

Отправлено 26 Август 2015 - 14:45

Просмотр сообщенияSantos (26 Август 2015 - 14:29) писал:

Господа Модераторы! Доброго дня!
Подскажите, на каком шаблоне сделан данный сайт, тема по данному сайту от сюда (первый пост) - форум
А то хозяин сайта молчит))), и возможно ли реализовать как там "главную страницу" с вашей помощью - кое что, очень понравилось!
спс, жду ответа...

Здравствуйте.
К сожалению, на данный момент, указанный вами интернет-магазин у нас в базе не числится.

#3 Santos

Santos

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

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

Отправлено 26 Август 2015 - 15:21

Просмотр сообщенияRayLi (26 Август 2015 - 14:45) писал:

Здравствуйте.
К сожалению, на данный момент, указанный вами интернет-магазин у нас в базе не числится.

Хорошо! А можно сделать что-то подобное на каком нибудь из шаблонов Сторелэнда???

#4 MikDark

MikDark

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

  • Модераторы
  • 6 468 сообщений

Отправлено 26 Август 2015 - 16:20

Просмотр сообщенияSantos (26 Август 2015 - 15:21) писал:

Хорошо! А можно сделать что-то подобное на каком нибудь из шаблонов Сторелэнда???

Сделать можно, если нужно привести в точно такой же вид, то нужно будет заказывать платный дизайн, либо взять стандартный и с нашей помощью немного его видоизменить.

#5 Santos

Santos

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

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

Отправлено 26 Август 2015 - 17:13

Просмотр сообщенияMikDark (26 Август 2015 - 16:20) писал:

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

#6 Vaccina

Vaccina

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

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

Отправлено 28 Август 2015 - 07:06

Как вариант , можно использовать лазурь, плавающие картинки, это зафиксированный фон у двух блоков. Вместо блога можно использовать новости. Укажите пожалуйста номер аккаунта, на котором будете производить изменения. Распишите пожалуйста подробней, что кроме фона вы еще хотите реализовать.

Пример стиля фиксированного фона:
background: url('ссылка на фон') no-repeat top center fixed;

#7 Santos

Santos

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

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

Отправлено 28 Август 2015 - 19:12

Просмотр сообщенияVaccina (28 Август 2015 - 07:06) писал:

Как вариант , можно использовать лазурь, плавающие картинки, это зафиксированный фон у двух блоков. Вместо блога можно использовать новости. Укажите пожалуйста номер аккаунта, на котором будете производить изменения. Распишите пожалуйста подробней, что кроме фона вы еще хотите реализовать.

Пример стиля фиксированного фона:
background: url('ссылка на фон') no-repeat top center fixed;
Здравствуйте Vaccina!
Так, по порядку...номер моего аккаунта SL-355835
Ссылка на сайт с примером - сайт
Но, для начала хотелось бы изготовить на сайт вот такую шапку (см. картинку)..долго рисовал))) спс паинту.
Возможно ли сие? (начал потихоньку сам тыкать, че то не очень получается) за шаблон взял "Цитрус", если надо другой - скажите.
Затем уже буду колдовать с Вами над Главной страницей.

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

  • ШАПКА.jpg

#8 Vaccina

Vaccina

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

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

Отправлено 29 Август 2015 - 02:23

В шаблоне HTML найдите:
<!-- Шапка -->
	  <div id="header" class="yt-header wrap">
		<!-- Верхняя часть шапки -->
		<div class="header-top">
		  <div class="container">
			<div class="row">
			  <!-- Основное меню -->
			  <div class="header-top-left col-lg-9 col-md-9 col-sm-6 col-xs-12">
				<div class="top-navbar">
				  <button type="button" class="button-navbar two btn-top-navbar" data-toggle="collapse" data-target=".top-navbar .navbar-collapse">
					<span class="text">Меню</span>
				  </button>
				  <div class="navbar-collapse collapse">
					<ul class="top-navbar-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 class="header-top-right col-lg-3 col-md-3 col-sm-6 col-xs-12">
			  <!-- Поиск -->
			  <form id="search_mini_form2" action="http://{NET_DOMAIN}/search" method="get">
				<div class="form-search">
				  <input id="search" type="text" name="q" value="" class="search-string" placeholder="Поиск по магазину...">
				  <button type="submit" title="Искать" class="button search-submit"></button>
				</div>
			  </form>
			  <div class="header-right-mobile">
				<!-- Корзина -->
				<div class="block mini-cartpro sm-cartpro cart-header">
				  <div class="block-title cart-count-block">
					{% IF cart_count_empty %}
					  <span class="empty">Корзина пуста</span>
					{% ELSE %}
					  <span class="not-empty"><a href="{CART_URL}"><span class="cart-count">{CART_COUNT_TOTAL}</span> товар{CART_COUNT_TOTAL| gen_word_end("","а","ов")}</a></span>
					  <span class="empty" style="display:none;">Корзина пуста</span>
					{% ENDIF %}
				  </div>
				  <!-- Выпадающая корзина-->
				  <div class="block-content dropdown-cart" {% IF MOD_LNAME = cart %}style="display:none;"{% ENDIF %}>
					<div class="block-inner" {% IF cart_count_empty %}style="display:none;"{% ENDIF %}>
					  <ul id="cart-sidebar" class="mini-products-list">
						{% FOR cart_items %}
						<li class="cart-item">
						  <a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}" class="product-image"><img src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png?design=orange{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}" alt="{cart_items.GOODS_NAME}" class="goods-image-icon"></a>
						  <a href="{cart_items.GOODS_URL}" class="product-name">{cart_items.GOODS_NAME}</a>
						  <span class="price" data-price="{cart_items.GOODS_MOD_PRICE_NOW}">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span>
						  <span class="title-qty">Количество: <span class="qty-val">{cart_items.ORDER_LINE_QUANTITY}</span></span>
						  <a data-href="{cart_items.ORDER_LINE_DELETE_URL}" data-count="{cart_items.ORDER_LINE_QUANTITY}" title="Удалить позицию" class="product-remove"></a>
						</li>
						{% ENDFOR %}
					  </ul>
					  <div class="bottom-action actions">
						<a class="button btn-gotocart remove-products" title="Очистить корзину" data-href="{CART_TRUNCATE_URL}"></a>
						<a class="button btn-checkout" title="Перейти к оформлению заказа" href="{CART_URL}"></a>
						<div class="summary">
						  {% FOR cart_sum %}
						  <span class="subtotal">
							<span class="label-total">Итого:</span> <span class="total-sum">{cart_sum.NOW_WITH_DELIVERY_AND_DISCOUNT | money_format}</span>
						  </span>
						  {% ENDFOR %}
						</div>
					  </div>
					</div>
				  </div>
				  <!-- /END Выпадающая корзина-->
				</div>
				<!-- /END Корзина -->
				<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="search-string" placeholder="Поиск по магазину...">
					<button type="submit" title="Искать" class="button search-submit"></button>
				  </div>
				</form>
			  </div>
			  </div>
			</div>
		  </div>
		</div>

замените на:
<!-- Шапка -->
	  <div id="header" class="yt-header wrap">
		<!-- Верхняя часть шапки -->
		<div class="header-top">
		  <div class="container">
			<div class="row">
			
			  <div class="header-top-left contacts col-lg-3 col-md-3 col-sm-6 col-xs-12">
				{% IF SETTINGS_STORE_PHONE_NUMBER1 %}<div>
	<img src="ссылка на иконку" alt="" />
	{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</div>{% ENDIF %}
				
				{% IF SETTINGS_STORE_EMAIL_MAIN %}<div><a href="{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></div>{% ENDIF %}
			  </div>
	
			 
			  <div class="header-top-right col-lg-9 col-md-9 col-sm-6 col-xs-12">
			  <div class="top-navbar">
				  <button type="button" class="button-navbar two btn-top-navbar" data-toggle="collapse" data-target=".top-navbar .navbar-collapse">
					<span class="text">Меню</span>
				  </button>
				  <div class="navbar-collapse collapse">
					<ul class="top-navbar-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>
		</div>

далее в main.css найдите:
.header-top .header-top-left {padding: 0;}
.header-top .header-top-left .top-navbar .btn-top-navbar {display: none;}
.header-top .header-top-left .top-navbar {min-height: 50px;padding-bottom: 0;overflow: visible;float:left;}
.header-top .header-top-left .top-navbar-links {float:left;list-style:none;overflow: hidden;height: 35px;}
.header-top .header-top-left .top-navbar-links li {float: left;border-left: 1px solid #757575;height: 35px;background-repeat: no-repeat;}
.header-top .header-top-left .top-navbar-links li a {padding: 10px 8px 8px 8px;display: block;font-size:140%;color: #FFF;font-family: 'Open Sans Condensed', sans-serif;}
.header-top .header-top-left .top-navbar-links li:hover {background-color: #929292;}
.header-top .header-top-left .top-navbar-links li:hover a {color: #fff;text-decoration: none;}
.header-top .header-top-left .navbar-collapse.collapse.in .top-navbar-links li {float:none;}
.header-top .header-top-left .collapse.in {list-style: none;font-size: 13px;background-color: white;border: 1px solid #cccccc;border: 1px solid rgba(0, 0, 0, 0.15);border-radius: 0px;-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);background-clip: padding-box;margin-left:1px;width:310px;}
.header-top .header-top-left .collapse.in .top-navbar-links {float: none !important;overflow:visible;height:100%;}
.header-top .header-top-left .collapse.in .top-navbar-links li {display: block;padding: 0px 15px;border-bottom: 1px solid #ebebeb;float: none !important;line-height: 24px;height:100%;}
.header-top .header-top-left .collapse.in .top-navbar-links li:hover {background: #f3f3f3;color: #8cc152;}
.header-top .header-top-left .collapse.in .top-navbar-links li a {margin: 0px;line-height: 35px;padding: 5px;font-size: 11px;text-transform: uppercase;color: #9b9b9b;}
.header-top .header-top-left .collapse.in .top-navbar-links li a:hover {color: #f79242;}

замените на:
.header-top .header-top-right {padding: 0;}
.header-top .header-top-right .top-navbar .btn-top-navbar {display: none;}
.header-top .header-top-right .top-navbar {min-height: 50px;padding-bottom: 0;overflow: visible;float:left;}
.header-top .header-top-right .top-navbar-links {float:right;list-style:none;overflow: hidden;height: 35px;}
.header-top .header-top-right .top-navbar-links li {float: left;border-left: 1px solid #757575;height: 35px;background-repeat: no-repeat;}
.header-top .header-top-right .top-navbar-links li a {padding: 10px 8px 8px 8px;display: block;font-size:140%;color: #FFF;font-family: 'Open Sans Condensed', sans-serif;}
.header-top .header-top-right .top-navbar-links li:hover {background-color: #929292;}
.header-top .header-top-right .top-navbar-links li:hover a {color: #fff;text-decoration: none;}
.header-top .header-top-right .navbar-collapse.collapse.in .top-navbar-links li {float:none;}
.header-top .header-top-right .collapse.in {list-style: none;font-size: 13px;background-color: white;border: 1px solid #cccccc;border: 1px solid rgba(0, 0, 0, 0.15);border-radius: 0px;-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);background-clip: padding-box;margin-left:1px;width:310px;}
.header-top .header-top-right .collapse.in .top-navbar-links {float: none !important;overflow:visible;height:100%;}
.header-top .header-top-right .collapse.in .top-navbar-links li {display: block;padding: 0px 15px;border-bottom: 1px solid #ebebeb;float: none !important;line-height: 24px;height:100%;}
.header-top .header-top-right .collapse.in .top-navbar-links li:hover {background: #f3f3f3;color: #8cc152;}
.header-top .header-top-right .collapse.in .top-navbar-links li a {margin: 0px;line-height: 35px;padding: 5px;font-size: 11px;text-transform: uppercase;color: #9b9b9b;}
.header-top .header-top-right .collapse.in .top-navbar-links li a:hover {color: #f79242;}
.header-top .header-top-left.contacts div {
	display: inline-block;
	color: rgb(255, 255, 255);
	padding: 10px 5px;
	font-size: 16px;
}
.header-top .header-top-left.contacts div a {
	color: #fff;
}

Далее в шаблоне HTML найдите:
<!-- Основная часть шапки -->
		<div class="header-content">
		  <div class="container">
			<div class="row">
			  <!-- Логотип -->
			  <div class="logo col-lg-3 col-md-2 col-xs-12">
				<a title="{SETTINGS_STORE_NAME}" href="http://{NET_DOMAIN}/">			   
				  <img alt="{SETTINGS_STORE_NAME}" src="{ASSETS_IMAGES_PATH}logo.png?design=orange">								  
				</a>
			  </div>
			  <!-- Каталог в шапке -->
			  <div class="yt-main-menu col-lg-9 col-md-10 col-xs-12">
				<!-- Кнопка каталога в меню для мобильных устройств -->
				<div id="yt-responsivemenu" class="yt-responsivemenu">
				  <button type="button" class="button-navbar two btn btn-navbar" title="Показать каталог">
					<span class="text">Каталог</span>
				  </button>
				</div>
				<!-- Каталог с подкатегориями -->
				<div class="yt-menu">
				  <div class="yt-menu-nav">
					<ul id="nav" class="clearfix">
					{%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="category-level-{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}">
							<a href="{catalog_full.URL}" class="lvl-{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}selected{% 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>
				<!-- /END Каталог с подкатегориями -->
				<!-- Адаптивный каталог с подкатегориями -->
				<div id="resmenu_sidebar">
				  <ul class="nav-menu clearfix">
					{% 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="{% IF catalog_full.ISSET_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}" {% IF catalog_full.CURRENT %}class="active"{% ENDIF %}>{% IF catalog_full.ISSET_SUB %}<span class="open-sub"></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 %}
				  </ul>
				</div>
				<!-- /END Адаптивный каталог с подкатегориями -->
			  </div>
			</div>
		  </div>
		</div>

замените на:
<!-- Основная часть шапки -->
		<div class="header-content">
		  <div class="container">
			<div class="row">
			  <!-- Логотип -->
			  <div class="logo col-lg-2 col-md-2 col-xs-12">
				<a title="{SETTINGS_STORE_NAME}" href="http://{NET_DOMAIN}/">			   
				  <img alt="{SETTINGS_STORE_NAME}" src="{ASSETS_IMAGES_PATH}logo.png?design=orange">								  
				</a>
			  </div>
			  <!-- Каталог в шапке -->
			  <div class="yt-main-menu col-lg-7 col-md-10 col-xs-12">
				<!-- Кнопка каталога в меню для мобильных устройств -->
				<div id="yt-responsivemenu" class="yt-responsivemenu">
				  <button type="button" class="button-navbar two btn btn-navbar" title="Показать каталог">
					<span class="text">Каталог</span>
				  </button>
				</div>
				<!-- Каталог с подкатегориями -->
				<div class="yt-menu">
				  <div class="yt-menu-nav">
					<ul id="nav" class="clearfix">
					{%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="category-level-{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}">
							<a href="{catalog_full.URL}" class="lvl-{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}selected{% 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>
				<!-- /END Каталог с подкатегориями -->
				<!-- Адаптивный каталог с подкатегориями -->
				<div id="resmenu_sidebar">
				  <ul class="nav-menu clearfix">
					{% 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="{% IF catalog_full.ISSET_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}" {% IF catalog_full.CURRENT %}class="active"{% ENDIF %}>{% IF catalog_full.ISSET_SUB %}<span class="open-sub"></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 %}
				  </ul>
				</div>
				<!-- /END Адаптивный каталог с подкатегориями -->
			  </div>
	 <div class="cart col-lg-3 col-md-2 col-xs-12">
				<!-- Поиск -->
			  <form id="search_mini_form2" action="http://{NET_DOMAIN}/search" method="get">
				<div class="form-search">
				  <input id="search" type="text" name="q" value="" class="search-string" placeholder="Поиск по магазину...">
				  <button type="submit" title="Искать" class="button search-submit"></button>
				</div>
			  </form>
			  <div class="header-right-mobile">
				<!-- Корзина -->
				<div class="block mini-cartpro sm-cartpro cart-header">
				  <div class="block-title cart-count-block">
					{% IF cart_count_empty %}
					  <span class="empty">Корзина пуста</span>
					{% ELSE %}
					  <span class="not-empty"><a href="{CART_URL}"><span class="cart-count">{CART_COUNT_TOTAL}</span> товар{CART_COUNT_TOTAL| gen_word_end("","а","ов")}</a></span>
					  <span class="empty" style="display:none;">Корзина пуста</span>
					{% ENDIF %}
				  </div>
				  <!-- Выпадающая корзина-->
				  <div class="block-content dropdown-cart" {% IF MOD_LNAME = cart %}style="display:none;"{% ENDIF %}>
					<div class="block-inner" {% IF cart_count_empty %}style="display:none;"{% ENDIF %}>
					  <ul id="cart-sidebar" class="mini-products-list">
						{% FOR cart_items %}
						<li class="cart-item">
						  <a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}" class="product-image"><img src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png?design=orange{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}" alt="{cart_items.GOODS_NAME}" class="goods-image-icon"></a>
						  <a href="{cart_items.GOODS_URL}" class="product-name">{cart_items.GOODS_NAME}</a>
						  <span class="price" data-price="{cart_items.GOODS_MOD_PRICE_NOW}">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span>
						  <span class="title-qty">Количество: <span class="qty-val">{cart_items.ORDER_LINE_QUANTITY}</span></span>
						  <a data-href="{cart_items.ORDER_LINE_DELETE_URL}" data-count="{cart_items.ORDER_LINE_QUANTITY}" title="Удалить позицию" class="product-remove"></a>
						</li>
						{% ENDFOR %}
					  </ul>
					  <div class="bottom-action actions">
						<a class="button btn-gotocart remove-products" title="Очистить корзину" data-href="{CART_TRUNCATE_URL}"></a>
						<a class="button btn-checkout" title="Перейти к оформлению заказа" href="{CART_URL}"></a>
						<div class="summary">
						  {% FOR cart_sum %}
						  <span class="subtotal">
							<span class="label-total">Итого:</span> <span class="total-sum">{cart_sum.NOW_WITH_DELIVERY_AND_DISCOUNT | money_format}</span>
						  </span>
						  {% ENDFOR %}
						</div>
					  </div>
					</div>
				  </div>
				  <!-- /END Выпадающая корзина-->
				</div>
				<!-- /END Корзина -->
				<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="search-string" placeholder="Поиск по магазину...">
					<button type="submit" title="Искать" class="button search-submit"></button>
				  </div>
				</form>
			  </div>
			  </div>
			</div>
		  </div>
		</div>

далее в main.css найдите:
.header-top .header-top-right {padding: 0;}
.header-top .header-top-right .inner {float: right;}
.header-top .header-top-right .header-right-mobile {float: right;}
.header-top .header-top-right .links, .header-top .header-top-right #search_mini_form, .header-top .header-top-right .mini-cartpro.sm-cartpro {float: left;list-style: none;}
.header-top .header-top-right .links li {float: left;border-left: 1px solid #fff;height: 50px;background-image: url('{ASSETS_IMAGES_PATH}quicklink-bg.png?design=orange');background-repeat: no-repeat;}
.header-top .header-top-right .links li a {padding: 18px 25px 12px 48px;display: block;color:#666666;}
.header-top .header-top-right .links li.first:hover, .header-top .header-top-right .links li.first {background-position: -133px 16px;}
.header-top .header-top-right .links li.first + li:hover, .header-top .header-top-right .links li.first + li {background-position: 20px 16px;}
.header-top .header-top-right .links li.last:hover, .header-top .header-top-right .links li.last {background-position: -260px 16px;}
.header-top .header-top-right .links li:hover {background-image: url('{ASSETS_IMAGES_PATH}quicklink-bg-w.png?design=orange');background-color: #e1464d;}
.header-top .header-top-right .links li:hover a {color: #fff;text-decoration: none;}
/* Поиск */
.header-top .header-top-right #search_mini_form {background-image: url('{ASSETS_IMAGES_PATH}ico-search.png?design=orange');background-repeat: no-repeat;background-position: 10px 12px;width: 52px;height: 50px;border-left: 1px solid #f2f2f2;position: relative;background-color: #f79242;}
.header-top .header-top-right #search_mini_form .form-search {opacity: 0;filter: alpha(opacity = 0);visibility: hidden;position: absolute;top: 0;right: 0;height: 50px;z-index: 1;}
.header-top .header-top-right #search_mini_form .form-search .button {float: right;background-image: url('{ASSETS_IMAGES_PATH}ico-search.png?design=orange');background-repeat: no-repeat;background-position: 11px 12px;width: 52px;height: 50px;cursor:pointer;}
.header-top .header-top-right #search_mini_form:hover {background-color: rgba(247,146,66,.5);}
.header-top .header-top-right #search_mini_form .form-search #search {position: absolute;top: 0;right: 52px;float: right;height: 50px;border: 7px solid transparent;border-color: #f79242;width: 50px;font-size: 100%;}
.header-top .header-top-right #search_mini_form:hover .form-search {opacity: 1; filter:alpha(opacity = 100);visibility:visible;z-index:1;}
.header-top .header-top-right #search_mini_form:hover .form-search #search {width: 200px;}
/* Поиск для адаптивной версии*/
.header-top .header-top-right #search_mini_form2 {display:none;}
.header-top .header-top-right #search_mini_form2 {background-image: url('{ASSETS_IMAGES_PATH}ico-search.png?design=orange');background-repeat: no-repeat;background-position: 10px 12px;width: 52px;height: 50px;border-left: 1px solid #f2f2f2;background-color: #f79242;float:right;position: absolute;top: 0;right: 0;}
.header-top .header-top-right #search_mini_form2 .form-search {opacity: 1;filter: alpha(opacity = 100);visibility: visible;position: absolute;top: 0;right: 0;height: 50px;z-index: 1;}
.header-top .header-top-right #search_mini_form2 .form-search .button {float: right;background-image: url('{ASSETS_IMAGES_PATH}ico-search.png?design=orange');background-repeat: no-repeat;background-position: 11px 12px;width: 52px;height: 50px;cursor:pointer;}
.header-top .header-top-right #search_mini_form2:hover {background-color: rgba(247,146,66,.5);}
.header-top .header-top-right #search_mini_form2 .form-search #search {position: absolute;right: 52px;height: 50px;border: 7px solid transparent;border-color: #f79242;width: 150px;font-size: 92%;margin-right:1px;}
/* Телефон */
.header-top .header-top-right .header-phone {position: absolute;top: 0;right: 0;height: 50px;z-index: 1;display:none;}
.header-top .header-top-right .header-phone a {margin: 0px;line-height: 50px;text-align: left;font-family: 'Open Sans', sans-serif;font-size: 20px;opacity: 0;filter: alpha(opacity = 0);visibility: hidden;}
.header-top .header-top-right .header-phone:hover a {opacity: 1; filter:alpha(opacity = 100);visibility:visible;z-index:1;margin-right: 60px;}
.header-top .header-top-right .header-phone button {width: 50px;height: 50px;background: #e1464d;position: absolute;right: 0;top: 0;}
/* Корзина */
.header-top .mini-cartpro {position: relative;}
.header-top .mini-cartpro .block-title {background-image: url('{ASSETS_IMAGES_PATH}ico-cart.png?design=orange');background-repeat: no-repeat;background-position: 15px 12px;background-color: #f79242;padding: 18px 18px 12px 50px;color: #fff;height: 50px;margin-left: 1px;}
.header-top .mini-cartpro .block-title:hover {background-color: rgba(247,146,66,.7);}
.header-top .mini-cartpro .block-title .btn-cart-emty, .header-top .mini-cartpro .block-title a.btn-toggle {font-size: 0;z-index: 1;top: 0;right: 0;position: absolute;width: 100%;height: 50px;}
.header-top .mini-cartpro .block-title a {color: #fff;font-size:120%;}
.header-top .mini-cartpro .block-content .block-inner {position: absolute;top: 50px;right: 0;z-index: 999;overflow: hidden !important;background: #FFF;width: 360px;border-top: 6px solid transparent;border-color: #f79242;transition-property: margin-top, opacity, visibility;transition-duration: 0.5s, 0.5s, 0.5s;-webkit-transition-property: margin-top, opacity, visibility;-webkit-transition-duration: 0.5s, 0.5s, 0.5s;opacity: 0;visibility: hidden;}
.header-top .sm-cartpro:hover .block-content .block-inner {display:block;height:auto;opacity: 1;visibility: visible;}
.header-top .mini-cartpro .block-content .mini-products-list {padding: 20px 10px;max-height: 370px;overflow-y: auto;list-style: none;overflow-x:hidden;}
.header-top .mini-cartpro .block-content .mini-products-list .cart-item {margin-bottom: 30px;}
.header-top .mini-cartpro .block-content .mini-products-list .cart-item:last-child {margin-bottom: 10px;}
.header-top .mini-cartpro .block-content .mini-products-list .cart-item .product-image {float: left;margin-right: 10px;padding: 5px;height:85px;width:85px;}
.header-top .mini-cartpro .block-content .mini-products-list .cart-item .product-image img {display:block;margin:0 auto;}
.header-top .mini-cartpro .block-content .mini-products-list .cart-item .product-details {float: left;width: 67%;}
.header-top .mini-cartpro .block-content .mini-products-list .cart-item a.product-name {font-size: 116.6%;line-height: 12px;display:block;height:25px;overflow:hidden;}
.header-top .mini-cartpro .block-content .mini-products-list .cart-item a.product-name :hover {color: #f79242;}
.header-top .mini-cartpro .block-content .mini-products-list .cart-item .price {font-size: 150%;display: block;padding: 7px 0;}
.header-top .mini-cartpro .block-content .mini-products-list .cart-item .title-qty {float:left;font-size:110%;}
.header-top .mini-cartpro .block-content .mini-products-list .cart-item .qty-val {border-radius: 100%;-moz-border-radius: 100%;khtml-border-radius: 100%;-webkit-border-radius: 100%;width: 38px;height: 38px;border: 1px solid #e4e4e4;display: inline-block;text-align: center;line-height: 38px;font-size: 116.6%;}
.header-top .mini-cartpro .block-content .mini-products-list li.cart-item a.product-remove {background-image: url('{ASSETS_IMAGES_PATH}ico-edit-remove.png?design=orange');background-repeat: no-repeat;background-position: 0 -92px;display: block;width: 17px;height: 17px;float: right;}
.header-top .mini-cartpro .block-content .mini-products-list li.cart-item a.product-remove:hover {background-position: 0 -61px;}
.header-top .mini-cartpro .block-content .bottom-action {height: 67px;padding: 15px 0 0 10px;background-color: #f79242;}
.header-top .mini-cartpro .block-content .bottom-action .button {width: 38px;height: 38px;border-radius: 100%;-moz-border-radius: 100%;khtml-border-radius: 100%;-webkit-border-radius: 100%;background-color: #fff;background-repeat: no-repeat;float:left;margin-right:15px;}
.header-top .mini-cartpro .block-content .bottom-action .button.btn-gotocart:after {content: "\f014";font-family: 'FontAwesome';font-size: 28px;color: #E1464D;margin-left: -11px;top: 4px;position: relative;}
.header-top .mini-cartpro .block-content .bottom-action .button.btn-gotocart:hover {background-color: #f79242;box-shadow: 0 0 0 2px #fff;-webkit-box-shadow: 0 0 0 2px #fff;-moz-box-shadow: 0 0 0 2px #fff;}
.header-top .mini-cartpro .block-content .bottom-action .button.btn-gotocart:hover:after  {color: #fff;}
.header-top .mini-cartpro .block-content .bottom-action .button.btn-checkout {background-image: url('{ASSETS_IMAGES_PATH}minicart-action.png?design=orange');background-position: 4px -41px;}
.header-top .mini-cartpro .block-content .bottom-action .button.btn-checkout:hover {background-position: 4px 4px;background-color: #f79242;box-shadow: 0 0 0 2px #fff;-webkit-box-shadow: 0 0 0 2px #fff;-moz-box-shadow: 0 0 0 2px #fff;}
.header-top .mini-cartpro .block-content .summary {float: right;line-height: 38px;margin-right: 10px;}
.header-top .mini-cartpro .block-content .summary .subtotal {color: #fff;font-size: 150%;}

замените на:
.header-content {padding: 0;}
.header-content .inner {float: right;}
.header-content .header-right-mobile {float: right;}
.header-content .links, .header-content #search_mini_form, .header-content .mini-cartpro.sm-cartpro {float: left;list-style: none;}
.header-content .links li {float: left;border-left: 1px solid #fff;height: 50px;background-image: url('{ASSETS_IMAGES_PATH}quicklink-bg.png?design=orange');background-repeat: no-repeat;}
.header-content .links li a {padding: 18px 25px 12px 48px;display: block;color:#666666;}
.header-content .links li.first:hover, .header-content .links li.first {background-position: -133px 16px;}
.header-content .links li.first + li:hover, .header-content .links li.first + li {background-position: 20px 16px;}
.header-content .links li.last:hover, .header-content .links li.last {background-position: -260px 16px;}
.header-content .links li:hover {background-image: url('{ASSETS_IMAGES_PATH}quicklink-bg-w.png?design=orange');background-color: #e1464d;}
.header-content .links li:hover a {color: #fff;text-decoration: none;}
/* Поиск */
.header-content #search_mini_form {background-image: url('{ASSETS_IMAGES_PATH}ico-search.png?design=orange');background-repeat: no-repeat;background-position: 10px 12px;width: 52px;height: 50px;border-left: 1px solid #f2f2f2;position: relative;background-color: #f79242;}
.header-content #search_mini_form .form-search {opacity: 0;filter: alpha(opacity = 0);visibility: hidden;position: absolute;top: 0;right: 0;height: 50px;z-index: 1;}
.header-content #search_mini_form .form-search .button {float: right;background-image: url('{ASSETS_IMAGES_PATH}ico-search.png?design=orange');background-repeat: no-repeat;background-position: 11px 12px;width: 52px;height: 50px;cursor:pointer;}
.header-content #search_mini_form:hover {background-color: rgba(247,146,66,.5);}
.header-content #search_mini_form .form-search #search {position: absolute;top: 0;right: 52px;float: right;height: 50px;border: 7px solid transparent;border-color: #f79242;width: 50px;font-size: 100%;}
.header-content #search_mini_form:hover .form-search {opacity: 1; filter:alpha(opacity = 100);visibility:visible;z-index:1;}
.header-content #search_mini_form:hover .form-search #search {width: 200px;}
/* Поиск для адаптивной версии*/
.header-content #search_mini_form2 {display:none;}
.header-content #search_mini_form2 {background-image: url('{ASSETS_IMAGES_PATH}ico-search.png?design=orange');background-repeat: no-repeat;background-position: 10px 12px;width: 52px;height: 50px;border-left: 1px solid #f2f2f2;background-color: #f79242;float:right;position: absolute;top: 0;right: 0;}
.header-content #search_mini_form2 .form-search {opacity: 1;filter: alpha(opacity = 100);visibility: visible;position: absolute;top: 0;right: 0;height: 50px;z-index: 1;}
.header-content #search_mini_form2 .form-search .button {float: right;background-image: url('{ASSETS_IMAGES_PATH}ico-search.png?design=orange');background-repeat: no-repeat;background-position: 11px 12px;width: 52px;height: 50px;cursor:pointer;}
.header-content #search_mini_form2:hover {background-color: rgba(247,146,66,.5);}
.header-content #search_mini_form2 .form-search #search {position: absolute;right: 52px;height: 50px;border: 7px solid transparent;border-color: #f79242;width: 150px;font-size: 92%;margin-right:1px;}
/* Телефон */
.header-content .header-phone {position: absolute;top: 0;right: 0;height: 50px;z-index: 1;display:none;}
.header-content .header-phone a {margin: 0px;line-height: 50px;text-align: left;font-family: 'Open Sans', sans-serif;font-size: 20px;opacity: 0;filter: alpha(opacity = 0);visibility: hidden;}
.header-content .header-phone:hover a {opacity: 1; filter:alpha(opacity = 100);visibility:visible;z-index:1;margin-right: 60px;}
.header-content .header-phone button {width: 50px;height: 50px;background: #e1464d;position: absolute;right: 0;top: 0;}
/* Корзина */
.header-content .mini-cartpro {position: relative;}
.header-content .mini-cartpro .block-title {background-image: url('{ASSETS_IMAGES_PATH}ico-cart.png?design=orange');background-repeat: no-repeat;background-position: 15px 12px;background-color: #f79242;padding: 18px 18px 12px 50px;color: #fff;height: 50px;margin-left: 1px;}
.header-content .mini-cartpro .block-title:hover {background-color: rgba(247,146,66,.7);}
.header-content .mini-cartpro .block-title .btn-cart-emty, .header-content .mini-cartpro .block-title a.btn-toggle {font-size: 0;z-index: 1;top: 0;right: 0;position: absolute;width: 100%;height: 50px;}
.header-content .mini-cartpro .block-title a {color: #fff;font-size:120%;}
.header-content .mini-cartpro .block-content .block-inner {position: absolute;top: 50px;right: 0;z-index: 999;overflow: hidden !important;background: #FFF;width: 360px;border-top: 6px solid transparent;border-color: #f79242;transition-property: margin-top, opacity, visibility;transition-duration: 0.5s, 0.5s, 0.5s;-webkit-transition-property: margin-top, opacity, visibility;-webkit-transition-duration: 0.5s, 0.5s, 0.5s;opacity: 0;visibility: hidden;}
.header-content .sm-cartpro:hover .block-content .block-inner {display:block;height:auto;opacity: 1;visibility: visible;}
.header-content .mini-cartpro .block-content .mini-products-list {padding: 20px 10px;max-height: 370px;overflow-y: auto;list-style: none;overflow-x:hidden;}
.header-content .mini-cartpro .block-content .mini-products-list .cart-item {margin-bottom: 30px;}
.header-content .mini-cartpro .block-content .mini-products-list .cart-item:last-child {margin-bottom: 10px;}
.header-content .mini-cartpro .block-content .mini-products-list .cart-item .product-image {float: left;margin-right: 10px;padding: 5px;height:85px;width:85px;}
.header-content .mini-cartpro .block-content .mini-products-list .cart-item .product-image img {display:block;margin:0 auto;}
.header-content .mini-cartpro .block-content .mini-products-list .cart-item .product-details {float: left;width: 67%;}
.header-content .mini-cartpro .block-content .mini-products-list .cart-item a.product-name {font-size: 116.6%;line-height: 12px;display:block;height:25px;overflow:hidden;}
.header-content .mini-cartpro .block-content .mini-products-list .cart-item a.product-name :hover {color: #f79242;}
.header-content .mini-cartpro .block-content .mini-products-list .cart-item .price {font-size: 150%;display: block;padding: 7px 0;}
.header-content .mini-cartpro .block-content .mini-products-list .cart-item .title-qty {float:left;font-size:110%;}
.header-content .mini-cartpro .block-content .mini-products-list .cart-item .qty-val {border-radius: 100%;-moz-border-radius: 100%;khtml-border-radius: 100%;-webkit-border-radius: 100%;width: 38px;height: 38px;border: 1px solid #e4e4e4;display: inline-block;text-align: center;line-height: 38px;font-size: 116.6%;}
.header-content .mini-cartpro .block-content .mini-products-list li.cart-item a.product-remove {background-image: url('{ASSETS_IMAGES_PATH}ico-edit-remove.png?design=orange');background-repeat: no-repeat;background-position: 0 -92px;display: block;width: 17px;height: 17px;float: right;}
.header-content .mini-cartpro .block-content .mini-products-list li.cart-item a.product-remove:hover {background-position: 0 -61px;}
.header-content .mini-cartpro .block-content .bottom-action {height: 67px;padding: 15px 0 0 10px;background-color: #f79242;}
.header-content .mini-cartpro .block-content .bottom-action .button {width: 38px;height: 38px;border-radius: 100%;-moz-border-radius: 100%;khtml-border-radius: 100%;-webkit-border-radius: 100%;background-color: #fff;background-repeat: no-repeat;float:left;margin-right:15px;}
.header-content .mini-cartpro .block-content .bottom-action .button.btn-gotocart:after {content: "\f014";font-family: 'FontAwesome';font-size: 28px;color: #E1464D;margin-left: -11px;top: 4px;position: relative;}
.header-content .mini-cartpro .block-content .bottom-action .button.btn-gotocart:hover {background-color: #f79242;box-shadow: 0 0 0 2px #fff;-webkit-box-shadow: 0 0 0 2px #fff;-moz-box-shadow: 0 0 0 2px #fff;}
.header-content .mini-cartpro .block-content .bottom-action .button.btn-gotocart:hover:after  {color: #fff;}
.header-content .mini-cartpro .block-content .bottom-action .button.btn-checkout {background-image: url('{ASSETS_IMAGES_PATH}minicart-action.png?design=orange');background-position: 4px -41px;}
.header-content .mini-cartpro .block-content .bottom-action .button.btn-checkout:hover {background-position: 4px 4px;background-color: #f79242;box-shadow: 0 0 0 2px #fff;-webkit-box-shadow: 0 0 0 2px #fff;-moz-box-shadow: 0 0 0 2px #fff;}
.header-content .mini-cartpro .block-content .summary {float: right;line-height: 38px;margin-right: 10px;}
.header-content .mini-cartpro .block-content .summary .subtotal {color: #fff;font-size: 150%;}

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

#9 Santos

Santos

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

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

Отправлено 29 Август 2015 - 12:50

Здравствуйте!
Сделал все как написали...пропали верхний каталог вместе с корзиной и поиском...или скорее всего его скрывает слайдер (оранж фон)... верхнее меню осталось слева.
буду ждать инструкций.
скрин прилагаю.ссс.jpg
Обратно в Другое


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

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

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