Изменение Шапки
#81
Отправлено 06 Май 2017 - 08:25
#82
Отправлено 06 Май 2017 - 08:38
#logo { margin: 0; padding: 0; }
после него пропишите:
#custommenu, #logo, .mycart1, .mycart { display: inline-block; padding: 0 4%; }
#83
Отправлено 06 Май 2017 - 08:54
Vaccina (06 Май 2017 - 08:38) писал:
#logo { margin: 0; padding: 0; }
после него пропишите:
#custommenu, #logo, .mycart1, .mycart { display: inline-block; padding: 0 4%; }
Это помогло.
А как быть с картинками увеличенными в IE
#87
Отправлено 07 Май 2017 - 18:28
#88
Отправлено 08 Май 2017 - 10:31
admin (07 Май 2017 - 18:28) писал:
Здравствуйте.
В шаблоне main.css код:
a.product-name {height: 38px;display: block;line-height: 18px;}
Заменил на:
a.product-name {height: 38px;display: block;line-height: 18px;overflow: hidden;}
А так же в шаблоне Товары код:
<!-- Вывод товаров ТАБЛИЦЕЙ --> <div class="product-grid"> {% FOR goods %} <div class="item col-sm-3 col-sms-6 col-smb-12">
Заменил на:
<!-- Вывод товаров ТАБЛИЦЕЙ --> <div class="product-grid"> {% FOR goods %} <div class="item col-sm-4 col-md-3 col-sms-6 col-smb-12">
Проверьте, пожалуйста.
#89
Отправлено 13 Май 2017 - 10:51
Firefly (08 Май 2017 - 10:31) писал:
В шаблоне main.css код:
a.product-name {height: 38px;display: block;line-height: 18px;}
Заменил на:
a.product-name {height: 38px;display: block;line-height: 18px;overflow: hidden;}
А так же в шаблоне Товары код:
<!-- Вывод товаров ТАБЛИЦЕЙ --> <div class="product-grid"> {% FOR goods %} <div class="item col-sm-3 col-sms-6 col-smb-12">
Заменил на:
<!-- Вывод товаров ТАБЛИЦЕЙ --> <div class="product-grid"> {% FOR goods %} <div class="item col-sm-4 col-md-3 col-sms-6 col-smb-12">
Проверьте, пожалуйста.
А как быть с картинками увеличенными в IE
#90
Отправлено 13 Май 2017 - 12:04
admin (13 Май 2017 - 10:51) писал:
А как быть с картинками увеличенными в IE
/****************************************************************************** Фиксы для браузеров *******************************************************************************/
добавил
.IE .product-grid .item .item-inner .item-img .img-main img {max-width:260px;}
#91
Отправлено 13 Май 2017 - 12:43
Требуются изменения.
1. Поиск сделать иконкой и оставить на своём месте, а слева от него поместить телефон.
2. В разрешении более 991 к корзине добавить надпись "корзина покупок" как у каталога, а логотип должен быть строго по центру
3. В разрешении менее 641 поиск, ЛК и сравнение должны располагаться только в мобильном каталоге
#92
Отправлено 16 Май 2017 - 05:31
1. Уточните пожалуйста, что должно происходить при клике на иконку поиска?
2. Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<i class="fa fa-shopping-cart"></i><span class="cart-count">{CART_COUNT_TOTAL}</span>
после него пропишите:
<span class="text">Корзина покупок</span>
В main.css найдите:
.mycart .cart-count { right: -10px; top: -20px; }
после него пропишите:
.mycart .text { font-size: 14px; text-transform: uppercase; vertical-align: middle; }
Далее найдите:
@media all and (max-width: 991px) {
после него пропишите:
.mycart .text { display:none; }
3. Поиск нужен и в шапке и в раскрывающемся каталоге? Элементы расположить над каталогом иконками? Какой примерно результат должен получиться для более точной расстановки в инструкции?
#93
Отправлено 16 Май 2017 - 08:35
Vaccina (16 Май 2017 - 05:31) писал:
1. Уточните пожалуйста, что должно происходить при клике на иконку поиска?
2. Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<i class="fa fa-shopping-cart"></i><span class="cart-count">{CART_COUNT_TOTAL}</span>
после него пропишите:
<span class="text">Корзина покупок</span>
В main.css найдите:
.mycart .cart-count { right: -10px; top: -20px; }
после него пропишите:
.mycart .text { font-size: 14px; text-transform: uppercase; vertical-align: middle; }
Далее найдите:
@media all and (max-width: 991px) {
после него пропишите:
.mycart .text { display:none; }
3. Поиск нужен и в шапке и в раскрывающемся каталоге? Элементы расположить над каталогом иконками? Какой примерно результат должен получиться для более точной расстановки в инструкции?
Поиск заменить на иконку при нажатии на которую ниже будет открываться окно для поиска как сейчас или наподобие.
А слева от поиска разместить телефон.
До 991 скрывается каталог и вместо него появляется мобильный каталог, так нужно чтобы и поиск,ЛК и сравнение были расположены в этом мобильном каталоге. А в верхнем углу их скрыть и останется только телефон.
#94
Отправлено 16 Май 2017 - 10:33
admin (16 Май 2017 - 08:35) писал:
А слева от поиска разместить телефон.
До 991 скрывается каталог и вместо него появляется мобильный каталог, так нужно чтобы и поиск,ЛК и сравнение были расположены в этом мобильном каталоге. А в верхнем углу их скрыть и останется только телефон.
Здравствуйте.
Произвел Вам изменения. Добавил код в шапку сайта:
<div class="mycart1 header-tools"> {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<em class="fa fa-phone"> </em> <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>{% ENDIF %} </div> <!-- Поиск --> <div class="header-search header-tools"> <a href="javascript:void(0);"><em class="fa fa-search"> </em></a> <div class="search-hover"> <form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get" title="Поиск по магазину"> <div class="form-search"> <input id="search" type="text" name="q" value="" class="input-text search-string" placeholder="Поиск по магазину..."> <button type="submit" title="Искать" class="button search-submit fa"></button> </div> </form> </div> </div>
И внес изменения по шаблону main.css.
Проверьте результат, пожалуйста.
#95
Отправлено 16 Май 2017 - 11:15
Firefly (16 Май 2017 - 10:33) писал:
Произвел Вам изменения. Добавил код в шапку сайта:
<div class="mycart1 header-tools"> {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<em class="fa fa-phone"> </em> <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>{% ENDIF %} </div> <!-- Поиск --> <div class="header-search header-tools"> <a href="javascript:void(0);"><em class="fa fa-search"> </em></a> <div class="search-hover"> <form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get" title="Поиск по магазину"> <div class="form-search"> <input id="search" type="text" name="q" value="" class="input-text search-string" placeholder="Поиск по магазину..."> <button type="submit" title="Искать" class="button search-submit fa"></button> </div> </form> </div> </div>
И внес изменения по шаблону main.css.
Проверьте результат, пожалуйста.
Иконку поиска нужно сделать в один ряд с ЛК и сравнением (одно целое), а телефон будет отдельно в 20px
До 991 скрывается каталог и вместо него появляется мобильный каталог, так нужно чтобы и поиск,ЛК и сравнение были расположены в этом мобильном каталоге. А в верхнем углу их скрыть и останется только телефон.
Логотип сделать по центру как в разрешении 1024 например или более
Сейчас в мобильной версии менее 991 появляется мобильный каталог который располагается уже по другому.
#96
Отправлено 17 Май 2017 - 08:04
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.header-search { float: left; }
замените на:
.header-search { float: left; margin: 1px -7px 0 25px !important; }
далее найдите:
.header-tools .mycompare #compare-items .button {display: block;margin: 0 auto;max-width: 170px;}
после него вставьте:
#menu_offcanvas .header-tools { width: 60%; text-align: center; } #menu_offcanvas .header-tools > div { width: 47%; } #menu_offcanvas .header-search { width: 32%; text-align: center; } #menu_offcanvas .header-tools i { color: #fff; }
далее найдите:
@media all and (max-width: 991px) {
после него вставьте:
#header-top .header-col-right .header-search, #header-top .header-col-right .header-tools:last-child { display: none; } #header .container { text-align: center; display: block; } .mycart { float: right; margin-top: 15px; }
далее зайдите в шаблон HTML - найдите:
<!-- Меню --> <div id="menu" class="wrap"> <div class="container"> <div class="row"> <div id="mommenu" class="menu-offcanvas"> <span class="btn-navbar"> <i class="fa fa-align-justify"></i> <span class="overlay"></span></span> <div id="menu_offcanvas" class="offcanvas">
после него вставьте:
<!-- Поиск --> <div class="header-search header-tools"> <a href="javascript:void(0);"><em class="fa fa-search"> </em></a> <div class="search-hover"> <form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get" title="Поиск по магазину"> <div class="form-search"> <input id="search" type="text" name="q" value="" class="input-text search-string" placeholder="Поиск по магазину..."> <button type="submit" title="Искать" class="button search-submit fa"></button> </div> </form> </div> </div> <div class="header-tools"> <!-- Меню пользователя --> <div class="myaccount"> <div class="tongle" title="Меню пользователя"><i class="fa fa-user"></i></div> <div class="content"> <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> <li><a href="{COMPARE_URL}" title="Сравнение"><i class="fa fa-retweet"></i>Сравнение</a></li> <li><a href="{USER_LOGOUT_URL}" title="Выход"><i class="fa fa-sign-out"></i>Выход</a></li> {% ENDIF %} </ul> </div> </div> <!-- Сравнение --> {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %} <div class="mycompare {% IF COMPARE_GOODS_COUNT > 0 %}have-items{% ENDIF %}"> <div class="tongle"> <a href="{COMPARE_URL}" title="Перейти к сравнению"> <i class="fa fa-retweet"></i><span class="compare-num">{COMPARE_GOODS_COUNT}</span> </a> </div> <ul id="compare-items" class="content"> {% FOR compare_goods %} <li class="item" {% IF compare_goods.index > 6 %}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-compare fa fa-close" title="Убрать товар из списка сравнения"></a> <div class="product-name"><a href="{compare_goods.URL}" class="title" title="{compare_goods.NAME}">{compare_goods.NAME}</a></div> <a href="#" class="dataid">{compare_goods.ID}</a> </li> {% ENDFOR %} </ul> </div> {% ENDIF %} <!-- Корзина --> </div> <div class="clear"></div>
#97
Отправлено 17 Май 2017 - 12:20
В мобильном каталоге:
поиск сделать открытым без наведения и иконки, далее иконка ЛК и сравнения. Все в один ряд
#98
#100
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных