Moduł pinezki na zdjęciach

Trochę czasu spędziłem nad tym jak zrealizować taki moduł na Shoperze i jak w prosty sposób skonfigurować coś takiego.

Myślę wstępnie nad czymś podobnym do obecnie używanego modułu dwie kostki + tekst.
Klient (Państwo) mogą wymienić grafikę i dodać elementy wizualne (tytuł, jakiś może opis? cena?). Do tego w osobnym divie będzie trzeba dodać dwa wymiary: od góry i od lewej.

Przykład:
<img src="zdjęcie.jpg" alt="opis pod seo">
<div class="bodypinezki">
Tytuł, jakiś opis, może cena. Po kliknięciu w pinezkę może przenieść klienta sklepu do produktu / kategorii.
<div class="ulozenie
pinezki">10,50</div>
</div>

I jak w przykładzie mamy np, 10,50. Skrypt przeliczy to np. na 10% od lewej strony i 50% od górnej krawędzi.
Jeśli wygląd się Państwu nie spodoba, to płynnie zwiększycie / zmniejszycie dane wymiary aby ładnie to leżało.

Przykład i natchnienie:
https://pepco.pl/kolekcje/new-secession/