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


Немного Косметики


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

#1 ProninT

ProninT

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

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

Отправлено 04 Январь 2018 - 20:21

Добрый вечер! подскажите, пожалуйста кое-что:

1) при просмотре с мобильного (айфон 7 в частности) товары в категории и на главной хотелось бы сделать таблицей по 2 товара в одной строке

2) Шрифт пунктов выпадающего меню (кнопка с тремя полосками слева вверху в мобильной версии) сделать больше. Кроме того, надо устранить баг, когда мы нажимаем на нее, а потом на "i" слева вверху, то меню не исчезает и поэтому не видно часть от меню, которое дает нам i, а если делаем наоборот, то такого бага нет.

3) Телефон в нижнем меню надо сделать жирным и побольше шрифт

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

#2 Stasya

Stasya

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

  • Модератоpы
  • 4 007 сообщений

Отправлено 11 Январь 2018 - 10:57

Просмотр сообщенияProninT (04 Январь 2018 - 20:21) писал:

Добрый вечер! подскажите, пожалуйста кое-что:

1) при просмотре с мобильного (айфон 7 в частности) товары в категории и на главной хотелось бы сделать таблицей по 2 товара в одной строке

2) Шрифт пунктов выпадающего меню (кнопка с тремя полосками слева вверху в мобильной версии) сделать больше. Кроме того, надо устранить баг, когда мы нажимаем на нее, а потом на "i" слева вверху, то меню не исчезает и поэтому не видно часть от меню, которое дает нам i, а если делаем наоборот, то такого бага нет.

3) Телефон в нижнем меню надо сделать жирным и побольше шрифт

4) в моей нише часто возникает вопрос, когда нужно всплывающее окно, которое показывается при заходе на сайт (например у нас сегодня бесплатная доставка, или торопитесь бабочек осталось немного и тд) и причем это все должно быть как то более менее удобно, желательно, чтобы можно было быстро редактировать / включать(выключать...
Здравствуйте. Уточните, пожалуйста, речь идет об аккаунте 345176?

#3 ProninT

ProninT

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

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

Отправлено 16 Январь 2018 - 02:00

Просмотр сообщенияStasya (11 Январь 2018 - 10:57) писал:

Здравствуйте. Уточните, пожалуйста, речь идет об аккаунте 345176?

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

#4 Vaccina

Vaccina

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

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

Отправлено 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 ProninT

ProninT

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

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

Отправлено 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 Danil

Danil

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

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

Отправлено 25 Январь 2018 - 16:26

Просмотр сообщенияProninT (21 Январь 2018 - 21:25) писал:

Спасибо все хорошо, кроме пункта один. Давайте сделаем по другому: главную оставим без изменений, а в категориях при просмотре с мобильного должно быть так: по умолчанию должно быть не таблицей,а списком (только с мобильного), и там есть косяк - не пишется название товара и надо кое что поменять местами: 1)убираем кнопку в избранное и растягиваем контур кнопки в корзину влево, оставляем значок и пишем В КОРЗИНУ. 2) справа пишем название товара, а слева цену (скрин). Кроме того, во всех версиях пора убрать бегунок с количеством товара на странице и вообще убрать эту функцию. потому что у меня не бывает более 30 товаров в категории
Здравствуйте.
Товар списком в моб. версии:
в конец 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 ProninT

ProninT

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

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

Отправлено 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 Ирина345

Ирина345

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

  • Модераторы
  • 5 709 сообщений

Отправлено 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="Добавить &laquo;{goods.NAME}&raquo; в избранное"
									  data-action-delete-title="Убрать &laquo;{goods.NAME}&raquo; из избранного"
									  title="Убрать &laquo;{goods.NAME}&raquo; из избранного"
									  href="{FAVORITES_DELETE_URL}?id={goods.MIN_PRICE_NOW_ID}&amp;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="Добавить &laquo;{goods.NAME}&raquo; в избранное"
									  data-action-delete-title="Убрать &laquo;{goods.NAME}&raquo; из избранного"
									  title="Добавить &laquo;{goods.NAME}&raquo; в избранное" href="{FAVORITES_ADD_URL}?id={goods.MIN_PRICE_NOW_ID}&amp;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="Добавить &laquo;{goods.NAME}&raquo; в список сравнения с другими товарами"
										data-action-delete-title="Убрать &laquo;{goods.NAME}&raquo; из списка сравнения с другими товарами"
										data-prodname="{goods.NAME}"
										data-produrl="{goods.URL}"
										data-id="{goods.ID}"
										data-mod-id="{goods.MIN_PRICE_NOW_ID}"
										title="Убрать &laquo;{goods.NAME}&raquo; из списка сравнения с другими товарами"
										href="{COMPARE_DELETE_URL}?id={goods.MIN_PRICE_NOW_ID}&amp;from={goods.GOODS_FROM}&amp;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="Добавить &laquo;{goods.NAME}&raquo; в список сравнения с другими товарами"
										data-action-delete-title="Убрать &laquo;{goods.NAME}&raquo; из списка сравнения с другими товарами"
										data-prodname="{goods.NAME}"
										data-produrl="{goods.URL}"
										data-id="{goods.ID}"
										data-mod-id="{goods.MIN_PRICE_NOW_ID}"
										title="Добавить &laquo;{goods.NAME}&raquo; в список сравнения с другими товарами"
										href="{COMPARE_ADD_URL}?id={goods.MIN_PRICE_NOW_ID}&amp;from={goods.GOODS_FROM}&amp;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 ProninT

ProninT

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

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

Отправлено 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="Добавить &laquo;{goods.NAME}&raquo; в избранное"
									 data-action-delete-title="Убрать &laquo;{goods.NAME}&raquo; из избранного"
									 title="Убрать &laquo;{goods.NAME}&raquo; из избранного"
									 href="{FAVORITES_DELETE_URL}?id={goods.MIN_PRICE_NOW_ID}&amp;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="Добавить &laquo;{goods.NAME}&raquo; в избранное"
									 data-action-delete-title="Убрать &laquo;{goods.NAME}&raquo; из избранного"
									 title="Добавить &laquo;{goods.NAME}&raquo; в избранное" href="{FAVORITES_ADD_URL}?id={goods.MIN_PRICE_NOW_ID}&amp;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="Добавить &laquo;{goods.NAME}&raquo; в список сравнения с другими товарами"
									 data-action-delete-title="Убрать &laquo;{goods.NAME}&raquo; из списка сравнения с другими товарами"
									 data-prodname="{goods.NAME}"
									 data-produrl="{goods.URL}"
									 data-id="{goods.ID}"
									 data-mod-id="{goods.MIN_PRICE_NOW_ID}"
									 title="Убрать &laquo;{goods.NAME}&raquo; из списка сравнения с другими товарами"
									 href="{COMPARE_DELETE_URL}?id={goods.MIN_PRICE_NOW_ID}&amp;from={goods.GOODS_FROM}&amp;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="Добавить &laquo;{goods.NAME}&raquo; в список сравнения с другими товарами"
									 data-action-delete-title="Убрать &laquo;{goods.NAME}&raquo; из списка сравнения с другими товарами"
									 data-prodname="{goods.NAME}"
									 data-produrl="{goods.URL}"
									 data-id="{goods.ID}"
									 data-mod-id="{goods.MIN_PRICE_NOW_ID}"
									 title="Добавить &laquo;{goods.NAME}&raquo; в список сравнения с другими товарами"
									 href="{COMPARE_ADD_URL}?id={goods.MIN_PRICE_NOW_ID}&amp;from={goods.GOODS_FROM}&amp;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 metry

metry

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

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

Отправлено 08 Февраль 2018 - 18:21

Добрый день. Изменения по второму пункту внес. Пожалуйста, проверьте.




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

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