HELP WITH CHECKOUT NOT LOADING.

[bkopacz]

Hi there to everyone...

I have spent a crazy amount of time on this and I am hoping one of the experts can help me out.

I have implemented the ajax checkout and when I click on the shopping cart checkout..
The page loads.. the loading.gif spins for a few seconds...  but that's it.

I have attempted this using creloaded.  I modified the file structure...  that is...  I created a file in my content folder...
but for some reason it does not load..

when I check my page source for the load it is this...
<!-- content //-->

    <td width="100%" class="mainmiddle" align="center"  valign="top">

<script language="JavaScript" type="text/JavaScript">
   var productsId='';
   var pageAction='';
   var sessionId='osCsid=66mpei44utn9pu8nqbqjqui7m0';
</script>
<script language="JavaScript" type="text/JavaScript" src="ajax/javascript/requester.js"></script>
<script language="JavaScript" type="text/JavaScript" src="ajax/javascript/ajaxManager.js"></script>
<link rel="stylesheet" type="text/css" href="ajax/css/ajaxManager.css">
<script language="JavaScript" type="text/javascript">
function goOnLoad() {
   ajaxManagerInit();
}
</script>
<script language="javascript"><!--

var selected;
var selected_shipping = 0;
var selected_payment = 0;
var selected_address = 0;
var selected_payment_address = 0;

function selectRowEffect(object, buttonSelect) {
  if (!selected) {
    if (document.getElementById) {
      selected = document.getElementById('defaultSelected');
    } else {
      selected = document.all['defaultSelected'];
    }
  }

  if (selected) selected.className = 'moduleRow';
  object.className = 'moduleRowSelected';
  selected = object;

// one button is not an array
  var shipping = document.getElementById('shipping');
  if (shipping)
  {
    shipping.checked=true;
  }
 
  var selectable = document.getElementById('shipping_'+buttonSelect);
  if (selectable)
  {
    selectable.checked=true;
    selected_shipping = buttonSelect;
  }

  var selectable_address = document.getElementById('address_'+buttonSelect);
  if (selectable_address)
  {
    selectable_address.checked=true;
    selected_address = buttonSelect;
  }

}

function selectRowEffectPayment(object, buttonSelect) {
  if (!selected) {
    if (document.getElementById) {
      selected = document.getElementById('defaultSelected');
    } else {
      selected = document.all['defaultSelected'];
    }
  }

  if (selected) selected.className = 'moduleRow';
  object.className = 'moduleRowSelected';
  selected = object;

// one button is not an array

  var selectable_payment = document.getElementById('payment_'+buttonSelect);
  if (selectable_payment)
  {
    selectable_payment.checked=true;
    selected_payment = buttonSelect;
  }

}

function selectRowEffectPaymentAddress(object, buttonSelect) {
  if (!selected) {
    if (document.getElementById) {
      selected = document.getElementById('defaultSelected');
    } else {
      selected = document.all['defaultSelected'];
    }
  }

  if (selected) selected.className = 'moduleRow';
  object.className = 'moduleRowSelected';
  selected = object;

  var selectable_payment_address = document.getElementById('payment_address_'+buttonSelect);
  if (selectable_payment_address)
  {
    selectable_payment_address.checked=true;
    selected_payment_address = buttonSelect;
  }

}

function rowOverEffect(object) {
  if (object.className == 'moduleRow') object.className = 'moduleRowOver';
}

function rowOutEffect(object) {
  if (object.className == 'moduleRowOver') object.className = 'moduleRow';
}
//--></script>
<script type="text/javascript"><!--
function check_form() {
  var error = 0;
  var error_message = "Errors have occurred during the process of your form.\n\nPlease make the following corrections:\n";
  var payment_value = null;
  if (document.checkout_payment.payment.length) {
    for (var i=0; i<document.checkout_payment.payment.length; i++) {
      if (document.checkout_payment.payment.checked) {
        payment_value = document.checkout_payment.payment.value;
      }
    }
  } else if (document.checkout_payment.payment.checked) {
    payment_value = document.checkout_payment.payment.value;
  } else if (document.checkout_payment.payment.value) {
    payment_value = document.checkout_payment.payment.value;
  }

  if (payment_value == "ajax_authorizenet") {
    var cc_owner = document.checkout_payment.authorizenet_cc_owner.value;
    var cc_number = document.checkout_payment.authorizenet_cc_number.value;
    var cc_cvv = document.checkout_payment.authorizenet_cc_cvv.value;
    if (cc_owner == "" || cc_owner.length < 3) {
      error_message = error_message + "* The owner's name of the credit card must be at least 3 characters.\n";
      error = 1;
    }
    if (cc_number == "" || cc_number.length < 10) {
      error_message = error_message + "* The credit card number must be at least 10 characters.\n";
      error = 1;
    }
    if (cc_cvv == "" || cc_cvv.length < "3" || cc_cvv.length > "4") {
      error_message = error_message + "* The 3 or 4 digit CVV number must be entered from the back of the credit card.\n";
      error = 1;
    }
  }

  if (payment_value == null && submitter != 1) {
    error_message = error_message + "* Please select a payment method for your order.\n";
    error = 1;
  }

  if (error == 1 && submitter != 1) {
    alert(error_message);
    return false;
  } else {
    return true;
  }
}
//--></script>
<script language="javascript"><!--
var form = "";

var error = false;
var error_message = "";

function check_input(field_name, field_size, message) {

  if (getElement(field_name) && (getElement(field_name).type != "hidden")) {
    var field_value = getElement(field_name).value;

    if (field_value == '' || field_value.length < field_size) {
      error_message = error_message + "* " + message + "\n";
      error = true;
    }
  }
}

function check_radio(field_name, message) {
  var isChecked = false;
 
  if (getElement(field_name) && (getElement(field_name).type != "hidden")) {

    var radio =  document.getElementsByName(field_name);
   
    for (var i=0; i<radio.length; i++) {
      if (radio.checked == true) {
        isChecked = true;
        break;
      }
    }

    if (isChecked == false) {
      error_message = error_message + "* " + message + "\n";
      error = true;
    }
  }
}

function check_select(field_name, field_default, message) {
  if (getElement(field_name) && (getElement(field_name).type != "hidden")) {
    var field_value = getElement(field_name).value;

    if (field_value == field_default) {
      error_message = error_message + "* " + message + "\n";
      error = true;
    }
  }
}

function check_password(field_name_1, field_name_2, field_size, message_1, message_2) {
  if (getElement(field_name_1) && (getElement(field_name_1).type != "hidden")) {
    var password = getElement(field_name_1).value;
    var confirmation = getElement(field_name_2).value;

    if (password == '' || password.length < field_size) {
      error_message = error_message + "* " + message_1 + "\n";
      error = true;
    } else if (password != confirmation) {
      error_message = error_message + "* " + message_2 + "\n";
      error = true;
    }
  }
}

function check_password_new(field_name_1, field_name_2, field_name_3, field_size, message_1, message_2, message_3) {
  if (getElement(field_name_1) && (getElement(field_name_1).type != "hidden")) {
    var password_current = getElement(field_name_1).value;
    var password_new = getElement(field_name_2).value;
    var password_confirmation = getElement(field_name_3).value;

    if (password_current == '' || password_current.length < field_size) {
      error_message = error_message + "* " + message_1 + "\n";
      error = true;
    } else if (password_new == '' || password_new.length < field_size) {
      error_message = error_message + "* " + message_2 + "\n";
      error = true;
    } else if (password_new != password_confirmation) {
      error_message = error_message + "* " + message_3 + "\n";
      error = true;
    }
  }
}

function check_create_account() {
  error = false;
  //form = form_name;
  error_message = "Errors have occurred during the process of your form.\n\nPlease make the following corrections:\n";

  check_radio("gender", "Please select your Gender.");
 
  check_input("firstname", 2, "Your First Name must contain a minimum of 2 characters.");
  check_input("lastname", 2, "Your Last Name must contain a minimum of 2 characters.");

  check_input("dob", 10, "Invalid Date of Birth (mm/dd/yyyy)");

  check_input("email_address", 6, "Your E-Mail Address must contain a minimum of 6 characters.");
  check_input("street_address", 5, "Your Street Address must contain a minimum of 5 characters.");
  check_input("postcode", 4, "Your Zip Code must contain a minimum of 4 characters.");
  check_input("city", 3, "Your City must contain a minimum of 3 characters.");

  check_input("state", 2, "Your State must contain a minimum of 2 characters.");

  check_select("country", "", "You must select a country from the Countries pull down menu.");

  check_input("telephone", 3, "Your Telephone Number must contain a minimum of 3 characters.");

  check_password("password", "confirmation", 5, "Your Password must contain a minimum of 5 characters.", "The Password Confirmation must match your Password.");
  check_password_new("password_current", "password_new", "password_confirmation", 5, "Your Password must contain a minimum of 5 characters.", "Your new Password must contain a minimum of 5 characters.", "The Password Confirmation must match your new Password.");

  if (error == true) {
    alert(error_message);
    return false;
  } else {
    return true;
  }
}

function check_form_address() {
  error = false;
  error_message = "Errors have occurred during the process of your form.\n\nPlease make the following corrections:\n";

  check_radio("gender", "Please select your Gender.");
 
  check_input("firstname", 2, "Your First Name must contain a minimum of 2 characters.");
  check_input("lastname", 2, "Your Last Name must contain a minimum of 2 characters.");

  check_input("dob", 10, "Invalid Date of Birth (mm/dd/yyyy)");

  check_input("street_address", 5, "Your Street Address must contain a minimum of 5 characters.");
  check_input("postcode", 4, "Your Zip Code must contain a minimum of 4 characters.");
  check_input("city", 3, "Your City must contain a minimum of 3 characters.");

  check_input("state", 2, "Your State must contain a minimum of 2 characters.");

  check_select("country", "", "You must select a country from the Countries pull down menu.");
 
  if (error == true) {
    alert(error_message);
    return false;
  } else {
    return true;
  }
 
}

//--></script>
   

<table border="0" width="100%" cellspacing="0" cellpadding="0">
  <tr>
    <td align="left" class="infoBoxFootCorn" width="12px"><img src="templates/HorizonsGreen/images/infobox/HG_boxblank_top_left.gif" border="0" alt="" width="12" height="12"></td>
    <td align="center" class="infoBoxHeadingBlank" width="100%"><style="line-height:12px"></td>
    <td align="right" class="infoBoxFootCorn" width="12px"><img src="templates/HorizonsGreen/images/infobox/HG_boxblank_top_right.gif" border="0" alt="" width="12" height="12"></td>
  </tr>
</table>

<table border="0" class="infoBoxBorder" width="100%" cellspacing="0" cellpadding="2">
      <tr>
        <td width="100%"><table border="0" width="100%" cellspacing="0" cellpadding="0">

          <tr>
            <td align="center" class="pageHeading">HEADING_TITLE</td>
          </tr>
        </table></td>
      </tr>
      <tr>
        <td><img src="images/pixel_trans.gif" border="0" alt="" width="100%" height="10"></td>
      </tr>

<!-- table_image_border_top -->
<tr>
  <td valign="top" width="100%"><table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td valign="top" width="100%"><table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td class="main_table_heading"><table width="100%" border="0" cellspacing="0" cellpadding="1">
            <tr>
              <td><table width="100%" border="0" cellspacing="0" cellpadding="1">

                <tr>
                  <td class="main_table_heading_inner"><table width="100%" border="0" cellspacing="0" cellpadding="4">
                    <tr>
                      <td>
                      <!-- table_image_border_top //eof-->



  <body onLoad="goOnLoad();">

    <!-- body //-->

    <table border="3" width="100%" cellspacing="3" cellpadding="3">
      <tr>

   
        <td width="100%" valign="top">
       
<div id="ajaxManager">
</div>

</td>

it seems that stuff is loading...  but why not the page...

it simply ends on the div ajax manager




can it have something to do with the header...
osc's header is located in the includes/
whereas the cre header is located in the templates/templatename/ folder

please help...  can someone point me in the right direction..

thank you
brian

[Alex]

Hello,

We have implemented the ajax checkout for CRE users, but these were individual jobs for a customized stores, and were
not generalized into any package. Anyway, to tune it up for CRE it requires a lot more changes, not only in structure of content
template files.

If you really need it, we can do it for you under our maintenance per hour plan, however, it will take a piece of time. Besides, I will
not recommend you that if you are planning to use e.g. paypal payments pro module or some other one not described on products page,
because they will simply not work and will require changes.