Как применить эффекты CSS в woocommerce?

Question

[mUchenik]

Друзья, прошу вашего совета.
Как мне реализовать такой эффект: www.webmasters.by/original-hover-effects-with-css3...
Проблема в том, что PHP мне даётся совсем тяжко.
А редактировать надо страницу категорий woocommerce в WP.

Answer 1

[Mr Crabbz]

А причем тут PHP к CSS эффектам? Откройте вашу тему, найдите ваш style.css. Далее в браузере инспектором посмотрели классы у нужных вам элементов и применили к ним ваши эффекты в CSS. Не забывайте только про "вес" селекторов и их приоритетность.

Comments

[mUchenik]

Для этого эффекта (на сколько я понимаю) нужен отдельный класс со своими стилями. И если в HTML с легкостью смогу понять где и как создать этот класс то с PHP пока что сложно...

[Mr Crabbz]

mUchenik: ну так то вам не конкретно Woocommerce надо ругать. Подучите базовый РНР. Да и в целом в Wordpress РНр используется очень явно, там простые HTML-макеты с PHP вставками

[mUchenik]

Так я и не ругаю... Просто PHP сложно даётся мне... но пытаюсь его понять...

Answer 2

[Алексей Приказчиков]

Если используете последнюю версию WordPress, тогда можете использовать механизм пользовательских таблиц стилей. Этот стиль подключается последним.

Открываете необходимую для редактирования страницу в браузере (к примеру Google Chrome), в инспекторе объектов смотрите class=" nameClass " (там можно выбрать активацию элемента в просмотре ), дальше смотрите доку по CSS, и переназначаете свойства классов.

Только скорее всего сам шаблон придётся редактировать, потому как в данном эффекте используются вспомогательные классы.