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


Пропала Анимация Кнопок

анимация кнопок весна

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

#1 Pavel11

Pavel11

    Новичок

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

Отправлено 02 Август 2014 - 12:55

Доброго времени суток.
На всём сайте пропала анимация кнопок. Сейчас на сайте вместо кнопок черные и красные круги и квадраты. Последними действиями были: добавление сайта в поисковики и установка счетчика. Помогите пожалуйста

адрес магазина:
РыцарьПринцесса.рф

#2 Castiel

Castiel

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

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

Отправлено 02 Август 2014 - 14:38

Просмотр сообщенияPavel11 (02 Август 2014 - 12:55) писал:

Доброго времени суток.
На всём сайте пропала анимация кнопок. Сейчас на сайте вместо кнопок черные и красные круги и квадраты. Последними действиями были: добавление сайта в поисковики и установка счетчика. Помогите пожалуйста

адрес магазина:
РыцарьПринцесса.рф

Здравствуйте, проблему исправили, обновите кэш браузера.

#3 Pavel11

Pavel11

    Новичок

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

Отправлено 02 Август 2014 - 14:40

Большое спасибо, теперь всё в норме

#4 Viking

Viking

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

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

Отправлено 11 Октябрь 2014 - 20:22

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

Как вернуть в штатный режим отображения кнопок : появляются при наведении (hover),  а не как сейчас: постоянное отображение

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

  • 111014.png


#5 Alekseys

Alekseys

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

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

Отправлено 11 Октябрь 2014 - 20:45

Просмотр сообщенияViking (11 Октябрь 2014 - 20:22) писал:

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

Как вернуть в штатный режим отображения кнопок : появляются при наведении (hover),  а не как сейчас: постоянное отображение
Здравствуйте. В main.css замените
body .prod_hold > div .prod-info-fly {
bottom: 0;
display: block;
min-height: inherit;
opacity: 1;
position: static;
width: 190px !important;
}
на
body .prod_hold > div .prod-info-fly {
bottom: 0;
display: none;
min-height: inherit;
opacity: 1;
position: static;
width: 190px !important;
}
и добавьте
body .prod_hold > div .prod-info-fly:hover {
display: block;
}
также замените
#column-left + #content .prod_hold {
margin: 0 6px 20px 6px;
}
на
#column-left + #content .prod_hold {
margin: 0 6px 20px 6px;
height: 345px;
}


#6 Viking

Viking

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

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

Отправлено 12 Октябрь 2014 - 06:38

Вообще-то получилось, но теперь не отображаются кнопки (а также название, цена) в мобильной версии, если товар таблицей (если списком то все нормально)

#7 Ирина345

Ирина345

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

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

Отправлено 12 Октябрь 2014 - 08:44

Просмотр сообщенияViking (12 Октябрь 2014 - 06:38) писал:

Вообще-то получилось, но теперь не отображаются кнопки (а также название, цена) в мобильной версии, если товар таблицей (если списком то все нормально)
Здравствуйте, уточните что необходимо исправить.

#8 Viking

Viking

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

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

Отправлено 12 Октябрь 2014 - 08:57

Нужно чтобы в мобильной версии при отображении товаров таблицей Название-Цена-Кнопки стали отображаться! После этих изменений http://forum.storela...ок/#entry165467 они стали отображаться только при отображении товаров списком

#9 Ирина345

Ирина345

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

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

Отправлено 12 Октябрь 2014 - 09:41

Просмотр сообщенияViking (12 Октябрь 2014 - 08:57) писал:

Нужно чтобы в мобильной версии при отображении товаров таблицей Название-Цена-Кнопки стали отображаться! После этих изменений http://forum.storela...ок/#entry165467 они стали отображаться только при отображении товаров списком
Найдите в man.css
@media only screen and (min-width: 480px) and (max-width: 767px) {
  #toggle_switch {display:none;}
  .inner {width:86%;}
  #header_colapse .inner {display:block !important;}
  #header #cart {right: 0px;width: auto;float: none;}
  .box-product, .product-list, .product-list2, .product-list3, .product-list4 {text-align:center;}
  div.prod_hold, div.prod_hold_recent {margin:10px auto;}
  div.prod_hold .name, div.prod_hold .price, div.prod_hold_recent .name, div.prod_hold_recent .price {display: none;}
замените на

@media only screen and (min-width: 480px) and (max-width: 767px) {
  #toggle_switch {display:none;}
  .inner {width:86%;}
  #header_colapse .inner {display:block !important;}
  #header #cart {right: 0px;width: auto;float: none;}
  .box-product, .product-list, .product-list2, .product-list3, .product-list4 {text-align:center;}
  div.prod_hold, div.prod_hold_recent {margin:10px auto;}
  div.prod_hold .name, div.prod_hold .price, div.prod_hold_recent .name, div.prod_hold_recent .price {}


#10 Viking

Viking

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

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

Отправлено 12 Октябрь 2014 - 10:40

наверное
div.prod_hold .name, div.prod_hold .price, div.prod_hold_recent .name, div.prod_hold_recent .price {display: block !important;}

#11 Ирина345

Ирина345

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

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

Отправлено 12 Октябрь 2014 - 11:17

Просмотр сообщенияViking (12 Октябрь 2014 - 10:40) писал:

наверное
div.prod_hold .name, div.prod_hold .price, div.prod_hold_recent .name, div.prod_hold_recent .price {display: block !important;}
Да такой вариант, тоже может подойти.

#12 Viking

Viking

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

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

Отправлено 12 Октябрь 2014 - 12:01

Просмотр сообщенияИрина345 (12 Октябрь 2014 - 11:17) писал:

Да такой вариант, тоже может подойти.
добавил display: block !important; не только сюда
@media only screen and (min-width: 480px) and (max-width: 767px)
но и сюда
@media only screen and (max-width: 480px)

А можно теперь вывести для этих разрешений кнопки на постоянное отображение? , а то их "скрывает" я так понимаю вот это hover:
body .prod_hold > div .prod-info-fly:hover {
display: block;
}

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

  • 121014_1.png


#13 Viking

Viking

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

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

Отправлено 13 Октябрь 2014 - 13:19

Просмотр сообщенияAlekseys (11 Октябрь 2014 - 20:45) писал:

и добавьте
body .prod_hold > div .prod-info-fly:hover {
display: block;
}
Alekseys, теперь надо в мобильной версии подправить при отображении списком!, см. пост выше, кроме того заметил, что в мобильной версии в Хроме, hover срабатывает  дублированием названия и цены

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

  • 13_10_14_1.png


#14 Alekseys

Alekseys

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

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

Отправлено 13 Октябрь 2014 - 14:02

Просмотр сообщенияViking (13 Октябрь 2014 - 13:19) писал:

Alekseys, теперь надо в мобильной версии подправить при отображении списком!, см. пост выше, кроме того заметил, что в мобильной версии в Хроме, hover срабатывает  дублированием названия и цены
Здравствуйте. В style.css
body .prod_hold > div .prod-info-fly .name, body .prod_hold > div .prod-info-fly .price {
display: none;
}
на
body .prod_hold > div .prod-info-fly .name, body .prod_hold > div .prod-info-fly .price {
display: none!important;
}
Так же в блок
@media only screen and (min-width: 480px) and (max-width: 767px)
и в блок
@media only screen and (max-width: 480px)
добавьте
body .prod_hold > div .prod-info-fly {
display: block!important;
}


#15 Viking

Viking

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

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

Отправлено 13 Октябрь 2014 - 15:29

Alekseys,  а можно в мобильной версии отцентрировать кнопки..., проблема идет от мой кнопки, которая скорее всего не умно задана в майне, со строки 884:

/*  Моя кнопка Вопросительного знака */
a.my_readmore {
display: inline-block;
position:relative; float: left; left: 55px; margin-top: -2px;  
-webkit-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
}
a.my_readmore:hover {
transform: rotate(360deg);
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
}

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

  • 13_10_14_3.png


#16 Alekseys

Alekseys

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

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

Отправлено 13 Октябрь 2014 - 15:38

Просмотр сообщенияViking (13 Октябрь 2014 - 15:29) писал:

Alekseys,  а можно в мобильной версии отцентрировать кнопки..., проблема идет от мой кнопки, которая скорее всего не умно задана в майне, со строки 884:

/*  Моя кнопка Вопросительного знака */
a.my_readmore {
display: inline-block;
position:relative; float: left; left: 55px; margin-top: -2px;  
-webkit-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
}
a.my_readmore:hover {
transform: rotate(360deg);
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
}
В main.css замените
body .prod_hold > div .prod-info-fly {
bottom: 0;
display: none;
min-height: inherit;
opacity: 1;
position: static;
width: 190px !important;
}
на
body .prod_hold > div .prod-info-fly {
bottom: 0;
display: none;
min-height: inherit;
opacity: 1;
position: static;
width: 190px !important;
margin: auto;
}






Темы с аналогичным тегами анимация кнопок, весна

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

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