blue

Hi, thanks, the form is working now, not sure what was the issue though. I currently have a problem with the formula. I added the following but it’s not working properly. Can you help with this?

if(x[1] = 1){fieldset[8].hide()} else{and (fieldset[6].hide(), fieldset[7].hide())};

Hi, thank you. I don’t want to remove the meta or schema data, Does this code remove them also?

Hi,

Thank you for your response.

I did assign a fixed height to the form, but the layout shift still happens to the text inside the form (right after the loading icon disappears).

May I know how to prevent this shifting?

Thanks.

I checked again and it seems the images being flagged in the speed test are those sized 768×513. Can you advice on how to fix this problem?

Hi, I don’t want to post the link here, do you have an email I can send the information to?

Thanks for your response. I was actually able to resolve the problem.

Thanks, you’re correct. I was able to fix the issue with some changes without having to use the Math javascript object.

Okay, I see, but I have a problem. The fields don’t look good on smaller screens with the 5 columns. How do I change the number of columns based on the screen size?

Thanks. Another question, what if I wanted to change the width for one of the fields (e.g. increase the width for the first field)?

Anyone from WooCommerce team can help with this issue??

Okay, so I can’t use “and” inside the if statement?

That’s exactly what I needed as everything is working properly now. Thanks.

Okay, I think you misunderstood what I meant. I understand this is just an example. To illustrate my point, here is an example (based on the one you provided);

If fieldname1 (dropdown field) is ‘A’, the fields that are displayed are fieldname2 and fieldname3.

If fieldname1 (dropdown field) is ‘B’, the fields that are displayed are fieldname4 and fieldname5.

If fieldname1 (dropdown field) is ‘C’, the fields that are displayed are fieldname6 and fieldname7.

The following code doesn’t work properly as only some of the fields will be populated for each dropdown selection (I will probably need to divide the fields in separate if-statements for each dropdown selection):

(function(){
    if(AND(fieldname2, fieldname3, fieldname4, fieldname5, fieldname6, fieldname7))
    {
        if(fieldname1 == "A") return fieldname2+12;
        if(fieldname1 == "B") return fieldname2+30;
        if(fieldname1 == "C") return fieldname2+54;
    }
    return '';
})()

Thanks, but the fields for each drop-down selection are different. So, the code you provided doesn’t work for all of them. How should I modify it?

Thanks, one more question: I want to make sure that none of the fields are empty for the calculation to be performed (the calculation shows zero after filling some fields). What should I add inside the if statement to fix this?