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


Quest #4.


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

#1 Zeus

Zeus

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

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

Отправлено 01 Февраль 2018 - 23:06

Меняем лишнее(первое на второе).

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

  • кв4.png
  • кв4+.png


#2 Vaccina

Vaccina

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

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

Отправлено 02 Февраль 2018 - 06:28

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

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите и удалите:
<!-- Верхнее меню -->
			 <div class="block-menu">
			 <div class="block-menu-title rhombus">
				 <i class="fa fa-bookmark-o" title="Меню">&nbsp;</i>
			 </div>
			 <ul class="block-menu-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 class="block-cart {% IFNOT CART_COUNT_TOTAL = 0 %}have-items{% ENDIF %} {% IF MOD_LNAME = cart %}cart-page{% ENDIF %}">
			 <div class="cart-title rhombus">
				 <a href="{CART_URL}"><i class="fa fa-shopping-cart" title="Перейти в корзину">&nbsp;</i></a>
				 <span class="cart-count" data-count="{CART_COUNT_TOTAL}">{CART_COUNT_TOTAL}</span>
			 </div>
			 <div class="dropdown-cart">
				 <div class="cart-content">
				 {% IF cart_count_empty %}
				 <div class="cart-empty">Ваша корзина пуста</div>
				 {% ELSE %}
				 <ul class="cart-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=summer{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}" alt="{cart_items.GOODS_NAME}" class="goods-image-icon"></a>
					 <div class="product-details">
						 <p class="product-name"><a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}">{cart_items.GOODS_NAME}</a></p>
						 <p class="product-mod">{% IFNOT cart_items.distinctive_properties_empty %}<span title="({% FOR distinctive_properties %}{cart_items.distinctive_properties.NAME}: {cart_items.distinctive_properties.VALUE}{% IFNOT cart_items.distinctive_properties.last %}, {% ENDIF %}{% ENDFOR %})">({% FOR distinctive_properties %}{cart_items.distinctive_properties.NAME}: {cart_items.distinctive_properties.VALUE}{% IFNOT cart_items.distinctive_properties.last %}, {% ENDIF %}{% ENDFOR %})</span>{% ENDIF %}</p>
						 <strong class="qty">{cart_items.ORDER_LINE_QUANTITY}</strong> x
						 <span class="price {CURRENCY_CHAR_CODE}" data-price="{cart_items.GOODS_MOD_PRICE_NOW}">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span>
					 </div>
					 <a data-href="{cart_items.ORDER_LINE_DELETE_URL}" data-count="{cart_items.ORDER_LINE_QUANTITY}" title="Удалить позицию" class="product-remove"></a>
					 </li>
					 {% ENDFOR %}
				 </ul>
				 {% FOR cart_sum %}
					 <div class="subtotal">Итого: <span class="total-sum">{cart_sum.NOW | money_format}</span></div>
				 {% ENDFOR %}
					 <a class="button products-remove" title="Очистить корзину" data-href="{CART_TRUNCATE_URL}">Очистить</a>
					 <a class="button" title="Перейти к оформлению заказа" href="{CART_URL}">В корзину</a>
				 {% ENDIF %}
				 </div>
			 </div>
			 </div>
			 <!-- Сравнение -->
			 {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
			 <div class="block-compare {% IFNOT COMPARE_GOODS_COUNT = 0 %}have-items{% ENDIF %} {% IF MOD_LNAME = compare %}compare-page{% ENDIF %}">
			 <div class="compare-title rhombus">
				 <a href="{COMPARE_URL}"><i class="fa fa-retweet" title="Перейти к Сравнению">&nbsp;</i></a>
				 <span class="compare-count">{COMPARE_GOODS_COUNT}</span>
			 </div>
			 <div class="compare-content">
				 <ul id="compare-items">
				 {% FOR compare_goods %}
				 <li class="item" {% IF compare_goods.index > 5 %}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="compare-remove" title="Убрать товар из списка сравнения"></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 %}
				 </ul>
				 <a href="{COMPARE_URL}" class="button" title="Перейти к Сравнению">Перейти к Сравнению</a>
			 </div>
			 </div>
			 {% ENDIF %}
			 <!-- Меню пользователя -->
			 <div class="block-account">
			 <div class="user-title rhombus">
				 <a href="{USER_LOGIN_URL}" title="Вход в личный кабинет"><i class="fa fa-user" title="Меню пользователя">&nbsp;</i></a>
			 </div>
			 <ul class="links">
				 {% IFNOT CLIENT_IS_LOGIN %}
				 <li><a href="{USER_LOGIN_URL}" title="Вход в личный кабинет"><i class="fa fa-sign-in"></i>Вход</a></li>
				 <li><a href="{USER_REGISTER_URL}" title="Регистрация"><i class="fa fa-user-plus"></i>Регистрация</a></li>
				 {% ELSE %}
				 <li><a href="{USER_SETTINGS_URL}" title="Личный кабинет"><i class="fa fa-user"></i>Мой кабинет</a></li>
				 <li><a href="{USER_HISTORY_LIST_URL}" title="История заказов"><i class="fa fa-history"></i>История</a></li>
				 <li><a href="{FAVORITES_URL}" title="Избранные товары"><i class="fa fa-heart"></i>Избранное</a></li>
				 {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}<li><a href="{COMPARE_URL}" title="Сравнение"><i class="fa fa-retweet"></i>Сравнение</a></li>{% ENDIF %}
				 <li><a href="{USER_LOGOUT_URL}" title="Выход"><i class="fa fa-sign-out"></i>Выход</a></li>
				 {% ENDIF %}
			 </ul>
			 </div>
			 <!-- Поиск -->
			 <div class="form-search">
			 <div class="search-title rhombus">
				 <i class="fa fa-search" title="Поиск по магазину">&nbsp;</i>
			 </div>
			 <form id="search_mini_form" action="{SEARCH_URL}" method="get" title="Поиск по магазину" onsubmit="if($(this).find('.form-search').val()) return false;">
				 <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="button search-submit"><i class="fa fa-search"></i></button>
			 </form>
			 </div>
  
замените на:
<!-- Верхнее меню -->
			 <div class="block-menu">
			 <ul class="block-menu-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>
  
далее зайдите в main.css - найдите:
.header-top .block-menu {position: relative;cursor: pointer;float: left;}
.header-top .block-menu .block-menu-title {float: left;}
.header-top .block-menu .block-menu-links {overflow:visible;height:auto;position: absolute;left: -1px;top: 100%;background: #fff;width: 200px;max-width: 300px;padding: 0;margin: 0;border: 1px solid #dddddd;z-index: 99;opacity: 0;filter: alpha(opacity=0);-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);transform: scale(0);transform-origin: 50% 10% 0;-moz-transform-origin: 50% 10% 0;-webkit-transform-origin: 50% 10% 0;-o-transform-origin: 50% 10% 0;-ms-transform-origin: 50% 10% 0;}
.header-top .block-menu:hover .block-menu-links {opacity: 1;filter: alpha(opacity=100);-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.header-top .block-menu .block-menu-links li {display: block;background: none;text-align: left;border-bottom: 1px solid #dddddd;margin: 0 10px;float:none;}
.header-top .block-menu .block-menu-links li:last-child {border-bottom: none;}
.header-top .block-menu .block-menu-links li a {line-height: 35px;letter-spacing: 0.5px;}

замените на:
/* Меню в шапке */
.header-top .block-menu {position: relative;cursor: pointer;float: right;}
.header-top .block-menu .block-menu-links {padding: 0;margin: 0;}
.header-top .block-menu .block-menu-links li {display: inline-block;background: none;text-align: left;margin: 0 10px;float:none;}
.header-top .block-menu .block-menu-links li a {line-height: 46px;letter-spacing: 0.5px;}

Olimp Goods.png




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

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