Jump to content
Siriussound

[Решено] Баги в шаблоне

Recommended Posts

Есть бесплатный шаблон Electric Green (здесь его оффициальное демо). Он схож на коробочный, но есть ряд фишек. К сожалению почти все они багованные.

В частности в блоке "featured" при наведении на изображение товара появляется иконка лупы, нажатие на которую вызывает всплывающее модальное окно с товаром. Проблема в том, что крестик закрытия данного окна в правом верхнем углу не работает, даже иконка "руки" на нем не появляется, хотя, вроде, cursor: pointer; стоит. Закрыть данное окно можно только путем клика на область вне данного окна.

На некоторых страницах (пример - macbook из featured, вкладка specification) при прокрутке страницы к футеру начинается отвратительное дергание, которое не позволяет мотнуть страницу до конца. Данный баг встречается только на некоторых страницах и только в chrome и на иных webkit браузерах. Возможно связано с рядом скриптов, которые добавляют разные анимационные эффекты на страницах.

 

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

Прошу помощи, камрады! Может кто имел дело именно с этим шаблоном, или разбирается в сути вышеописанных проблем. Крайне досадные баги.

Спасибо за внимание)

Share this post


Link to post
Share on other sites

 

 

В частности в блоке "featured" при наведении на изображение товара появляется иконка лупы, нажатие на которую вызывает всплывающее модальное окно с товаром. 

z-index этого модального окна сделайте большее

Edited by koreshok

Share this post


Link to post
Share on other sites

в stylesheet.css в секции header.smaller {

 

пробуйте изменить

z-index: 10000;

 

на

z-index: 333;

Share this post


Link to post
Share on other sites

Решил большинство из вышеперечисленного кроме одного

 

На некоторых страницах (пример - здесь) при прокрутке страницы к футеру начинается отвратительное дергание, которое не позволяет мотнуть страницу до конца. Данный баг встречается только на некоторых страницах. Самое интересное - на 19" мониторе этот баг есть, на ноутбучных 15" нет. Возможно связано с рядом скриптов, которые добавляют разные анимационные эффекты на страницах.

В чем может крыться проблема?

Share this post


Link to post
Share on other sites

Всё дело в верхнем меню.

При прокрутке на какую-то высоту, меню фиксируется вверху страницы, освобождая под собой место, соответственно, высота страницы уменьшается, меню снова отображается на своём месте, от чего высота меняется и т.д.

По идее под меню надо сделать блок (размерами с меню), с фиксированной высотой, так и страница прыгать не будет при фиксировании меню.

Edited by mazein

Share this post


Link to post
Share on other sites

Всё дело в верхнем меню.

При прокрутке на какую-то высоту, меню фиксируется вверху страницы, освобождая под собой место, соответственно, высота страницы уменьшается, меню снова отображается на своём месте, от чего высота меняется и т.д.

По идее под меню надо сделать блок (размерами с меню), с фиксированной высотой, так и страница прыгать не будет при фиксировании меню.

В принципе, как вариант. Прискорбно, что автор шаблона пустил это в релиз. Ведь это очень серьезный, так сказать, глюк.

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

Всем доброе время суток.

Тоже столкнулся с багами данного шаблона, с не катаными разобрался но вот с одним не как, При нажатии на кнопку "Товары" (черная в верху) выпадающее окошко с заказами оказывается за верхним меню. (см. картинку).

Пробовал менять дописывать и удалять z-index не помогает. Единственное что помогло это удалить из файла catalog\view\theme\ge\plugins\wow\css\libs\animate.css,

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

но при этом перестает работать анимация.

 

Если кто сталкивался с такой проблемой или знает как ее решить помогите пожалуйста.

Безымянный.jpg

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.