Не работает кнопка в Opencart или WordPress (Решено)

Не раз посетители блога спрашивают через раздел консультации что у них не работает та или иная кнопка в WordPress или OpenCart. Причем, чаще всего, проблема возникает после того как пользователи изменяют php код шаблона пытаясь изменить его внешний вид. После чего вывод кнопки есть, но когда вы подносите мышку к кнопке то курсор мышки не меняется со стрелочки на руку, как должен был бы. Причем, что примечательно, логи ничего не пишут. Никаких видимых ошибок система не видит.

Это связанно с тем что изменяя шаблон у вас вышла ситуация когда один элемент сайта наехал на другой элемент, хоть вы этого и не видите. Давайте рассмотрим пример:

В магазине не работают кнопки переключения валюты. Opencart-ne-rabotayt-knopki-valyti

Как стоит по умолчанию в евро, так и стоит. Поменять на доллары или злотые нельзя.

Чтобы понять в чем причина и что залазит на кнопки курса валют нам нужно посмотреть код страницы. Щелкните правой кнопкой браузера на страницу и нажмите «показать исходный код». В Safari (операционная система Mac OS, но браузер доступен и на Windows) кнопка называется «Показать программный код страницы».

После этого перейдите на вкладку «Элементы»

Opencart-ne-rabotayt-knopki-valyti-2

После этого понажимайте мышкой по вашим «дивам» и посмотрите какой элемент перекрывает, налазит на другие элементы которые не работают.

В этом случае вышло что «див» под названием «Yazik» перекрывает чуть ли не половину сайта, а именно валюту, языки, поиск:

Opencart-ne-rabotayt-knopki-valyti-3

Код:
Opencart-ne-rabotayt-knopki-valyti-4

В итоге, все что нам надо, это понять что «Yazik» описывает только один значек языка, одну картинку. А значит нам надо в stylesheet.css прописать его максимальную ширину — 20 пикселей.

Был код

1
2
3
4
5
6
7
.Yazik {
    font-family: caption;
    font-size: 21px;
    left: 483px;
    position: relative;
    top: 0px;
}

стал код

1
2
3
4
5
6
7
8
.Yazik {
    font-family: caption;
    font-size: 21px;
    left: 483px;
    position: relative;
    top: 0px;
    width: 20px;
}

Просто добавили одну строчку которая решила все проблемы:

1
 width: 20px;

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

загрузка...

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *