My Magic Mirror
Magic Mirror Settings
Code to your Product Page to display the Magic Mirror
Copy and place the code to your product pages (at the desired place).
Replace the PLACE YOUR ITEM_ID HERE! in the code with the id of your product.
Replace the PLACE YOUR ITEM_ID HERE! in the code with the id of your product.
<script charset="utf-8" id="gallery-widget" src="http://widget.virtooal.com/magicmirror.php?uname=&apikey=&lang=en" type="text/javascript"> </script> <div class="virtooal-widget"> <div class="gw-container" data-item_id="PLACE YOUR ITEM_ID HERE!" data-modal_color = "#000" data-plus_color = "#fff" data-modal_opacity = "0.8" data-thumbwidth="63"> </div> </div>
Code to your Product's Administration Page to setup the product
You need to set up the product first by this admin, anyway the Magic Mirror for the product with specified ITEM_ID won't be shown.
Copy and place the code to your product's administration pages to setup the products.
Replace the PLACE YOUR ITEM_ID HERE! in the code with the id of your product. And replace the {product image url} (not required, but optional for faster setup)
Replace the PLACE YOUR ITEM_ID HERE! in the code with the id of your product. And replace the {product image url} (not required, but optional for faster setup)
<script src="https://setup.virtooal.com/widget/en//PLACE YOUR ITEM_ID HERE!"></script> <div id="virtooal-container" data-img="{product image url}"></div>
Preview of Magic Mirror (on example lipstick product):