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


Первые Изменения


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

#21 Mari-ina

Mari-ina

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

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

Отправлено 22 Январь 2016 - 14:25

С фоном я поняла. На скрине показала стрелками какие блоки надо выровнять. И второе: при наведении на нижнее меню значок и слово начинают мигать, можно ли сделать как наверху с личным кабинетом, чтобы просто одновременно срабатывал красный.

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

  • 50.png


#22 Firefly

Firefly

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

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

Отправлено 22 Январь 2016 - 15:35

Просмотр сообщенияMari-ina (22 Январь 2016 - 14:25) писал:

С фоном я поняла. На скрине показала стрелками какие блоки надо выровнять. И второе: при наведении на нижнее меню значок и слово начинают мигать, можно ли сделать как наверху с личным кабинетом, чтобы просто одновременно срабатывал красный.

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
.header-middle {position: relative; background: #59505D;}

Замените на:
.header-middle {position: relative; background: #59505D;padding: 8px 0;}

Найдите код:
.footer-fixed .ff-nav {padding: 12px 0;text-align: center;}

Замените на:
.footer-fixed .ff-nav {padding: 8px 0;text-align: center;}

Найдите код:
.footer-fixed .ff-nav ul li a.active, .footer-fixed .ff-nav ul li a:hover {color: #BABB93;}
.footer-fixed .ff-nav ul li a.active i, .footer-fixed .ff-nav ul li a:hover i {color: #BABB93;}

Замените на:
.footer-fixed .ff-nav ul li a.active, .footer-fixed .ff-nav ul li a h5:hover {color: #c7081b;}
.footer-fixed .ff-nav ul li a.active i, .footer-fixed .ff-nav ul li a:hover i {color: #c7081b;}


#23 Mari-ina

Mari-ina

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

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

Отправлено 23 Январь 2016 - 10:14

Что за странность: если в нижнем меню подносить курсор со стороны слова (сравнение, контакты итд), то выделяется красным и слово и значок, а если со стороны значка, то слово не выделяется

#24 RedHead

RedHead

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

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

Отправлено 23 Январь 2016 - 11:52

Просмотр сообщенияMari-ina (23 Январь 2016 - 10:14) писал:

Что за странность: если в нижнем меню подносить курсор со стороны слова (сравнение, контакты итд), то выделяется красным и слово и значок, а если со стороны значка, то слово не выделяется

Здравствуйте! В шаблоне html найдите блок кода:
<li>
					  <span class="list-circle-bg"><span class="circle-bg">.</span></span><span class="list-circle-bg list-circle-bg_hover"><span class="circle-bg">.</span></span>
					  <a href="{menu.footer.links.URL}" {% IF menu.footer.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.footer.links.TITLE %}title="{menu.footer.links.TITLE}"{% ENDIF %}>{menu.footer.links.NAME}</a>
					</li>
замените его на:
<li>
					  <a href="{menu.footer.links.URL}" {% IF menu.footer.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.footer.links.TITLE %}title="{menu.footer.links.TITLE}"{% ENDIF %}><span class="list-circle-bg"><span class="circle-bg">.</span></span><span class="list-circle-bg list-circle-bg_hover"><span class="circle-bg">.</span></span>{menu.footer.links.NAME}</a>
					</li>


#25 Mari-ina

Mari-ina

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

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

Отправлено 23 Январь 2016 - 14:42

Ничего не поменялось. Нужно сделать как с личным кабинетом, чтобы всегда одновременно выделялся значок и слово. А сейчас если курсор подводишь слева, получается  как на скрине.

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

  • 51.png


#26 RedHead

RedHead

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

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

Отправлено 23 Январь 2016 - 19:37

Просмотр сообщенияMari-ina (23 Январь 2016 - 14:42) писал:

Ничего не поменялось. Нужно сделать как с личным кабинетом, чтобы всегда одновременно выделялся значок и слово. А сейчас если курсор подводишь слева, получается  как на скрине.

Прошу прощения, неправильно Вас поняла. Высланная инструкция была сделала для меню в футере (см. скринот), чтобы при наведении на кружок, пункт меню подсвечивался вместе в ним.

1.jpg

Для выполнения Вашего вопроса, в шаблоне main.css замените строку:
.footer-fixed .ff-nav ul li a.active, .footer-fixed .ff-nav ul li a h5:hover {color: #c7081b;}
на:
.footer-fixed .ff-nav ul li a.active, .footer-fixed .ff-nav ul li a:hover {color: #c7081b;}

2.jpg

#27 Mari-ina

Mari-ina

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

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

Отправлено 24 Январь 2016 - 15:19

К сожалению, опять не помогло.

#28 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 25 Январь 2016 - 10:50

Просмотр сообщенияMari-ina (23 Январь 2016 - 14:42) писал:

Ничего не поменялось. Нужно сделать как с личным кабинетом, чтобы всегда одновременно выделялся значок и слово. А сейчас если курсор подводишь слева, получается  как на скрине.

Здравствуйте, попробуйте такой вариант
В main.css Находим
.footer-fixed .ff-nav ul li a {color: #a7a7a7;}
Заменяем на
.footer-fixed .ff-nav ul li a {color: #a7a7a7;transition: 0s;-webkit-transition: 0s;-moz-transition: 0s;}


#29 Mari-ina

Mari-ina

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

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

Отправлено 25 Январь 2016 - 11:55

Спасибо, получилось!

#30 Mari-ina

Mari-ina

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

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

Отправлено 25 Январь 2016 - 17:36

Здравствуйте. Можно ли сделать так, чтобы подсветка слова меню в подвале также срабатывала одновременно с точкой. Сейчас точка подсвечивается, когда курсор оказывается приблизительно где галочки на скрине, а само слово, только при непосредственном поднесении к нему.

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

  • 52.png


#31 Юля123

Юля123

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

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

Отправлено 25 Январь 2016 - 17:48

Просмотр сообщенияMari-ina (25 Январь 2016 - 17:36) писал:

Здравствуйте. Можно ли сделать так, чтобы подсветка слова меню в подвале также срабатывала одновременно с точкой. Сейчас точка подсвечивается, когда курсор оказывается приблизительно где галочки на скрине, а само слово, только при непосредственном поднесении к нему.

В Main.css найдите код:

.list-circle li a:hover {color: #8bc34a;}

и замените на код:

.list-circle li:hover a {color: #8bc34a;}


#32 Mari-ina

Mari-ina

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

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

Отправлено 25 Январь 2016 - 20:50

Спасибо! Как сделать тоже самое с добавлением в избранное и сравнение на странице товара?

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

  • 53.png


#33 Vaccina

Vaccina

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

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

Отправлено 26 Январь 2016 - 02:32

Уточните пожалуйста, ваш вопрос еще актуален? Так как при наведении на данные кнопки в карточке товара подсвечиваются одновременно иконка и текст зеленым цветом.

#34 Mari-ina

Mari-ina

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

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

Отправлено 26 Январь 2016 - 07:03

Да, вопрос актуален, они срабатывают не одновременно, а с задержкой, сначала иконка, потом слово

#35 Vaccina

Vaccina

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

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

Отправлено 26 Январь 2016 - 07:51

В main.css найдите и удалите:
.button, .button:hover , a, a:hover,
.wrapper, .info-list .info-item,
.accor-closed .title_accor strong, .accor-open strong,
#totop, #back-top, .btn-close,
.products-grid .item .item-inner .item-img .ratings,
#producttabs .pdt-nav li span, #producttabs .pdt-nav li span:hover,
.list-circle li a, .list-circle li .list-circle-bg
{transition: all 0.3s ease-in-out 0s;-webkit-transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;}

этот блок отвечает за плавность анимации.

#36 Mari-ina

Mari-ina

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

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

Отправлено 26 Январь 2016 - 21:45

Теперь почему-то не срабатывает иконка у добавления в сравнение на странице товара

#37 Vaccina

Vaccina

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

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

Отправлено 27 Январь 2016 - 03:15

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

#38 Mari-ina

Mari-ina

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

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

Отправлено 27 Январь 2016 - 06:54

Если подносить курсор к иконке избранного, все работает, а если к иконке сравнения, то нет. Надпись выделяется, только если к слову добавить в сравнение подносишь.

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

  • 54.png


#39 Firefly

Firefly

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

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

Отправлено 27 Январь 2016 - 18:54

Просмотр сообщенияMari-ina (27 Январь 2016 - 06:54) писал:

Если подносить курсор к иконке избранного, все работает, а если к иконке сравнения, то нет. Надпись выделяется, только если к слову добавить в сравнение подносишь.

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
.product-view .product-shop .add-to-links a:before {display: inline-block;position: relative;font-family: FontAwesome;font-size: 16px;color: #1e1e21;padding: 0;margin: 0 5px 0 0;opacity: 1;visibility: visible;background: transparent;}

Замените на:
.product-view .product-shop .add-to-links a:before {display: inline-block;position: static;font-family: FontAwesome;font-size: 16px;color: #1e1e21;padding: 0;margin: 0 5px 0 0;opacity: 1;visibility: visible;background: transparent;}


#40 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 27 Январь 2016 - 22:26

Просмотр сообщенияMari-ina (27 Январь 2016 - 06:54) писал:

Если подносить курсор к иконке избранного, все работает, а если к иконке сравнения, то нет. Надпись выделяется, только если к слову добавить в сравнение подносишь.

Здравствуйте, лучше использовать данный вариант (так же исправляется анимация при наведении)

В main.css перед
.product-view .product-shop .add-to-links a:before

Добавляем данную строчку
.product-view .product-shop .add-to-links a {display: inline-block;transition: 0s;-webkit-transition: 0s;-moz-transition: 0s;}





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

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