http://www.coastalcomputing.com.au/index.php?option=com_virtuemart&view=productdetails&virtuemart_product_id=26&virtuemart_category_id=16 (http://www.coastalcomputing.com.au/index.php?option=com_virtuemart&view=productdetails&virtuemart_product_id=26&virtuemart_category_id=16)
We launched our store yesterday, we are having several problems.
1) The add to cart button does not display the pop up which 1.9 had, where it says "product added" and a dynamic effect would show the item swishing into the cart and making the item you purchased immediately visible in the cart module. This doesn't work, I am at a loss as to why and unsure how to fix. Can anyone please help me?
2) How do I add a button "Add to cart" in the category item list view? So instead of just seeing a "more info" button, customers can immediately click to add to cart without clicking into the product.
Thanks in advance for the help guys, much appreciated.
Hello,
1. Enable it from the backend Configuration -> Checkout, please enable: Display modal popup upon 'Add to cart'
2. Please next time try first to search the forum: http://forum.virtuemart.net/index.php?topic=90961.0
BUT, the url you send is obviously one more javascript conflict ... you are loading juqery twice, one from vm2 and one from your template, please ask correct it. Use firebug to find similar errors...
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript">
<script src="/components/com_virtuemart/assets/js/jquery.noConflict.js" type="text/javascript">
<script src="/components/com_virtuemart/assets/js/vmsite.js" type="text/javascript">
<script src="/components/com_virtuemart/assets/js/facebox.js" type="text/javascript">
<script src="/components/com_virtuemart/assets/js/vmprices.js" type="text/javascript">
<script src="/plugins/system/mtupgrade/mootools.js" type="text/javascript">
<script src="/media/system/js/modal.js" type="text/javascript">
<script type="text/javascript">
<link type="text/css" href="/templates/system/css/system.css" rel="stylesheet">
<link type="text/css" href="/templates/system/css/general.css" rel="stylesheet">
<link media="screen" href="/templates/ccs2011v9/css/template.css" type="text/css" rel="stylesheet">
<script src="/templates/ccs2011v9/jquery.js" type="text/javascript">
<script type="text/javascript">
<script src="/templates/ccs2011v9/script.js" type="text/javascript">
Use firebug to examine your site code and styling .. also for checking js conflicts ...
http://forum.virtuemart.net/index.php?topic=102850.0
Javascript conflicts:
http://dev.virtuemart.net/projects/virtuemart/wiki/General_JS-Problems_with_templates_and_jQuery
http://dev.virtuemart.net/projects/virtuemart/wiki/JavascriptCSS_Template_Overrides_and_Avoiding_Conflicts_between_Libraries
Regards
That got it! I have success!
Thanks mate.
Nice :)
You are welcome