Как сделать блок при ховере с динамическим содержимым и в нескольких местах?

Question

[anton_trofimov95]

Как реализовать следущее: при наведении на товар любой ссылка сделать рядом блок, в котором будет отображаться: ваша цена со скидкой Nрублей. N по идее нужно чтобы бралось из цены товара. В принципе, как делать подобные блоки я нашел на просторах интернета, но как сделать, чтобы они были в каждом товаре и получается каждый раз меняли местоположение, товаров же много. И туда подставить значение цены, магазин на webasyst сайт

Answer 1

[Павел Корнилов]

Так?
https://codepen.io/KorniloFF/pen/MLoZEb
UPD.

Comments

[anton_trofimov95]

ссылка пусто там)

[Павел Корнилов]

Не ту ссылку дал =)
https://codepen.io/KorniloFF/pen/MLoZEb

[anton_trofimov95]

Павел Корнилов, принцип тот) только как сделать окошко больше ( а то не видно совсем, это же для людей) и как в процентах скидку сделать

[Павел Корнилов]

anton_trofimov95,

сделать рядом блок, в котором будет отображаться: ваша цена со скидкой Nрублей.

О процентах речь в вопросе не шла. Впрочем, это уже не программирование, а чистая математика.
Сделать окошко побольше - https://popper.js.org/tooltip-documentation.html