Magento Forum

jQuery conflicting with configurable Product Attribute options (not showing)
 
michellekoen
Jr. Member
 
Total Posts:  3
Joined:  2013-03-19
 

Hi,
After hours of googling I discovered jQuery was causing my configurable products to not show their options. Instead showing “choose an option”. I tested this by removing the jQuery script I’d added from my js folder. I could now select my options but my menus were looking a bit crap without jQuery.

From reading various threads I understand that that prototype (part of scriptalicious) is the culprit.,

So I:
- downloaded the latest version of scriptalicious and replaced the version that came with my Magento install. I now have prototype 1.7.
- I made sure that my jquery script for my menus is in noconflicts mode as per below
- Reinstalled jQuery in my root/js folder. Flushed my cache and js cache.
- My product options stopped working. :(

For now I’m able to live without animated menus, but I really need to get jQuery working eventually.

Here’s my call for jQuery

<script type="text/javascript">
var 
$j jQuery.noConflict();
$j(document).ready(function(){

    
// Custom Menu
    
$j(".category").click(function() {
        
var open this.getAttributeNode('lang').value;
        
$j(".subcategory_" open).slideToggle('medium');
    
});    
    
});
</script>

Thanks in advance
Mish

Using:
jquery-1.7.2.min.js
magento 1.7.02 CE
scriptaculous-js-1.9.0 (with prototype 1.7)

 
Magento Community Magento Community
Magento Community
Magento Community
 
latinostar
Sr. Member
 
Total Posts:  99
Joined:  2009-09-10
 
michellekoen - 20 March 2013 08:26 PM

Hi,
After hours of googling I discovered jQuery was causing my configurable products to not show their options. Instead showing “choose an option”. I tested this by removing the jQuery script I’d added from my js folder. I could now select my options but my menus were looking a bit crap without jQuery.

From reading various threads I understand that that prototype (part of scriptalicious) is the culprit.,


So I:
- downloaded the latest version of scriptalicious and replaced the version that came with my Magento install. I now have prototype 1.7.
- I made sure that my jquery script for my menus is in noconflicts mode as per below
- Reinstalled jQuery in my root/js folder. Flushed my cache and js cache.
- My product options stopped working. :(

For now I’m able to live without animated menus, but I really need to get jQuery working eventually.

Here’s my call for jQuery

<script type="text/javascript">
var 
$j jQuery.noConflict();
$j(document).ready(function(){

    
// Custom Menu
    
$j(".category").click(function() {
        
var open this.getAttributeNode('lang').value;
        
$j(".subcategory_" open).slideToggle('medium');
    
});    
    
});
</script>

Thanks in advance
Mish

Using:
jquery-1.7.2.min.js
magento 1.7.02 CE
scriptaculous-js-1.9.0 (with prototype 1.7)

I have the same problem.

Here another user has the same problem: http://www.magentocommerce.com/boards/viewthread/300426/#t427158

Perhaps everbody who has a design from this company has this problem.

In following you can see how it is lool like: http://www.carpemodo.de/bad/badeteppich/test6-753.html
http://www.hygieiaapothecary.com/index.php/bath-and-body/moistureize-me-shea-and-avacado-body-butter-81.html

If you find a solution, please tell me.

Thank you very much.

 
Magento Community Magento Community
Magento Community
Magento Community
Magento Community
Magento Community
Back to top