How to insert a variable in a document on top of an image?

Question

Colleagues, when does he know how to make a document template in such a way that it contains a static picture, and insert variables inside it or on top of it?
Now in a document when I insert an image, I cannot insert variables or other information on top of it ((
Here is an example of a template https://our-store.com.ua/admin/shop/document/templates/72/control/

Answer 1

Derkach Dmytro

OneBox production

Hello. Try to build something like this:
<div class="image-holder" style="position: relative">
<img src="image path" alt="">
<span style="position: absolute; left: 100px; top: 50px;">{variable 1}</span>
<span style="position: absolute; left: 100px; top: 50px;">{variable 2}</span>
<span style="position: absolute; left: 100px; top: 50px;">{variable 3}</span>
<span style="position: absolute; left: 100px; top: 50px;">{variable 4}</span>
</div>
Wrap the image in a block that has position: relative, then wrap the necessary variables in a span c position absolute, and set the coordinates left: 100px and top: 50px;
the countdown will be from the top left corner <div class="image-holder" style="position: relative"> - this way you can place variables on top of the image

Make a payment (donate)

20.12.2021, 16:56

Original comment available on version: ru