HELP Create Test Button next to Add to Cart Button

[OpticaH2O]

I need help integrating a Button (try on) right next to the Add to Cart Button The Developer tells me that I should do the following but I can't figure out how to do it: (I don't know what to do anymore)

 

"Try on" button

Make sure your products are already imported into our system before you insert the buttons. (I already have two integrated products for testing)

The "Try on" button launches the Magic Mirror app and applies the product on a model or a customer's photo (eventually on a customer's face in a Live mode). To let the Magic Mirror know, which product should be applied on click, you will have to set a data-virtooal_id attribute for that button. 

<button class="virtooal-tryon-btn" style="display: none;" data-virtooal_id="{product id or sku}">TRY ON</button>

The only required parameters of a "Try on" button are:

virtooal-tryon-btn class

data-virtooal_id attribute with a value set according to the product's Item ID (Learn more about Item ID's and importing your products)

The website where I am doing the integration is: https://opticah2o.com/es/

All the information about the integration indicated by the developer is at the following address: TEST BUTTON

[OpticaH2O]

En 12/5/2020 a las 4:10 AM, ndiaga dijo:

Hi,

Use  this  in  the   add  to  cart     template :

<button class="virtooal-tryon-btn" style="display: none;" data-virtooal_id="{$product.id_product}">TRY ON</button>

 

 

Thank you very much I worked with (data-virtooal_id="{$product.id}"...Now where should I move the code so that it appears at the edge of the image so that the button is more visible in mobile