Немного Косметики
#1
Отправлено 04 Январь 2018 - 20:21
1) при просмотре с мобильного (айфон 7 в частности) товары в категории и на главной хотелось бы сделать таблицей по 2 товара в одной строке
2) Шрифт пунктов выпадающего меню (кнопка с тремя полосками слева вверху в мобильной версии) сделать больше. Кроме того, надо устранить баг, когда мы нажимаем на нее, а потом на "i" слева вверху, то меню не исчезает и поэтому не видно часть от меню, которое дает нам i, а если делаем наоборот, то такого бага нет.
3) Телефон в нижнем меню надо сделать жирным и побольше шрифт
4) в моей нише часто возникает вопрос, когда нужно всплывающее окно, которое показывается при заходе на сайт (например у нас сегодня бесплатная доставка, или торопитесь бабочек осталось немного и тд) и причем это все должно быть как то более менее удобно, желательно, чтобы можно было быстро редактировать / включать(выключать...
#2
Отправлено 11 Январь 2018 - 10:57
ProninT (04 Январь 2018 - 20:21) писал:
1) при просмотре с мобильного (айфон 7 в частности) товары в категории и на главной хотелось бы сделать таблицей по 2 товара в одной строке
2) Шрифт пунктов выпадающего меню (кнопка с тремя полосками слева вверху в мобильной версии) сделать больше. Кроме того, надо устранить баг, когда мы нажимаем на нее, а потом на "i" слева вверху, то меню не исчезает и поэтому не видно часть от меню, которое дает нам i, а если делаем наоборот, то такого бага нет.
3) Телефон в нижнем меню надо сделать жирным и побольше шрифт
4) в моей нише часто возникает вопрос, когда нужно всплывающее окно, которое показывается при заходе на сайт (например у нас сегодня бесплатная доставка, или торопитесь бабочек осталось немного и тд) и причем это все должно быть как то более менее удобно, желательно, чтобы можно было быстро редактировать / включать(выключать...
#4
Отправлено 17 Январь 2018 - 07:09
1. Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
{% FOR index_page_favorites_goods %} <div class="item item-animate show-addtocart col-xs-3 col-lg-4 col-md-6 col-sm-12 {% IF index_page_favorites_goods.index> 8 %}load-animate{% ENDIF %}" itemscope itemtype="https://schema.org/Product">
замените на:
{% FOR index_page_favorites_goods %} <div class="item item-animate show-addtocart col-xs-3 col-lg-4 col-md-6 col-sm-6 {% IF index_page_favorites_goods.index> 8 %}load-animate{% ENDIF %}" itemscope itemtype="https://schema.org/Product">
далее зайдите в шаблон Товары - найдите:
{% FOR goods %} <div class="item show-addtocart col-xs-4 col-lg-6 col-sm-12">
замените на:
{% FOR goods %} <div class="item show-addtocart col-xs-4 col-lg-6 col-sm-6">
2. Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#mommenu .menu_collapse_wrap #menu_collapse > ul {padding: 20px 20px;}
после него пропишите:
#mommenu .menu_collapse_wrap #menu_collapse ul a{font-size:14px;}
далее найдите:
#header-top {border-top: 5px solid #131313;line-height: 40px;position: relative;}
замените на:
#header-top {border-top: 5px solid #131313;line-height: 40px;position: relative;z-index: 10;}
далее найдите:
#mommenu .menu_collapse_wrap {width: 100%;position: absolute;left: 0;top: 100%;background: #222;z-index: 9999;}
замените на:
#mommenu .menu_collapse_wrap {width: 100%;position: absolute;left: 0;top: 100%;background: #222;z-index: 5;}
3. Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.block-contact .block-content p.c-phone {margin-bottom: 5px;}
после него пропишите:
.block-contact .block-content p.c-phone a{font-size: 14px;font-weight: bold;}
4. Данный вопрос рассматривался на форуме и имеет инструкцию по следующей ссылке:
https://forum.storel...плывающее-окно/
#5
Отправлено 21 Январь 2018 - 21:25
Vaccina (17 Январь 2018 - 07:09) писал:
1. Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
{% FOR index_page_favorites_goods %} <div class="item item-animate show-addtocart col-xs-3 col-lg-4 col-md-6 col-sm-12 {% IF index_page_favorites_goods.index> 8 %}load-animate{% ENDIF %}" itemscope itemtype="https://schema.org/Product">
замените на:
{% FOR index_page_favorites_goods %} <div class="item item-animate show-addtocart col-xs-3 col-lg-4 col-md-6 col-sm-6 {% IF index_page_favorites_goods.index> 8 %}load-animate{% ENDIF %}" itemscope itemtype="https://schema.org/Product">
далее зайдите в шаблон Товары - найдите:
{% FOR goods %} <div class="item show-addtocart col-xs-4 col-lg-6 col-sm-12">
замените на:
{% FOR goods %} <div class="item show-addtocart col-xs-4 col-lg-6 col-sm-6">
2. Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#mommenu .menu_collapse_wrap #menu_collapse > ul {padding: 20px 20px;}
после него пропишите:
#mommenu .menu_collapse_wrap #menu_collapse ul a{font-size:14px;}
далее найдите:
#header-top {border-top: 5px solid #131313;line-height: 40px;position: relative;}
замените на:
#header-top {border-top: 5px solid #131313;line-height: 40px;position: relative;z-index: 10;}
далее найдите:
#mommenu .menu_collapse_wrap {width: 100%;position: absolute;left: 0;top: 100%;background: #222;z-index: 9999;}
замените на:
#mommenu .menu_collapse_wrap {width: 100%;position: absolute;left: 0;top: 100%;background: #222;z-index: 5;}
3. Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.block-contact .block-content p.c-phone {margin-bottom: 5px;}
после него пропишите:
.block-contact .block-content p.c-phone a{font-size: 14px;font-weight: bold;}
4. Данный вопрос рассматривался на форуме и имеет инструкцию по следующей ссылке:
https://forum.storel...плывающее-окно/
Спасибо все хорошо, кроме пункта один. Давайте сделаем по другому: главную оставим без изменений, а в категориях при просмотре с мобильного должно быть так: по умолчанию должно быть не таблицей,а списком (только с мобильного), и там есть косяк - не пишется название товара и надо кое что поменять местами: 1)убираем кнопку в избранное и растягиваем контур кнопки в корзину влево, оставляем значок и пишем В КОРЗИНУ. 2) справа пишем название товара, а слева цену (скрин). Кроме того, во всех версиях пора убрать бегунок с количеством товара на странице и вообще убрать эту функцию. потому что у меня не бывает более 30 товаров в категории
#6
Отправлено 25 Январь 2018 - 16:26
ProninT (21 Январь 2018 - 21:25) писал:
Товар списком в моб. версии:
в конец main.js добавьте
$(document).ready(function(){ if(getClientWidth() < 482){ $('.view-mode a.list')[0].click(); } })-------------
Не отображается название:
в main.css найдите код
@media all and (max-width: 641px) {и после него вставьте
#main .products-list .product-shop {clear: both;}Уточните, пожалуйста, остальные изменения относятся только к мобильной версии или нет?
#7
Отправлено 28 Январь 2018 - 00:09
Danil (25 Январь 2018 - 16:26) писал:
Товар списком в моб. версии:
в конец main.js добавьте
$(document).ready(function(){ if(getClientWidth() < 482){ $('.view-mode a.list')[0].click(); } })-------------
Не отображается название:
в main.css найдите код
@media all and (max-width: 641px) {и после него вставьте
#main .products-list .product-shop {clear: both;}Уточните, пожалуйста, остальные изменения относятся только к мобильной версии или нет?
Спасибо, сработало! а по поводу всего остального:
"надо кое что поменять местами: 1)убираем кнопку в избранное и растягиваем контур кнопки в корзину влево, оставляем значок и пишем В КОРЗИНУ. 2) справа пишем название товара, а слева цену". это в мобильной версии то, что мы сейчас с Вами сделали списком. прилагаю скрин. и еще название товара которое мы добавили в мобильной версии нужно сделать чуть больше и жирным
А это ВЕЗДЕ: Кроме того, во всех версиях пора убрать бегунок с количеством товара на странице и вообще убрать эту функцию. потому что у меня не бывает более 30 товаров в категории
#8
Отправлено 06 Февраль 2018 - 10:03
ProninT (28 Январь 2018 - 00:09) писал:
"надо кое что поменять местами: 1)убираем кнопку в избранное и растягиваем контур кнопки в корзину влево, оставляем значок и пишем В КОРЗИНУ. 2) справа пишем название товара, а слева цену". это в мобильной версии то, что мы сейчас с Вами сделали списком. прилагаю скрин. и еще название товара которое мы добавили в мобильной версии нужно сделать чуть больше и жирным
А это ВЕЗДЕ: Кроме того, во всех версиях пора убрать бегунок с количеством товара на странице и вообще убрать эту функцию. потому что у меня не бывает более 30 товаров в категории
Что бы убрать кнопку "Добавить в избранное" в каталоге, найдите шаблоне Товары код
<li> <!-- Если есть возможность добавить товар в избранное --> {% IF goods.IS_HAS_IN_FAVORITES_LIST %} <a class="add-wishlist added" data-action-is-add="0" data-action-add-url="{FAVORITES_ADD_URL}" data-action-delete-url="{FAVORITES_DELETE_URL}" data-action-add-title="Добавить «{goods.NAME}» в избранное" data-action-delete-title="Убрать «{goods.NAME}» из избранного" title="Убрать «{goods.NAME}» из избранного" href="{FAVORITES_DELETE_URL}?id={goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}" ></a> {% ELSE %} <a class="add-wishlist" data-action-is-add="1" data-action-add-url="{FAVORITES_ADD_URL}" data-action-delete-url="{FAVORITES_DELETE_URL}" data-action-add-title="Добавить «{goods.NAME}» в избранное" data-action-delete-title="Убрать «{goods.NAME}» из избранного" title="Добавить «{goods.NAME}» в избранное" href="{FAVORITES_ADD_URL}?id={goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}" ></a> {% ENDIF %} <!-- END Если есть возможность добавить товар в избранное --> </li> <li> <!-- Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина --> {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %} {% IF goods.IS_HAS_IN_COMPARE_LIST %} <a class="add-compare added" data-action-is-add="0" data-action-add-url="{COMPARE_ADD_URL}" data-action-delete-url="{COMPARE_DELETE_URL}" data-action-add-title="Добавить «{goods.NAME}» в список сравнения с другими товарами" data-action-delete-title="Убрать «{goods.NAME}» из списка сравнения с другими товарами" data-prodname="{goods.NAME}" data-produrl="{goods.URL}" data-id="{goods.ID}" data-mod-id="{goods.MIN_PRICE_NOW_ID}" title="Убрать «{goods.NAME}» из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id={goods.MIN_PRICE_NOW_ID}&from={goods.GOODS_FROM}&return_to={CURRENT_URL | urlencode}" ></a> {% ELSE %} <a class="add-compare" data-action-is-add="1" data-action-add-url="{COMPARE_ADD_URL}" data-action-delete-url="{COMPARE_DELETE_URL}" data-action-add-title="Добавить «{goods.NAME}» в список сравнения с другими товарами" data-action-delete-title="Убрать «{goods.NAME}» из списка сравнения с другими товарами" data-prodname="{goods.NAME}" data-produrl="{goods.URL}" data-id="{goods.ID}" data-mod-id="{goods.MIN_PRICE_NOW_ID}" title="Добавить «{goods.NAME}» в список сравнения с другими товарами" href="{COMPARE_ADD_URL}?id={goods.MIN_PRICE_NOW_ID}&from={goods.GOODS_FROM}&return_to={CURRENT_URL | urlencode}" ></a> {% ENDIF %} {% ENDIF %} <!-- END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина --> </li>и удалите
далее найдите в файле main.css код
.products-grid .item .item-inner .item-img .item-box-hover .box-inner .btn-cart { text-indent: -9999px; } .products-grid .item .item-inner .item-img .item-box-hover .box-inner .btn-cart:before{background: url("{ASSETS_IMAGES_PATH}action-llist.png") no-repeat left -343px !important;}замените на
.products-grid .item .item-inner .item-img .item-box-hover .box-inner .btn-cart { /* text-indent: -9999px; */ width: 113px !important; padding: 13px 0 13px 31px !important; height: auto !important; color: #fff; } .products-grid .item .item-inner .item-img .item-box-hover .box-inner .btn-cart:before{background: url("{ASSETS_IMAGES_PATH}action-llist.png") no-repeat -7px -343px !important;}
#9
Отправлено 07 Февраль 2018 - 21:37
Ирина345 (06 Февраль 2018 - 10:03) писал:
Что бы убрать кнопку "Добавить в избранное" в каталоге, найдите шаблоне Товары код
<li> <!-- Если есть возможность добавить товар в избранное --> {% IF goods.IS_HAS_IN_FAVORITES_LIST %} <a class="add-wishlist added" data-action-is-add="0" data-action-add-url="{FAVORITES_ADD_URL}" data-action-delete-url="{FAVORITES_DELETE_URL}" data-action-add-title="Добавить «{goods.NAME}» в избранное" data-action-delete-title="Убрать «{goods.NAME}» из избранного" title="Убрать «{goods.NAME}» из избранного" href="{FAVORITES_DELETE_URL}?id={goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}" ></a> {% ELSE %} <a class="add-wishlist" data-action-is-add="1" data-action-add-url="{FAVORITES_ADD_URL}" data-action-delete-url="{FAVORITES_DELETE_URL}" data-action-add-title="Добавить «{goods.NAME}» в избранное" data-action-delete-title="Убрать «{goods.NAME}» из избранного" title="Добавить «{goods.NAME}» в избранное" href="{FAVORITES_ADD_URL}?id={goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}" ></a> {% ENDIF %} <!-- END Если есть возможность добавить товар в избранное --> </li> <li> <!-- Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина --> {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %} {% IF goods.IS_HAS_IN_COMPARE_LIST %} <a class="add-compare added" data-action-is-add="0" data-action-add-url="{COMPARE_ADD_URL}" data-action-delete-url="{COMPARE_DELETE_URL}" data-action-add-title="Добавить «{goods.NAME}» в список сравнения с другими товарами" data-action-delete-title="Убрать «{goods.NAME}» из списка сравнения с другими товарами" data-prodname="{goods.NAME}" data-produrl="{goods.URL}" data-id="{goods.ID}" data-mod-id="{goods.MIN_PRICE_NOW_ID}" title="Убрать «{goods.NAME}» из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id={goods.MIN_PRICE_NOW_ID}&from={goods.GOODS_FROM}&return_to={CURRENT_URL | urlencode}" ></a> {% ELSE %} <a class="add-compare" data-action-is-add="1" data-action-add-url="{COMPARE_ADD_URL}" data-action-delete-url="{COMPARE_DELETE_URL}" data-action-add-title="Добавить «{goods.NAME}» в список сравнения с другими товарами" data-action-delete-title="Убрать «{goods.NAME}» из списка сравнения с другими товарами" data-prodname="{goods.NAME}" data-produrl="{goods.URL}" data-id="{goods.ID}" data-mod-id="{goods.MIN_PRICE_NOW_ID}" title="Добавить «{goods.NAME}» в список сравнения с другими товарами" href="{COMPARE_ADD_URL}?id={goods.MIN_PRICE_NOW_ID}&from={goods.GOODS_FROM}&return_to={CURRENT_URL | urlencode}" ></a> {% ENDIF %} {% ENDIF %} <!-- END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина --> </li>и удалите
далее найдите в файле main.css код
.products-grid .item .item-inner .item-img .item-box-hover .box-inner .btn-cart { text-indent: -9999px; } .products-grid .item .item-inner .item-img .item-box-hover .box-inner .btn-cart:before{background: url("{ASSETS_IMAGES_PATH}action-llist.png") no-repeat left -343px !important;}замените на
.products-grid .item .item-inner .item-img .item-box-hover .box-inner .btn-cart { /* text-indent: -9999px; */ width: 113px !important; padding: 13px 0 13px 31px !important; height: auto !important; color: #fff; } .products-grid .item .item-inner .item-img .item-box-hover .box-inner .btn-cart:before{background: url("{ASSETS_IMAGES_PATH}action-llist.png") no-repeat -7px -343px !important;}
избранное убралось, а вот второй шаг все сделал как написано, у меня все поехало, причем в обеих версиях
#10
Отправлено 08 Февраль 2018 - 18:21
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных