Наведите курсор на описание woocommerce

Question

Наведите курсор на описание woocommerce

-3

У меня был поиск, и есть некоторые из них, которые относятся к моему запросу, хотя они не так специфичны, а также пробовали некоторые плагины, но, похоже, не нажимают на меня.

Цель, которую я имею, - это когда пользователь находится на странице магазина, на которой они могут навешиваться над эскизом, которому они видят описание этого продукта, захватывая эти данные из этого миниатюры.

Пример (без зависания):

http://s22.postimg.org/yiedgbpep/Screen_Shot_2016_10_28_at_11_28_59.png

Пример 2 (зависание):

http://s17.postimg.org/49v85ev67/Screen_Shot_2016_10_28_at_11_29_33.png

Я не против делать сам css, но функциональная сторона этого - это то место, где я боюсь, так как я предполагал, что это будет достаточно распространено и у вас есть плагин для его начала.

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

Я использую последнюю версию Wordpress и WooCommerce.

Еще раз спасибо.

DDevlin 28 окт. 2016, в 12:53

Источник

Теги:

php

jquery

wordpress

css

woocommerce

1 ответ

Ещё вопросы

Michal Slovák · Answer 1 · 2016-10-28T11-56-00.000Z

просто

#box{

  width:50px;
  height:50px;
  background:yellow;
}
#box:hover {
  background:rgba(0,0,0,0.8);
  width:50px;
  overflow:hidden;
  height:50px;
  visibility:visible;
  cursor:pointer;
  }

Надеюсь, это поможет вам. Это простой пример того, что вы должны делать.

Извините, это не ответ, CSS - более легкая задача для этого. Я пытаюсь перетащить информацию, которая есть в описании этого продукта, через миниатюру на странице магазина, а затем попробую оформить это.