1
Embedding / Unable to get modal windows to open
« on: December 01, 2021, 11:24:27 PM »
I am building a website with a Store page, into which each product is embedded with the code generated by Abantecart:
<script src=".../store/index.php?rt=r/embed/js" type="text/javascript"></script>
<div style="display:none;" class="abantecart-widget-container" data-url=".../store/" data-css-url=".../store/storefront/view/default/stylesheet/embed.css" data-language="en" data-currency="USD">
<div id="abc_534" class="abantecart_product" data-product-id="1" data-language="en" data-currency="USD">
<div class="abantecart_image"></div>
<h3 class="abantecart_name"></h3>
<div class="abantecart_price"></div>
<div class="abantecart_quantity"></div>
<div class="abantecart_addtocart"></div>
</div>
</div>
Currently, there are only two products. If I understand the manual correctly, clicking on a product image is supposed to open the corresponding modal window - but doesn't. Instead, the whole screen greys out and freezes.
Can anyone explain what I'm doing wrong, please?
<script src=".../store/index.php?rt=r/embed/js" type="text/javascript"></script>
<div style="display:none;" class="abantecart-widget-container" data-url=".../store/" data-css-url=".../store/storefront/view/default/stylesheet/embed.css" data-language="en" data-currency="USD">
<div id="abc_534" class="abantecart_product" data-product-id="1" data-language="en" data-currency="USD">
<div class="abantecart_image"></div>
<h3 class="abantecart_name"></h3>
<div class="abantecart_price"></div>
<div class="abantecart_quantity"></div>
<div class="abantecart_addtocart"></div>
</div>
</div>
Currently, there are only two products. If I understand the manual correctly, clicking on a product image is supposed to open the corresponding modal window - but doesn't. Instead, the whole screen greys out and freezes.
Can anyone explain what I'm doing wrong, please?