Как реализовать похожее на сайте?

Проще всего взять и открыть исходный код сайта и посмотреть как там сделано — картинка фоном и сверху элементы с числами. Всего-то два клика.

Есть у Вас группа товарных позиций, есть у группы данный блок с чертежом.
У каждого товара создаем поля с абсолютными координатами и пишем айдишники, по сути, в дата атрибут.
На стороне сервера при переборе товаров, берем ключ массива товара, в котором находятся координаты и подставляем в блок с чертежом. В итоге, у нас 20 товаров и 20 маркеров на чертеже.
Далее в JS пишем обычный якорь, который будет по клику на маркер брать ID его товара-родителя и скроллится и активировать блок с этим товаром.
Я бы сделал как-то так.