Сообщений в теме: 15

[Pavel11]

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

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

[Castiel]

Pavel11 (02 August 2014 - 12:55) писал:

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

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

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

[Pavel11]

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

[Viking]

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

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

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

• 

[Alekseys]

Viking (11 October 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;
}

[Viking]

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

[Ирина345]

Viking (12 October 2014 - 06:38) писал:

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

Здравствуйте, уточните что необходимо исправить.

[Viking]

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

[Ирина345]

Viking (12 October 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 {}

[Viking]

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

[Ирина345]

Viking (12 October 2014 - 10:40) писал:

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

Да такой вариант, тоже может подойти.

[Viking]

Ирина345 (12 October 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;
}

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

• 

[Viking]

Alekseys (11 October 2014 - 20:45) писал:

и добавьте

body .prod_hold > div .prod-info-fly:hover {
display: block;
}

Alekseys, теперь надо в мобильной версии подправить при отображении списком!, см. пост выше, кроме того заметил, что в мобильной версии в Хроме, hover срабатывает  дублированием названия и цены

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

• 

[Alekseys]

Viking (13 October 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;
}

[Viking]

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);
}

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

• 

[Alekseys]

Viking (13 October 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;
}