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


Изменение Цвета Фона При Наведении На Изображение Товара


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

#1 Tanksav

Tanksav

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

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

Отправлено 16 Август 2016 - 14:53

Здравствуйте, подскажите пожалуйста как изменить цвет фона при наведении на изображение товара в табличном варианте. У меня отображается краткое описание при наведении и его не видно из-за слишком темного фона. Так же не видно "Подробнее..." можно ли как-то увеличить его и сделать другим цветом?

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

  • 1.jpg


#2 RayLi

RayLi

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

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

Отправлено 16 Август 2016 - 15:51

Просмотр сообщенияTanksav (16 Август 2016 - 14:53) писал:

Здравствуйте, подскажите пожалуйста как изменить цвет фона при наведении на изображение товара в табличном варианте. У меня отображается краткое описание при наведении и его не видно из-за слишком темного фона. Так же не видно "Подробнее..." можно ли как-то увеличить его и сделать другим цветом?

Здравствуйте.
В данном случае попробуйте, пожалуйста, сделать следующее:
В шаблоне main.css найдите, пожалуйста, данный код:

.products-grid .item .item-inner .item-img:hover > a:before {
	position: absolute;
	background-color: rgba(0,0,0,0.3);
	content: "";
	height: 100%;
	left: 0;
	margin: auto;
	top: 0;
	width: 100%;
}

И замените его вот этим вот кодом:

.products-grid .item .item-inner .item-img:hover > a:before {
	position: absolute;
	background-color: rgba(0, 0, 0, 0.15);
	content: "";
	height: 100%;
	left: 0;
	margin: auto;
	top: 0;
	width: 100%;
}

После чего в шаблоне Товары найдите, пожалуйста, следующий код:

<div class="desc_t">
<p itemprop="description">{goods.DESCRIPTION_SHORT | htmlspecialchars_decode}</p>
<a href="{goods.URL | url_amp}" class="learn-more">Подробнее...</a>
</div>
{% ENDIF %}

И замените его вот этим кодом:

<div class="desc_t">
<p itemprop="description">{goods.DESCRIPTION_SHORT | htmlspecialchars_decode}</p>
<a href="{goods.URL | url_amp}" style="font-size:22px; color:#ffffff;" class="learn-more">Подробнее...</a>
</div>
{% ENDIF %}


#3 Tanksav

Tanksav

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

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

Отправлено 16 Август 2016 - 16:56

Спасибо большое!!!

#4 Tanksav

Tanksav

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

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

Отправлено 29 Ноябрь 2016 - 16:55

Здравствуйте, заметила ошибку на сайте, не подгружается левая колонка товаров в каталоге, если навести на средний столбец и правый все нормально, а если навести курсор на левый то не высвечивается краткое описание и зайти на станицу товара нельзя  http://girosport.com/catalog/tyubingi

#5 Firefly

Firefly

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

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

Отправлено 30 Ноябрь 2016 - 10:16

Просмотр сообщенияTanksav (29 Ноябрь 2016 - 16:55) писал:

Здравствуйте, заметила ошибку на сайте, не подгружается левая колонка товаров в каталоге, если навести на средний столбец и правый все нормально, а если навести курсор на левый то не высвечивается краткое описание и зайти на станицу товара нельзя  http://girosport.com/catalog/tyubingi

Здравствуйте.
При проверке указанной Вами проблемы не выявили.

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

  • Screenshot_1.png


#6 Tanksav

Tanksav

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

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

Отправлено 30 Ноябрь 2016 - 11:36

Просмотр сообщенияFirefly (30 Ноябрь 2016 - 10:16) писал:

Здравствуйте.
При проверке указанной Вами проблемы не выявили.
У меня ошибка так и не исчезла, правда не все карточки левого столбца глючат, каждый раз разные после обновления страницы.

#7 Stasya

Stasya

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

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

Отправлено 05 Декабрь 2016 - 11:29

Просмотр сообщенияTanksav (30 Ноябрь 2016 - 11:36) писал:

У меня ошибка так и не исчезла, правда не все карточки левого столбца глючат, каждый раз разные после обновления страницы.
Здравствуйте. Простите за долгое ожидание. Скажите, пожалуйста, Ваш вопрос еще актуален? На данный момент подобной проблемы на Вашем сайте не обнаружили.

#8 Tanksav

Tanksav

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

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

Отправлено 05 Декабрь 2016 - 11:32

Просмотр сообщенияStasya (05 Декабрь 2016 - 11:29) писал:

Здравствуйте. Простите за долгое ожидание. Скажите, пожалуйста, Ваш вопрос еще актуален? На данный момент подобной проблемы на Вашем сайте не обнаружили.
Здравствуйте, спасибо, проблему уже устранили.




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

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