前端问题中的“添加到购物车和产品选项”字段-Magento

Question

I have a issue on product view page. I add two radio buttons to hide product options and to show. But I have a problem when hide is selected and the custom fields are hide, when I press on Add to cart button I have this error " Please specify the product required option(s). " Is there any to add the product in cart with the fields empty? So the idea is to Disable Validation when hideRadio.click(function() { is selected

This is my javascript code to make the radio buttons to hide and show:

    var showRadio = jQuery('.product-options .display ul li:nth-child(2)').find('input');
    var hideRadio = jQuery('.product-options .display ul li:nth-child(1)').find('input');
        if(hideRadio){
             jQuery('.product-options dd, .product-options dt').hide();
             hideRadio.parents('dd').show();
                hideRadio.parents('dd').prevAll('dt:first').show();

        }

        hideRadio.click(function() {
          jQuery('.product-options dd, .product-options dt').hide();
          jQuery(this).parents('dd').show();
          jQuery(this).parents('dd').prevAll('dt:first').show();
        })
        showRadio.click(function() {
          jQuery('.product-options dd, .product-options dt').show();
        })

New Update:

Add this code into if(hideRadio){

         hideRadio.parents('dd').prevAll('dt:first').remove();

But still the same message " Please specify the product required option(s). ". Anyone?

Answer 1

You should use classes to hide and show elements (toggle their visibility, as .hidden or something of your convenience) because, as stated in the Jquery docs, different elements can behave differently.

When you use hide() the element and its children become "invisible" to other jquery scripts. I solved such problem with css absolute negative position to hide my container (everything involving display:none, even in css class made my element "invisible")