Prestashop 1.7 - 在产品图片上添加文字

如何解决Prestashop 1.7 - 在产品图片上添加文字

我在我的网站上使用 Attribute Wizard Pro 为客户选择的每个属性在产品图片上叠加一个 .png。 我们正在销售智能手机的定制外壳，我有产品图片的设计和每个属性的 .png 掩码（iphone 11、iphone 12 ecc）。

现在我想为名称创建一个文本字段，例如客户可以在其中写下他们的名字并在产品图片上显示此字段。

我编写了这个基本代码，它在屏幕上打印 awp_textBox_group_{$id_attribute} 中的文本并且运行良好。

                                    <button type="button" onclick="myFunction()">Try it</button>
                                    <p id = "demo"><p/>
                                
<script>
function myFunction() {
    var x = document.getElementById("awp_textBox_group_{$id_attribute}").value;
    document.getElementById("demo").innerHTML = x;
    
}
</script> 

如何在产品图片上显示“var x”文字？ 这是一个测试网站，我在其中进行测试：

ticarico.it/home/119-942-test.html#/colore-nero

谢谢你的建议