Не раз відвідувачі блогу запитують через розділ консультації що у них не працює та чи інша кнопка в WordPress або OpenCart. Причому, найчастіше, проблема виникає після того як користувачі змінюють php код шаблону намагаючись змінити його зовнішній вигляд. Після чого висновок кнопки є, але коли ви підносите мишку до кнопки то курсор мишки не змінюється зі стрілочки на руку, як мав би. Причому, що примітно, логи нічого не пишуть. Ніяких видимих помилок система не бачить.
Це пов'язано з тим що змінюючи шаблон у вас вийшла ситуація коли один елемент сайту наїхав на інший елемент, хоч ви цього і не бачите. Давайте розглянемо приклад:
У магазині не працюють кнопки перемикання валюти.
Як стоїть за умовчанням в євро, так і стоїть. Поміняти на долари або злоті можна.
Щоб зрозуміти в чому причина і що залазить на кнопки курсу валют нам потрібно подивитися код сторінки. Клацніть правою кнопкою браузера на сторінку і натисніть «показати вихідний код». У Safari (операційна система Mac OS. Але браузер доступний і на Windows) кнопка називається «Показати програмний код сторінки».
Після цього перейдіть на вкладку «Елементи»
В цьому випадку вийшло що «див» під назвою «Yazik» перекриває мало не половину сайту, а саме валюту, мови, пошук:
У підсумку, все що нам треба, це зрозуміти що «Yazik» описує тільки один значок мови, одну картинку. А значить нам треба в stylesheet.css прописати його максимальну ширину - 20 пікселів.