Як вставити змінну в документі поверх картинки?
Есть вопрос по функционалу компонента Документы?
Создайте топик на нашем форуме и вам помогут! Создать топик
Создайте топик на нашем форуме и вам помогут! Создать топик
Колеги, коли знає, як зробити шаблон документа таким чином, щоб у ньому була статична картинка, і всередині або поверх її вставити змінні?
Зараз у документі, коли я вставляю картинку, на верх її я не можу вставити змінні або іншу інформацію((
Ось приклад шаблону https://our-store.com.ua/admin/shop/document/templates/72/control/
Оригінальне питання доступне на версії: ru
Зараз у документі, коли я вставляю картинку, на верх її я не можу вставити змінні або іншу інформацію((
Ось приклад шаблону https://our-store.com.ua/admin/shop/document/templates/72/control/
Відповіді:
Добрий день. Спробуйте зробити таку конструкцію:
<div class="image-holder" style="position: relative">
<img src="шлях до зображення" alt="">
<span style="position: absolute; left: 100px; top: 50px;">{змінна 1}</span>
<span style="position: absolute; left: 100px; top: 50px;">{змінна 2}</span>
<span style="position: absolute; left: 100px; top: 50px;">{змінна 3}</span>
<span style="position: absolute; left: 100px; top: 50px;">{змінна 4}</span>
</div>
Обертайте картинку в блок, які має position: relative, далі потрібні змінний обертайте в span c position absolute, і задайте координати left: 100px і top: 50px;
відлік буде йти від лівого верхнього кута <div class="image-holder" - таким чином Ви зможете помістити змінні поверх картинки
<div class="image-holder" style="position: relative">
<img src="шлях до зображення" alt="">
<span style="position: absolute; left: 100px; top: 50px;">{змінна 1}</span>
<span style="position: absolute; left: 100px; top: 50px;">{змінна 2}</span>
<span style="position: absolute; left: 100px; top: 50px;">{змінна 3}</span>
<span style="position: absolute; left: 100px; top: 50px;">{змінна 4}</span>
</div>
Обертайте картинку в блок, які має position: relative, далі потрібні змінний обертайте в span c position absolute, і задайте координати left: 100px і top: 50px;
відлік буде йти від лівого верхнього кута <div class="image-holder" - таким чином Ви зможете помістити змінні поверх картинки
20.12.2021, 16:56
Оригінальний коментар доступний на версії: ru
Derkach Dmytriy написав:
Добрий день. Спробуйте зробити таку конструкцію:
Дякую, вийшло!
Дещо потрібно з px погратися, але працює.
22.12.2021, 13:19
Оригінальний коментар доступний на версії: ru
Будь ласка, приєднуйтесь до діалогу. Якщо вам є що сказати – будь ласка, напишіть коментар. Для входу потрібний мобільний телефон та смс-код для ідентифікації.
Увійти та написати коментар
Copyright © OneBox 2024
