Here is another solution.
Display the "I agree" text with a checkbox and the submit button initially. When the customer goes to click the submit button the script below checks to see if the checkbox was checked or not. If so the order goes through else a popup box is displayed telling the customer he/she must agree to the terms and conditons before placing the order.
Code:
{literal}
<script language="javascript" type="text/javascript">
function wrapperCheckTerms(formName) {
if (checkTermsBox(formName)) {
return true;
} else {
return false;
}
}
function checkTermsBox(formName) {
var alertMsg = "You must agree to our Terms and Conditions before placing this order.";
if (formName.AgreeToTermsAndConditions.checked) {
return true;
} else {
alert(alertMsg);
return false;
}
}
</script>
{/literal}
And place this code in the submit button link.
Code:
onclick='return wrapperCheckTerms(checkout_form);'
I've seen most websites operate in this matter. Check out the UPS website to see this in action. Try clicking the 'Track' button without filling out the form and you'll see what happens.
Code:
http://www.ups.com/content/us/en/index.jsx