Total Checkout

User 406146 Photo


Registered User
83 posts

I know you can put price items and qtys on the form and have checked out to paypal but how do you show the total of all selected items before they hit submit????
User 187934 Photo


Senior Advisor
20,181 posts

Hi Louis,
Take your pick. Ive helped several users.
http://www.coffeecup.com/search/?cx=009 … ;sa=Search
If you post a link to your form after you look at the several examples I would be glad to help.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 406146 Photo


Registered User
83 posts

ok I've seen it but still not really jQuery savvy to implement it into the form.
https://www.acfiltersrus.com/pages/purchaseform/purchaseform.html

On another note I'm trying to figure out a way to take this same form but allow to have multiple selections of the product and qty added to them.
For example "buy standard filter 6month size 10x10x1 qty 2 plus standard filter 12month size 9x9x1 qty4 and so on!"
The first form I'm working on is for residential which only buy 6 and 12months at a time but now commercial accounts want to buy in bulk so going to offer 12month pkg at a time for different filter needs.
User 406146 Photo


Registered User
83 posts

Ok I've worked around it but now have the same issue of getting a total on the form with a 10 item drop down option.
https://www.acfiltersrus.com/pages/commercial_pf/commercial_purchaseform.php
This is the form I managed to make but need to display total at bottom based on selection.

Do have 2 issues that are happening one is that mailchimp is getting a error on submitted form and second when using the hide feature of the forms it doesn't display right on my webpage? Any help would be appreciated thank you!

When viewed thru main page under commercial tab.

https://www.acfiltersrus.com
User 187934 Photo


Senior Advisor
20,181 posts

Here ya go. You'll need an input named total added to your form.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script>
var jQ = $.noConflict(true);
// version 1
jQ( document ).ready(function() {
jQ('input[name="total"]').prop('readonly', true);
jQ('select[name="FilterType"]').on('change', function() {
var filter_type = jQ(this).val();
if(filter_type == ""){
amount = "";
}else if(filter_type == "1-Inch Thick Standard Filter 6-Months $39.95"){
amount = 39.95;
}
else if(filter_type == "1-Inch Thick Standard Filter 12-Months $49.95"){
amount = 49.95;
}
else if(filter_type == "1-Inch Thick Pleated Filter 6-Months $59.95"){
amount = 59.95;
}
else if(filter_type == "1-Inch Thick Pleated Filter 12-Months $79.95"){
amount = 79.95;
}
else if(filter_type == "2-Inch Thick Pleated Filter 6-Months $69.95"){
amount = 69.95;
}
else if(filter_type == "2-Inch Thick Pleated Filter 12-Months $89.95"){
amount = 89.95;
}
else if(filter_type == "4-Inch Thick Pleated Filter (12-months 4pk) $99.95"){
amount = 99.95;
}
else if(filter_type == "Custom 1-Inch Thick Standard Filter 6-Months $39.95"){
amount = 39.95;
}
else if(filter_type == "Custom 1-Inch Thick Standard Filter 12-Months $49.95"){
amount = 49.95;
}
else if(filter_type == "Custom 1-Inch Thick Pleated Filter 6-Months $59.95"){
amount = 59.95;
}
else if(filter_type == "Custom 1-Inch Thick Pleated Filter 12-Months $79.95"){
amount = 79.95;
}
else if(filter_type == "Custom 2-Inch Thick Pleated Filter 6-Months $69.95"){
amount = 69.95;
}
else if(filter_type == "Custom 2-Inch Thick Pleated Filter 12-Months $89.95"){
amount = 89.95;
}
else if(filter_type == "Custom 4-Inch Thick Pleated Filter (12-months 4pk) $99.95"){
amount = 99.95;
}
jQ('input[name="total"]').val(amount);


});
});
</script>
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 406146 Photo


Registered User
83 posts

ok so i placed a number field and labeled it "total" and placed the script in the html but nothing is happening?
User 187934 Photo


Senior Advisor
20,181 posts

I don't see any of my code or a total on this form.
https://www.acfiltersrus.com/pages/purc … eform.html
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 406146 Photo


Registered User
83 posts

I put ur code in a html tab on the form and put a number input labeled "total" but was making some changes but i'm done for now and just updated it again so it should be there. The one you listed is first form I asked for help on but posted that I found another solution too.
Direct Link to it!
https://www.acfiltersrus.com/pages/commercial_pf/commercial_purchaseform/commercial_purchaseform.html

This is the main website and its under the commercial tab
https://www.acfiltersrus.com
If you get a chance to look at it i'm using a old iframe script thats suppose to autosize the pages but for some reason i can't get it to work on forms that have hidden tabs so had to put a padding of 500 on bottom just to make the submit visible when all tabs are open. If you can help i'd appreciate it. Thanks again.
User 187934 Photo


Senior Advisor
20,181 posts

Please don't post a link to a different form then the one you intend to use.
Your input name for the filter select is different than the first form. Either change the name of of your input or change the Filter_type name in my code.
The drop down values in your filter select are also different than the ones in the first form. Either change the ones in your drop down to match the code or change the ones in the code to match your form.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 187934 Photo


Senior Advisor
20,181 posts

Going by your second post and the first post's request.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script>
var jQ = $.noConflict(true);

// version 2
jQ( document ).ready(function() {
jQ('input[name="total"]').prop('readonly', true);
jQ('select[name="Item_1_filter_type"],input[name="Item_1_1inch_qty"]').on('change', function() {
var filter_type = jQ('select[name="Item_1_filter_type"]').val();
if(filter_type == ""){

jQ('input[name="Item_1_1inch_qty"]').val('');
jQ('input[name="total"]').val('');
}else if(filter_type == "Pleated Filter 12pk (1-Inch Thick) $79.95"){
cost = 79.95;
}
else if(filter_type == "Pleated Filter 12pk (2-Inch Thick) $89.95"){
cost = 89.95;
}
else if(filter_type == "Pleated Filter 4pk (4-Inch Thick) $99.95"){
cost = 99.95;
}
else if(filter_type == "Pleated Custom Size 12pk (1-Inch Thick) $85.95"){
cost = 85.95;
}
else if(filter_type == "Pleated Custom Size 12pk (2-Inch Thick) $95.95"){
cost = 95.95;
}
else if(filter_type == "Pleated Custom Size 4pk (4-Inch Thick) $105.95"){
cost = 105.95;
}

Quantity = jQ('input[name="Item_1_1inch_qty"]').val();
if(jQ.isNumeric(Quantity)){
Total_Cost = parseFloat(cost) * parseFloat(Quantity) ;
jQ('input[name="total"]').val(Total_Cost.toFixed(2));
}

});
});
</script>
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.