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


Изменения В Каталоге

Автор Виталий702, 21 июня 2016 09:14

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

#1 Виталий702

Виталий702

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

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

Отправлено 21 Июнь 2016 - 09:14

Здравствуйте! Аккаунт SL-333527  
1 - как сделать у выпадающего меню закругленные края?
2- убрать подчеркивание
3 - изменить ширину, чтобы подкатегории были отцентрованы?
Спасибо!

И главный 4 вопрос - как сделать, при наведении курсором на товар - выползало краткое описание?
Вот спасибо!

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

  • Безымянный.GIF

#2 Виталий702

Виталий702

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

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

Отправлено 21 Июнь 2016 - 22:56

Вопрос открыт! Будьте бдительны, пожалуйста!!!

#3 Виталий702

Виталий702

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

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

Отправлено 22 Июнь 2016 - 08:02

Ответьте, пожалуйста, на вопросы!

#4 Виталий702

Виталий702

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

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

Отправлено 22 Июнь 2016 - 11:48

Господа гуру!!! Помогите, пожалуйста, хоть с частью вопросов.... С чего-то надо начинать!!! Спасибо!

#5 Firefly

Firefly

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

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

Отправлено 22 Июнь 2016 - 14:31

Просмотр сообщенияВиталий702 (21 Июнь 2016 - 09:14) писал:

Здравствуйте! Аккаунт SL-333527  
1 - как сделать у выпадающего меню закругленные края?
2- убрать подчеркивание
3 - изменить ширину, чтобы подкатегории были отцентрованы?
Спасибо!

И главный 4 вопрос - как сделать, при наведении курсором на товар - выползало краткое описание?
Вот спасибо!

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

1. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
#custommenu ul.mainnav li ul.dropdown-menu {position: absolute;width:100%;left: 0;background: #ffffff;z-index: 999;padding: 0px 20px 10px;overflow-y: hidden;visibility: hidden;opacity: 0;filter: alpha(opacity=0);-khtml-opacity: 0;-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);-webkit-transform: scale(0.5);-moz-transform: scale(0.5);-ms-transform: scale(0.5);-o-transform: scale(0.5);transform: scale(0.5);-webkit-transform-origin: center 10%;-moz-transform-origin: center 10%;transform-origin: center 10%;-webkit-transition: all 0.25s linear;-moz-transition: all 0.25s linear;-o-transition: all 0.25s linear;transition: all 0.25s linear;}

Замените на:
#custommenu ul.mainnav li ul.dropdown-menu {position: absolute;width:100%;left: 0;background: #ffffff;z-index: 999;padding: 0px 20px 10px;overflow-y: hidden;visibility: hidden;opacity: 0;filter: alpha(opacity=0);-khtml-opacity: 0;-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);-webkit-transform: scale(0.5);-moz-transform: scale(0.5);-ms-transform: scale(0.5);-o-transform: scale(0.5);transform: scale(0.5);-webkit-transform-origin: center 10%;-moz-transform-origin: center 10%;transform-origin: center 10%;-webkit-transition: all 0.25s linear;-moz-transition: all 0.25s linear;-o-transition: all 0.25s linear;transition: all 0.25s linear;border-radius: 5px;}

2. Найдите код:
#custommenu ul.mainnav li a.title-lv1 span:after {height: 1px;width: 100%;bottom: -2px;left: 0;position: absolute;background: #b1b1b1;content: "";}


Замените на:
/*#custommenu ul.mainnav li a.title-lv1 span:after {height: 1px;width: 100%;bottom: -2px;left: 0;position: absolute;background: #b1b1b1;content: "";}*/

3. Найдите код:
#custommenu ul.mainnav li.level1 {width: 24%;float: left;margin-right: 1%;}

Замените на:
#custommenu ul.mainnav li.level1 {width: 24%;float: left;margin-right: 1%;margin-left: 8%;}

4. Добавьте в конце main.css код:
.products-grid .item .product-hover .short-description-goods {display:none;}
.products-grid .item .product-hover:hover .short-description-goods {display:block;position:absolute;bottom:30%;left:40px;color:#fff;background-color:grey;padding:10px;}

В шаблоне Товары перед кодом:
					<div class="add-to-links">

Добавьте код:
			 <!-- Краткое описание -->
			{% IF goods.DESCRIPTION_SHORT %}
			<div class="short-description-goods">
			  <span itemprop="description">{goods.DESCRIPTION_SHORT}</span>
			</div>
			{% ENDIF %}

#6 Виталий702

Виталий702

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

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

Отправлено 23 Июнь 2016 - 09:08

Просмотр сообщенияFirefly (22 Июнь 2016 - 14:31) писал:

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

1. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
#custommenu ul.mainnav li ul.dropdown-menu {position: absolute;width:100%;left: 0;background: #ffffff;z-index: 999;padding: 0px 20px 10px;overflow-y: hidden;visibility: hidden;opacity: 0;filter: alpha(opacity=0);-khtml-opacity: 0;-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);-webkit-transform: scale(0.5);-moz-transform: scale(0.5);-ms-transform: scale(0.5);-o-transform: scale(0.5);transform: scale(0.5);-webkit-transform-origin: center 10%;-moz-transform-origin: center 10%;transform-origin: center 10%;-webkit-transition: all 0.25s linear;-moz-transition: all 0.25s linear;-o-transition: all 0.25s linear;transition: all 0.25s linear;}

Замените на:
#custommenu ul.mainnav li ul.dropdown-menu {position: absolute;width:100%;left: 0;background: #ffffff;z-index: 999;padding: 0px 20px 10px;overflow-y: hidden;visibility: hidden;opacity: 0;filter: alpha(opacity=0);-khtml-opacity: 0;-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);-webkit-transform: scale(0.5);-moz-transform: scale(0.5);-ms-transform: scale(0.5);-o-transform: scale(0.5);transform: scale(0.5);-webkit-transform-origin: center 10%;-moz-transform-origin: center 10%;transform-origin: center 10%;-webkit-transition: all 0.25s linear;-moz-transition: all 0.25s linear;-o-transition: all 0.25s linear;transition: all 0.25s linear;border-radius: 5px;}

2. Найдите код:
#custommenu ul.mainnav li a.title-lv1 span:after {height: 1px;width: 100%;bottom: -2px;left: 0;position: absolute;background: #b1b1b1;content: "";}


Замените на:
/*#custommenu ul.mainnav li a.title-lv1 span:after {height: 1px;width: 100%;bottom: -2px;left: 0;position: absolute;background: #b1b1b1;content: "";}*/

3. Найдите код:
#custommenu ul.mainnav li.level1 {width: 24%;float: left;margin-right: 1%;}

Замените на:
#custommenu ul.mainnav li.level1 {width: 24%;float: left;margin-right: 1%;margin-left: 8%;}

4. Добавьте в конце main.css код:
.products-grid .item .product-hover .short-description-goods {display:none;}
.products-grid .item .product-hover:hover .short-description-goods {display:block;position:absolute;bottom:30%;left:40px;color:#fff;background-color:grey;padding:10px;}

В шаблоне Товары перед кодом:
<div class="add-to-links">

Добавьте код:
			 <!-- Краткое описание -->
		 {% IF goods.DESCRIPTION_SHORT %}
		 <div class="short-description-goods">
			 <span itemprop="description">{goods.DESCRIPTION_SHORT}</span>
		 </div>
		 {% ENDIF %}
Огромное Вам спасибо! Все четко, то что хотел сделать!
А помогите, пожалуйста, ответить еще на этот вопрос: Как удалить из "Сортировать по" строчки - изображению, наличию, дате, рейтингу и количество отзывов? Спасибо! Я его открывал в другой теме, но чего-то ответы, которые там дают, не приносят изменений.

#7 Firefly

Firefly

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

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

Отправлено 23 Июнь 2016 - 10:40

Просмотр сообщенияВиталий702 (23 Июнь 2016 - 09:08) писал:

Огромное Вам спасибо! Все четко, то что хотел сделать!
А помогите, пожалуйста, ответить еще на этот вопрос: Как удалить из "Сортировать по" строчки - изображению, наличию, дате, рейтингу и количество отзывов? Спасибо! Я его открывал в другой теме, но чего-то ответы, которые там дают, не приносят изменений.

Здравствуйте.
Ответил Вам в основной теме, где Вы задавали вопрос.

#8 Виталий702

Виталий702

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

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

Отправлено 23 Июнь 2016 - 11:00

Просмотр сообщенияFirefly (23 Июнь 2016 - 10:40) писал:

Здравствуйте.
Ответил Вам в основной теме, где Вы задавали вопрос.
Да, спасибо большое!

#9 abram3

abram3

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

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

Отправлено 11 Сентябрь 2016 - 19:13

Добрый день!Нужна помощь!Можно ли сделать если товара нет в наличии,вместо цены отображалась надпись"Нет в наличии"?Но только чтобы она отображалась только когда нет ни одного цвета в наличии!

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

  • Screenshot_16.png

#10 Ирина345

Ирина345

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

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

Отправлено 12 Сентябрь 2016 - 15:41

Просмотр сообщенияabram3 (11 Сентябрь 2016 - 19:13) писал:

Добрый день!Нужна помощь!Можно ли сделать если товара нет в наличии,вместо цены отображалась надпись"Нет в наличии"?Но только чтобы она отображалась только когда нет ни одного цвета в наличии!
Здравствуйте, зайдите в раздел Настройки-Основные и поставьте галочку на против параметра "Отключить возможность класть в корзину больше товара, чем есть в наличии".

#11 abram3

abram3

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

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

Отправлено 12 Сентябрь 2016 - 18:22

Просмотр сообщенияИрина345 (12 Сентябрь 2016 - 15:41) писал:

Здравствуйте, зайдите в раздел Настройки-Основные и поставьте галочку на против параметра "Отключить возможность класть в корзину больше товара, чем есть в наличии".

Спасибо)))
Обратно в Каталог товаров


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

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

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