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


Просьба Помочь Внести Правки На Главную

Автор Dimarik55, 02 дек. 2021 00:27

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

#1 Dimarik55

Dimarik55

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

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

Отправлено 02 Декабрь 2021 - 00:27

Здравствуйте!
Аккаунт SL-535464

Прошу подсказать как внести правки на скрине
Правки_1.jpg

1. Убрать сравнение и на его место воткнуть поиск
2. Продублировать соц. сети из подвала
3. Убрать категории товаров из шапки и продолжить заголовки из блока Меню
4. Закрепить 3 пункт при прокрутке

#2 Vaccina

Vaccina

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

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

Отправлено 02 Декабрь 2021 - 02:48

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

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
		 <div class="header-links">
		 <!-- Личный кабинет -->
		 <div class="top-links">
			 <div class="icon"><a href="javascript:void(0)">Меню</a></div>
			 <!-- Для отображения Личного Кабинета в шапке, замените на следующей строке {% IFNOT menu_header_links_empty %} на {% IF menu_header_links_empty %} -->
			 <ul class="links" itemscope itemtype="https://schema.org/SiteNavigationElement">
			 {% IFNOT menu_header_links_empty %}
			 {% 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"><span>{menu.header.links.NAME}</span></a></li>
				 {% ENDFOR %}
				 {% ENDFOR %}
			 {% ENDFOR %}
			 {% ELSE %}
			 {% IFNOT CLIENT_IS_LOGIN %}
			 <li><a href="{USER_LOGIN_URL}" title="Вход в личный кабинет" itemprop="url">Вход</a></li>
			 <li><a href="{USER_REGISTER_URL}" title="Регистрация" itemprop="url">Регистрация</a></li>
			 {% ELSE %}
			 <li><a href="{USER_SETTINGS_URL}" title="Личный кабинет" itemprop="url">Мой кабинет</a></li>
			 <li><a href="{USER_HISTORY_LIST_URL}" title="История заказов" itemprop="url">История</a></li>
			 <li><a href="{FAVORITES_URL}" title="Избранные товары" itemprop="url">Избранное</a></li>
			 <li><a href="{USER_LOGOUT_URL}" title="Выход" itemprop="url">Выход</a></li>
			 {% ENDIF %}
			 {% ENDIF %}
			 </ul>
		 </div>
		 <!-- Меню, Каталог -->
		 <div class="menu">
			 <div class="icon"><a href="javascript:void(0)" title="Меню"><i class="fa fa-bars" aria-hidden="true"></i><div class="overlay"></div></a></div>
			 <div id="custommenu">
			 <div class="container">
				 <ul class="mainnav" itemscope itemtype="https://schema.org/SiteNavigationElement">
				 {% 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{% 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 %}" title="{catalog_full.NAME}" itemprop="url"><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>
		 </div>
		 <div class="switcher-area">
		 <!-- Поиск -->
		 <div class="search">
			 <form id="search_mini_form" action="{SEARCH_URL}" method="get" title="Поиск по сайту">
			 <input type="hidden" name="goods_search_field_id" value="0">
			 <input type="text" name="q" value="{SEARCH_QUERY}" class="search-string" placeholder="Поиск по сайту..." autocomplete="off">
			 <button type="submit" title="Искать" class="icon-magnifier search-submit"></button>
			 </form>
		 </div>
		 <div class="cart-compare {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=1 %}compare-off{% ENDIF %}">
			 <!-- Сравнение -->
			 {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
			 <div class="compare {% IF MOD_LNAME = compare %}page{% ENDIF %}">
			 <a href="{COMPARE_URL}" title="Перейти к Сравнению" class="title"><i class="icon-compare"></i><span class="count" data-count="{COMPARE_GOODS_COUNT}">{COMPARE_GOODS_COUNT}</span><span class="title">Сравнение</span></a>
			 <div class="dropdown">
				 <ul id="compare-items">
				 <div class="empty hide">Ваш список сравнения пуст.<br/> Вы можете добавлять товары из <a href="{CATALOG_URL}" title="Перейти в каталог">Каталога</a> и сравнивать их между собой.</div>
				 {% IF compare_list_empty %}
					 <div class="empty">Ваш список сравнения пуст.<br/> Вы можете добавлять товары из <a href="{CATALOG_URL}" title="Перейти в каталог">Каталога</a> и сравнивать их между собой.</div>
				 {% ELSE %}
					 {% FOR compare_goods %}
					 <li class="item" {% IF compare_goods.index > 10 %}style="display:none;"{% ENDIF %}>
					 <a data-href="{COMPARE_DELETE_URL}?id={compare_goods.MIN_PRICE_NOW_ID}" data-goods-mod-id="{compare_goods.MIN_PRICE_NOW_ID}" class="remove x" title="Убрать товар из списка сравнения" onclick="removeFromCompare($(this))"></a>
					 <p class="product-name"><a href="{compare_goods.URL}" title="{compare_goods.NAME}">{compare_goods.NAME}</a></p>
					 <a href="#" class="dataid">{compare_goods.ID}</a>
					 </li>
					 {% ENDFOR %}
					 <a data-href="{COMPARE_RESET_URL}" onclick="removeFromCompareAll($(this))" class="button button2" title="Очистить список сравнения">Очистить</a>
					 <a href="{COMPARE_URL}" class="button button" title="Перейти к Сравнению">Сравнение</a>
				 {% ENDIF %}
				 <a data-href="{COMPARE_RESET_URL}" onclick="removeFromCompareAll($(this))" class="button button2 hide" title="Очистить список сравнения">Очистить</a>
				 <a href="{COMPARE_URL}" class="button button hide" title="Перейти к Сравнению">Сравнение</a>
				 </ul>
			 </div>
			 </div>
			 {% ENDIF %}
			 <!-- Корзина -->
			 <div class="cart {% IF MOD_LNAME = cart %}page{% ENDIF %}">
			 <a href="{CART_URL}" title="Перейти в Корзину" class="title"><i class="icon-shopping-bag"></i><span class="count" data-count="{CART_COUNT_TOTAL}">{CART_COUNT_TOTAL}</span><span class="title">Корзина</span></a>
			 <div class="dropdown">
				 <div class="cart-content">
				 <div class="empty hide">Корзина покупок пуста.<br/> Вы можете выбрать товар из <a href="{CATALOG_URL}" title="Перейти в каталог">Каталога</a>.</div>
				 {% IF cart_count_empty %}
				 <div class="empty">Корзина покупок пуста.<br/> Вы можете выбрать товар из <a href="{CATALOG_URL}" title="Перейти в каталог">Каталога</a>.</div>
				 {% ELSE %}
				 <ul class="cart-products-list">
					 {% FOR cart_items %}
					 <li class="item">
					 <a data-href="{cart_items.ORDER_LINE_DELETE_URL}" data-count="{cart_items.ORDER_LINE_QUANTITY}" title="Удалить позицию" class="remove x" onclick="removeFromCart($(this))"></a>
					 <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=tourism{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}" alt="{cart_items.GOODS_NAME}" class="goods-image-icon"></a>
					 <div class="product-details">
						 <div class="product-name"><a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}">{cart_items.GOODS_NAME}</a></div>
						 <div class="product-price">
						 <span class="quantity">{cart_items.ORDER_LINE_QUANTITY}</span>
						 <span>x</span>
						 <span class="price {CURRENCY_CHAR_CODE}" data-price="{cart_items.GOODS_MOD_PRICE_NOW}">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span>
						 </div>
					 </div>
					 </li>
					 {% ENDFOR %}
				 </ul>
				 <div class="subtotal">
					 <span class="label">Итого:</span>
					 <span class="price total-sum {CURRENCY_CHAR_CODE}">{CART_SUM_NOW | money_format}</span>
				 </div>
				 <div class="actions">
					 <a class="button button2" title="Очистить корзину" href="{CART_TRUNCATE_URL}" data-href="{CART_TRUNCATE_URL}" onclick="removeFromCartAll($(this))">Очистить</a>
					 <a class="button" title="Перейти к оформлению заказа" href="{CART_URL}">В корзину</a>
				 </div>
				 {% ENDIF %}
				 </div>
			 </div>
			 </div>
		 </div>
		 </div>
	 </div>
	 <div class="header-sticky {% IF MOD_LNAME = cart %}page{% ENDIF %}"></div>
	 </div>
</div>
<!-- /END Шапка -->
  
замените на:
		 <div class="header-links">
		 <!-- Личный кабинет -->
		 <div class="top-links">
			 <div class="icon"><a href="javascript:void(0)">Меню</a></div>
			 <!-- Для отображения Личного Кабинета в шапке, замените на следующей строке {% IFNOT menu_header_links_empty %} на {% IF menu_header_links_empty %} -->
			 <ul class="links" itemscope itemtype="https://schema.org/SiteNavigationElement">
			 {% IFNOT menu_header_links_empty %}
			 {% 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"><span>{menu.header.links.NAME}</span></a></li>
				 {% ENDFOR %}
				 {% ENDFOR %}
			 {% ENDFOR %}
			 {% ELSE %}
			 {% IFNOT CLIENT_IS_LOGIN %}
			 <li><a href="{USER_LOGIN_URL}" title="Вход в личный кабинет" itemprop="url">Вход</a></li>
			 <li><a href="{USER_REGISTER_URL}" title="Регистрация" itemprop="url">Регистрация</a></li>
			 {% ELSE %}
			 <li><a href="{USER_SETTINGS_URL}" title="Личный кабинет" itemprop="url">Мой кабинет</a></li>
			 <li><a href="{USER_HISTORY_LIST_URL}" title="История заказов" itemprop="url">История</a></li>
			 <li><a href="{FAVORITES_URL}" title="Избранные товары" itemprop="url">Избранное</a></li>
			 <li><a href="{USER_LOGOUT_URL}" title="Выход" itemprop="url">Выход</a></li>
			 {% ENDIF %}
			 {% ENDIF %}
			 </ul>
		 </div>
		 </div>
		 <div class="switcher-area">
		 <div class="cart-compare">
		 <!-- Поиск -->
		 <div class="search">
			 <form id="search_mini_form" action="{SEARCH_URL}" method="get" title="Поиск по сайту">
			 <input type="hidden" name="goods_search_field_id" value="0">
			 <input type="text" name="q" value="{SEARCH_QUERY}" class="search-string" placeholder="Поиск..." autocomplete="off">
			 <button type="submit" title="Искать" class="icon-magnifier search-submit"></button>
			 </form>
		 </div>
			 <!-- Корзина -->
			 <div class="cart {% IF MOD_LNAME = cart %}page{% ENDIF %}">
			 <a href="{CART_URL}" title="Перейти в Корзину" class="title"><i class="icon-shopping-bag"></i><span class="count" data-count="{CART_COUNT_TOTAL}">{CART_COUNT_TOTAL}</span><span class="title">Корзина</span></a>
			 <div class="dropdown">
				 <div class="cart-content">
				 <div class="empty hide">Корзина покупок пуста.<br/> Вы можете выбрать товар из <a href="{CATALOG_URL}" title="Перейти в каталог">Каталога</a>.</div>
				 {% IF cart_count_empty %}
				 <div class="empty">Корзина покупок пуста.<br/> Вы можете выбрать товар из <a href="{CATALOG_URL}" title="Перейти в каталог">Каталога</a>.</div>
				 {% ELSE %}
				 <ul class="cart-products-list">
					 {% FOR cart_items %}
					 <li class="item">
					 <a data-href="{cart_items.ORDER_LINE_DELETE_URL}" data-count="{cart_items.ORDER_LINE_QUANTITY}" title="Удалить позицию" class="remove x" onclick="removeFromCart($(this))"></a>
					 <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=tourism{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}" alt="{cart_items.GOODS_NAME}" class="goods-image-icon"></a>
					 <div class="product-details">
						 <div class="product-name"><a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}">{cart_items.GOODS_NAME}</a></div>
						 <div class="product-price">
						 <span class="quantity">{cart_items.ORDER_LINE_QUANTITY}</span>
						 <span>x</span>
						 <span class="price {CURRENCY_CHAR_CODE}" data-price="{cart_items.GOODS_MOD_PRICE_NOW}">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span>
						 </div>
					 </div>
					 </li>
					 {% ENDFOR %}
				 </ul>
				 <div class="subtotal">
					 <span class="label">Итого:</span>
					 <span class="price total-sum {CURRENCY_CHAR_CODE}">{CART_SUM_NOW | money_format}</span>
				 </div>
				 <div class="actions">
					 <a class="button button2" title="Очистить корзину" href="{CART_TRUNCATE_URL}" data-href="{CART_TRUNCATE_URL}" onclick="removeFromCartAll($(this))">Очистить</a>
					 <a class="button" title="Перейти к оформлению заказа" href="{CART_URL}">В корзину</a>
				 </div>
				 {% ENDIF %}
				 </div>
			 </div>
			 </div>
		 </div>
		 </div>
	 </div>
	 <div class="header-sticky {% IF MOD_LNAME = cart %}page{% ENDIF %}"></div>
	 </div>
</div>
<!-- /END Шапка -->


далее зайдите в main.css - найдите:
/** Поиск **/
#header .header-right .search {display: inline-block;position: relative;vertical-align: middle;width: 100%;height: auto;margin: 0;z-index: 1;border-bottom: 1px solid #e4e4e4;}

замените на:
/** Поиск **/
#header .header-right .search {display: inline-block;position: relative;vertical-align: middle;width: 135px;height: auto;margin: 0;z-index: 1;border-bottom: 1px solid #e4e4e4;border-right: 1px solid #e4e4e4;}

далее найдите:
#header .container > .logo {display: block;float: left;position: relative;width: 170px;height: 145px;text-align: center;}
#header .container > .logo a {display: block;line-height: 145px;vertical-align: middle;z-index: 2;padding: 3px 5px 5px 5px;}
#header .container > .logo img {display: inline-block;max-height: 145px;}

замените на:
#header .container > .logo {display: block;float: left;position: relative;width: 170px;height: 103px;text-align: center;}
#header .container > .logo a {display: block;line-height: 103px;vertical-align: middle;z-index: 2;}
#header .container > .logo img {display: inline-block;max-height: 90px;}

далее найдите:
/** Меню **/
#header .header-right {float: left;width: calc(100% - 170px);border-right: 1px solid #e4e4e4;}
#header .header-right .header-links {display: inline-block;float: left;width: calc(100% - 270px);border: 1px solid #e4e4e4;border-bottom-width: 0;border-top-width: 0;}
#header .header-right .header-links .top-links {display: block;float: right;position: relative;width: 100%;height: 53px;padding: 16px 0;border-bottom: 1px solid #e4e4e4;}
#header .header-right .header-links .top-links a {padding-top: 5px;padding-bottom: 5px;}
#header .header-right .header-links .top-links .icon {display: none;position: relative;vertical-align: middle;font-size: 13px;padding: 3px 20px 0px 10px;cursor: pointer;}
#header .header-right .header-links .top-links .icon a {text-transform: uppercase;text-decoration: none;}
#header .header-right .header-links .top-links .icon:before {content: "\f0d7";display: block;position: absolute;right: 7px;top: 50%;font-family: "FontAwesome";margin-top: -5px;}
#header .header-right .header-links .top-links .links {display: block;float: left;padding: 0;margin: 0 0 0 10px;height: 20px;overflow: hidden;text-align: left;}
#header .header-right .header-links .top-links .links li {display: inline-block;font-size: 11px;text-transform: uppercase;line-height: 19px;padding: 0 16px;border: 0;}
#header .header-right .header-links .top-links .links li a {color: #21293c;font-size: 13px;font-family: 'PT Sans Narrow', sans-serif;font-weight: 400;letter-spacing: 1px;}
#header .header-right .header-links .top-links .links li a:hover {text-decoration: underline;}

замените на:
/** Меню **/
#header .header-right {float: left;width: calc(100% - 170px);border-right: 1px solid #e4e4e4;}
#header .header-links {display: inline-block;float: left;width: calc(100% - 270px);border: 1px solid #e4e4e4;border-bottom-width: 0;border-top-width: 0;}
#header .top-links {display: block;float: right;position: relative;width: 100%;height: 53px;padding: 16px 0;border-bottom: 1px solid #e4e4e4;}
#header .top-links a {padding-top: 5px;padding-bottom: 5px;}
#header .top-links .icon {display: none;position: relative;vertical-align: middle;font-size: 13px;padding: 3px 20px 0px 10px;cursor: pointer;}
#header .top-links .icon a {text-transform: uppercase;text-decoration: none;}
#header .top-links .icon:before {content: "\f0d7";display: block;position: absolute;right: 7px;top: 50%;font-family: "FontAwesome";margin-top: -5px;}
#header .top-links .links {display: block;float: left;padding: 0;margin: 0 0 0 10px;height: 20px;overflow: hidden;text-align: left;}
#header .top-links .links li {display: inline-block;font-size: 11px;text-transform: uppercase;line-height: 19px;padding: 0 16px;border: 0;}
#header .top-links .links li a {color: #21293c;font-size: 13px;font-family: 'PT Sans Narrow', sans-serif;font-weight: 400;letter-spacing: 1px;}
#header .top-links .links li a:hover {text-decoration: underline;}

Далее зайдите в main.js - найдите:
 // Меню при скроле вниз
jQuery(function($){
var scrolled = false;
$(window).scroll(function(){
	 if(110<$(window).scrollTop() && !scrolled){
	 if(!$('#header .header-sticky .container .cart').length && !$('#header .header-sticky .container .sticky-logo').length){
		 $('#header').addClass("sticky-header");
		 $('#header .header-sticky').append('<div class="container"><div class="content"></div></div>');
		 var cart = $('#header .cart').html();
		 $('#header .header-sticky .content').append('<div class="cart">'+cart+'</div>');
		 var menu = $('#header .menu').html();
		 $('#header .header-sticky .content').prepend('<div class="menu">'+menu+'</div>');
		 scrolled = true;
	 }
	 }
	 if(110>=$(window).scrollTop() && scrolled){
	 $('#header').removeClass("sticky-header");
	 $('#header .header-sticky .container').remove();
	 scrolled = false;
	 }
});
});
// Определение позиции при наведении на меню каталога
$('#custommenu .mainnav').liMenuRespHard({type:'button'});

замените на:
 // Меню при скроле вниз
jQuery(function($){
var scrolled = false;
$(window).scroll(function(){
	 if(110<$(window).scrollTop() && !scrolled){
	 if(!$('#header .header-sticky .container .cart').length && !$('#header .header-sticky .container .sticky-logo').length){
		 $('#header').addClass("sticky-header");
		 $('#header .header-sticky').append('<div class="container"><div class="content"></div></div>');
		 var cart = $('#header .cart').html();
		 $('#header .header-sticky .content').append('<div class="cart">'+cart+'</div>');
		 var menu = $('#header .header-links').html();
		 $('#header .header-sticky .content').prepend('<div class="menu">'+menu+'</div>');
		 scrolled = true;
	 }
	 }
	 if(110>=$(window).scrollTop() && scrolled){
	 $('#header').removeClass("sticky-header");
	 $('#header .header-sticky .container').remove();
	 scrolled = false;
	 }
});
});

Screenshot(1).png

Screenshot(2).png

#3 Dimarik55

Dimarik55

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

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

Отправлено 02 Декабрь 2021 - 15:18

Добрый день!
Аккаунт SL-535464

В принципе, почти все так.

Только вот меню не продолжается в блоке ниже и слегка попортилась эстетика шапки:
- логотип слегка съехал вниз
- под корзиной пропал нижний контур
- продублировать соц. сети в шапку
Правки_1.1.jpg

В мобильном формате тоже появились огрехи:
Правки_мобил_2.jpg

#4 Vaccina

Vaccina

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

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

Отправлено 03 Декабрь 2021 - 08:11

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#header .container > .logo {display: block;float: left;position: relative;width: 170px;height: 145px;text-align: center;}
#header .container > .logo a {display: block;line-height: 145px;vertical-align: middle;z-index: 2;padding: 3px 5px 5px 5px;}
#header .container > .logo img {display: inline-block;max-height: 145px;}

замените на:
#header .container > .logo {display: block;float: left;position: relative;width: 170px;height: 145px;text-align: center;}
#header .container > .logo a {display: block;line-height: 135px;vertical-align: middle;z-index: 2;padding: 3px 5px 5px 5px;}
#header .container > .logo img {display: inline-block;max-height: 135px;}

далее найдите:
#header .top-links {display: block;float: right;position: relative;width: 100%;height: 106px;padding: 16px 0;border-bottom: 1px solid #e4e4e4;}
#header .top-links a {padding-top: 5px;padding-bottom: 5px;}
#header .top-links .icon {display: none;position: relative;vertical-align: middle;font-size: 13px;padding: 3px 20px 0px 10px;cursor: pointer;}
#header .top-links .icon a {text-transform: uppercase;text-decoration: none;}
#header .top-links .icon:before {content: "\f0d7";display: block;position: absolute;right: 7px;top: 50%;font-family: "FontAwesome";margin-top: -5px;}
#header .top-links .links {display: block;float: left;padding: 0;margin: 0 0 0 10px;height: 20px;overflow: hidden;text-align: left;}
#header .top-links .links li {display: inline-block;font-size: 11px;text-transform: uppercase;line-height: 19px;padding: 0 16px;border: 0;}

замените на:
#header .top-links {display: block;float: right;position: relative;width: 100%;height: 106px;padding: 16px 0;border-bottom: 1px solid #e4e4e4;}
#header .top-links a {padding-top: 5px;padding-bottom: 5px;}
#header .top-links .icon {display: none;position: relative;vertical-align: middle;font-size: 13px;padding: 3px 20px 0px 10px;cursor: pointer;}
#header .top-links .icon a {text-transform: uppercase;text-decoration: none;}
#header .top-links .icon:before {content: "\f0d7";display: block;position: absolute;right: 7px;top: 50%;font-family: "FontAwesome";margin-top: -5px;}
#header .top-links .links {display: block;float: left;padding: 0;margin: 0 0 0 10px;height: 60px;overflow: hidden;text-align: left;}
#header .top-links .links li {display: inline-block;font-size: 11px;text-transform: uppercase;line-height: 19px;padding: 0 16px;border: 0;margin-bottom: 20px;}

далее найдите:
#header .header-right .cart {display: block;position: relative;float: right;margin: 0;}

замените на:
#header .header-right .cart {display: block;position: relative;float: right;margin: 0;height: 52.8px;border-bottom: 1px solid #e4e4e4;}

далее найдите:
/** Контакты **/
#header .header-top {border: 1px solid #e4e4e4;border-top: 0;border-right: 0;height: 50px;overflow: hidden;}

замените на:
#header .social-links {display: inline-block;float: left;padding: 0;margin: 0 15px 0 10px;padding: 5px 0;overflow: hidden;text-align: right;}
/** Контакты **/
#header .header-top {border: 1px solid #e4e4e4;border-top: 0;border-right: 0;height: 50px;overflow: hidden;}

далее найдите:
.cart-compare .title .title {display: none;}
.cart-compare > div {width: 50%;}

замените на:
#header .header-right .search {width: 50%}
.cart-compare .title .title {display: none;}
.cart-compare > div {width: 50%;}
#header .top-links {height: 53px;}
#header .social-links {position: absolute;top: 55px;right: 10px;}

Далее зайдите в шаблон HTML - найдите:
	<!-- Шапка -->
	<div id="header">
	  <div class="container">
		<!-- Логотип -->
		<div class="logo">
		  <a href="{INDEX_PAGE_URL}" title="{SETTINGS_STORE_NAME}"><img src="{ASSETS_IMAGES_PATH}logo.png?design=tourism" alt="{SETTINGS_STORE_NAME}"></a>
		</div>
		<div class="header-right">
		  <div class="header-top">
			<div class="contacts">
			  {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<div><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}"><i class="fa fa-phone" aria-hidden="true"></i><span>{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</span></a></div>{% ENDIF %}
			  {% IF SETTINGS_STORE_EMAIL_MAIN %}<div><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}"><i class="fa fa-envelope" aria-hidden="true"></i><span>{SETTINGS_STORE_EMAIL_MAIN}</span></a></div>{% ENDIF %}
			</div>
			<div class="links">
			  {% IFNOT CLIENT_IS_LOGIN %}
			  <div><a href="{USER_LOGIN_URL}" title="Вход в личный кабинет" rel="nofollow"><i class="fa fa-sign-in" aria-hidden="true"></i><span>Вход</span></a></div>
			  <div><a href="{USER_REGISTER_URL}" title="Регистрация" rel="nofollow"><i class="fa fa-user-plus" aria-hidden="true"></i><span>Регистрация</span></a></div>
			  {% ELSE %}
			  <div><a href="{USER_SETTINGS_URL}" title="Личный кабинет" rel="nofollow"><i class="fa fa-user" aria-hidden="true"></i><span>Мой кабинет</span></a></div>
			  <div><a href="{USER_HISTORY_LIST_URL}" title="История заказов" rel="nofollow"><i class="fa fa-history" aria-hidden="true"></i><span>История</span></a></div>
			  <div><a href="{FAVORITES_URL}" title="Избранные товары" rel="nofollow"><i class="icon-wishlist" aria-hidden="true"></i><span>Избранное</span></a></div>
			  <div><a href="{USER_LOGOUT_URL}" title="Выход" rel="nofollow"><i class="fa fa-sign-out" aria-hidden="true"></i><span>Выход</span></a></div>
			  {% ENDIF %}
			</div>
		  </div>
     
после него вставьте:
			<div class="social-links">
			  <a class="odnoklassniki" href="https://ok.ru/" title="Odnoklassniki" target="_blank"><i class="fa fa-odnoklassniki" aria-hidden="true"></i><span>odnoklassniki</span></a>
			  <a class="vk" href="https://vk.com/potolki_omsk_abriz" title="VK.com" target="_blank"><i class="fa fa-vk" aria-hidden="true"></i><span>vk</span></a>
			  <a class="instagram" href="https://www.instagram.com/potolkiomsk55" title="Instagram.com" target="_blank"><i class="fa fa-instagram" aria-hidden="true"></i><span>instagram</span></a>
			  <a class="youtube" href="https://youtube.com/" title="YouTube.com" target="_blank"><i class="fa fa-youtube" aria-hidden="true"></i><span>YouTube</span></a>
			</div>

#5 Dimarik55

Dimarik55

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

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

Отправлено 04 Декабрь 2021 - 13:35

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

#6 Dimarik55

Dimarik55

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

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

Отправлено 06 Декабрь 2021 - 18:02

Добрый вечер!
Аккаунт SL-535464

Можете подсказать как выровнять баннер наравне с правыми?
проблема с баннером.jpg

#7 Vaccina

Vaccina

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

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

Отправлено 07 Декабрь 2021 - 08:03

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#banners .banner-image .content {text-align: center;padding: 300px 0;}

замените на:
#banners .banner-left .banner-image .content {padding: 319.2px 0;}
#banners .banner-image .content {text-align: center;padding: 300px 0;}

#8 Dimarik55

Dimarik55

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

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

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

Просмотр сообщенияVaccina (07 Декабрь 2021 - 08:03) писал:

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#banners .banner-image .content {text-align: center;padding: 300px 0;}

замените на:
#banners .banner-left .banner-image .content {padding: 319.2px 0;}
#banners .banner-image .content {text-align: center;padding: 300px 0;}
Спасибо! Поправилось.

#9 Dimarik55

Dimarik55

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

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

Отправлено 18 Декабрь 2021 - 23:57

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

Подскажите как перенести кнопку "Обратной связи" в конкретный блок на главной
2021-12-19_025001.jpg

И помогите наконец с вопросом в этой ветке:
https://forum.storel...мы-регистрации/

#10 Dimarik55

Dimarik55

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

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

Отправлено 21 Декабрь 2021 - 05:50

HELP!

#11 Vaccina

Vaccina

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

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

Отправлено 21 Декабрь 2021 - 15:07

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

Простите за ожидание. Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
						<div class="script-form">  
						  <script>!function(a,m,o,c,r,m){a[o+c]=a[o+c]||{setMeta:function(p){this.params=(this.params||[]).concat([p])}},a[o+r]=a[o+r]||function(f){a[o+r].f=(a[o+r].f||[]).concat([f])},a[o+r]({id:"875185",hash:"4c03f1ac47e23bfa5b703f981509966c",locale:"ru"}),a[o+m]=a[o+m]||function(f,k){a[o+m].f=(a[o+m].f||[]).concat([[f,k]])}}(window,0,"amo_forms_","params","load","loaded");</script><script id="amoforms_script_875185" async="async" charset="utf-8" src="https://forms.amocrm.ru/forms/assets/js/amoforms.js?1639676247"></script>
						</div>
                   
перенесите его поставив перед:
				 </div>
		 </div>
		 <div class="header-sticky {% IF MOD_LNAME = cart %}page{% ENDIF %}"></div>
		 </div>
</div>

<!-- /END Шапка -->

Далее зайдите в main.css - найдите:
#header .script-form {display: inline-block;float: left;padding: 0;margin: 5 15px 0 10px;padding: 5px 0;overflow: hidden;text-align: right;}

замените на:
#header .script-form {display: block;margin: 0 auto;padding: 0;overflow: hidden;text-align: center;}

#12 Dimarik55

Dimarik55

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

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

Отправлено 21 Декабрь 2021 - 16:24

Получилось как-то так:

2021-12-21_192129.jpg

#13 Vaccina

Vaccina

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

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

Отправлено 21 Декабрь 2021 - 16:36

Вам необходимо перенести только:
											 <div class="script-form">
												 <script>!function(a,m,o,c,r,m){a[o+c]=a[o+c]||{setMeta:function(p){this.params=(this.params||[]).concat([p])}},a[o+r]=a[o+r]||function(f){a[o+r].f=(a[o+r].f||[]).concat([f])},a[o+r]({id:"875185",hash:"4c03f1ac47e23bfa5b703f981509966c",locale:"ru"}),a[o+m]=a[o+m]||function(f,k){a[o+m].f=(a[o+m].f||[]).concat([[f,k]])}}(window,0,"amo_forms_","params","load","loaded");</script><script id="amoforms_script_875185" async="async" charset="utf-8" src="https://forms.amocrm.ru/forms/assets/js/amoforms.js?1639676247"></script>
											 </div>

вы продублировали и перенесли:
								 </div>
				 </div>
				 <div class="header-sticky {% IF MOD_LNAME = cart %}page{% ENDIF %}"></div>
				 </div>
</div>
<!-- /END Шапка -->

Внесла вам поправки:
Screenshot(9).png

#14 Dimarik55

Dimarik55

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

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

Отправлено 21 Декабрь 2021 - 17:03

Просмотр сообщенияVaccina (21 Декабрь 2021 - 16:36) писал:

Вам необходимо перенести только:
											 <div class="script-form">
												 <script>!function(a,m,o,c,r,m){a[o+c]=a[o+c]||{setMeta:function(p){this.params=(this.params||[]).concat([p])}},a[o+r]=a[o+r]||function(f){a[o+r].f=(a[o+r].f||[]).concat([f])},a[o+r]({id:"875185",hash:"4c03f1ac47e23bfa5b703f981509966c",locale:"ru"}),a[o+m]=a[o+m]||function(f,k){a[o+m].f=(a[o+m].f||[]).concat([[f,k]])}}(window,0,"amo_forms_","params","load","loaded");</script><script id="amoforms_script_875185" async="async" charset="utf-8" src="https://forms.amocrm.ru/forms/assets/js/amoforms.js?1639676247"></script>
											 </div>

вы продублировали и перенесли:
								 </div>
				 </div>
				 <div class="header-sticky {% IF MOD_LNAME = cart %}page{% ENDIF %}"></div>
				 </div>
</div>
<!-- /END Шапка -->

Внесла вам поправки:
Прикрепленный файл Screenshot(9).png

Спасибо большое))) чет затупил

#15 Dimarik55

Dimarik55

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

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

Отправлено 01 Январь 2022 - 10:49

Добрый день.

С наступившим Новым годом!!!

Просьба помочь с внесением изменений в контакты, в подвале. Необходимо, что бы контакты отображались вот так и была и добавить еще один номер:

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

  • 2022-01-01_125806.jpg

#16 Vaccina

Vaccina

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

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

Отправлено 03 Январь 2022 - 07:32

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

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
			  {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<div itemprop="telephone"><i class="icon-phone-1" aria-hidden="true"></i><p><b>Телефон розничного отдела</b><br><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></p></div>{% ENDIF %}
			  {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<div itemprop="telephone"><i class="icon-phone-1" aria-hidden="true"></i><p><b>Телефон розничного отдела</b><br><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></p></div>{% ENDIF %}
    
замените на:
			  {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<div itemprop="telephone"><i class="icon-phone-1" aria-hidden="true"></i><p><b>Телефон розничного отдела</b><br>
				<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><br>
				<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><br>
				<a href="tel:номер 3го телефона">номер 3го телефона</a>
			  </p></div>{% ENDIF %}
         
измените текст на телефонный номер.

Далее зайдите в main.css - найдите:
#footer .block-contact p {display: inline-block;vertical-align: top;margin: 0;line-height: 1;font-size: 13px;color: #777;}
#footer .block-contact b {display: inline-block;color: #fff;font-weight: 400;font-size: 13px;margin-bottom: 10px;color: #fff;text-transform:uppercase;}

замените на:
#footer .block-contact p {display: inline-block;vertical-align: top;margin: 0;line-height: 1;font-size: 13px;color: #777;}
#footer .block-contact b {display: inline-block;color: #fff;font-weight: 400;font-size: 13px;margin-bottom: 10px;color: #fff;text-transform:uppercase;}
#footer .block-contact a{line-height:30px;}

#17 Dimarik55

Dimarik55

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

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

Отправлено 03 Январь 2022 - 08:15

Просмотр сообщенияVaccina (03 Январь 2022 - 07:32) писал:

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

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
			 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<div itemprop="telephone"><i class="icon-phone-1" aria-hidden="true"></i><p><b>Телефон розничного отдела</b><br><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></p></div>{% ENDIF %}
			 {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<div itemprop="telephone"><i class="icon-phone-1" aria-hidden="true"></i><p><b>Телефон розничного отдела</b><br><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></p></div>{% ENDIF %}

замените на:
			 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<div itemprop="telephone"><i class="icon-phone-1" aria-hidden="true"></i><p><b>Телефон розничного отдела</b><br>
			 <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><br>
			 <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><br>
			 <a href="tel:номер 3го телефона">номер 3го телефона</a>
			 </p></div>{% ENDIF %}
     
измените текст на телефонный номер.

Далее зайдите в main.css - найдите:
#footer .block-contact p {display: inline-block;vertical-align: top;margin: 0;line-height: 1;font-size: 13px;color: #777;}
#footer .block-contact b {display: inline-block;color: #fff;font-weight: 400;font-size: 13px;margin-bottom: 10px;color: #fff;text-transform:uppercase;}

замените на:
#footer .block-contact p {display: inline-block;vertical-align: top;margin: 0;line-height: 1;font-size: 13px;color: #777;}
#footer .block-contact b {display: inline-block;color: #fff;font-weight: 400;font-size: 13px;margin-bottom: 10px;color: #fff;text-transform:uppercase;}
#footer .block-contact a{line-height:30px;}

Спасибо! Получилось!
Обратно в Главная


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

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

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