Museum's Online Store Uses Drupal Ecommerce

I haven't followed any of my threads in a long time. Sorry about the delay!

The products are a custom CCK content type. The default product types were not flexible enough for our needs. Any CCK node can be product enabled.

The products are listed by views.module. Our custom view was configured to provide the url /store/$arg. We did some custom argument handling to display the products within categories (taxonomies). For example, /store/books returns all products within the taxonomy called "books."

We used CSS and themed the product content type to achieve our desired look.

If you were to go through the checkout process you would notice custom fields, improved usability, and more consistent options than the ecommerce comes with out of the box. Making this happen was pretty complicated and I wouldn't even know how to explain it on here. However, I can tell you it required multiple template.php overrides, custom hook_form_alter functions of ecommerce functions, custom javascript, and a LOT of patience.

Also on your checkout page, could you put the code to copy your information from the delivery to the billing?

I know the following code could be prettier, but it works none the less (it could be about 70% shorter using jquery functions). I just got it working and intended to clean it up later. This will only work if you have the jquery library loaded.

Include the following javascript as a separate file in your header:

if (Drupal.jsEnabled) {
  function copyBilling() {
    document.getElementById('edit-address-shipping-firstname').value = document.getElementById('edit-address-billing-firstname').value;
    document.getElementById('edit-address-shipping-lastname').value = document.getElementById('edit-address-billing-lastname').value;
    document.getElementById('edit-address-shipping-street1').value = document.getElementById('edit-address-billing-street1').value;
    document.getElementById('edit-address-shipping-street2').value = document.getElementById('edit-address-billing-street2').value;
    document.getElementById('edit-address-shipping-city').value = document.getElementById('edit-address-billing-city').value;
    document.getElementById('edit-address-shipping-state').value = document.getElementById('edit-address-billing-state').value; 
    document.getElementById('edit-address-shipping-zip').value = document.getElementById('edit-address-billing-zip').value;
    document.getElementById('edit-address-shipping-phone').value = document.getElementById('edit-address-billing-phone').value;
  }
  
  $(document).ready(function() {
    var a = document.createElement("a");
    var linkText = document.createTextNode("Click here to copy your billing information below.");
    a.appendChild(linkText);
    a.className = "copy-billing-link";
    a.onclick = function() {
      copyBilling();
      return false;
    };
    var linkContainer = document.getElementById('copy-billing-container');
    linkContainer.appendChild(a);
  });
}

Then you have to add the following div before the first field inside the shipping address fieldset.

<div id="copy-billing-container"></div>

How do you do this? Add a function like this to template.php. I omitted about 100 lines of code from this function, but this is all you need for the javascript to work correctly.

function address_form_alter($form_id, &$form) {
  $form['address']['shipping']['firstname']['#prefix'] = "<div id=\"copy-billing-container\"></div>\n";
}

This div is empty because javascript writes the necessary link in the div. If the visitor does not have javascript enabled, they don't get an option that doesn't work... a little DOM magic.

Reading back over this post I can see how all of this might be confusing. I am not very good at explaining months worth of work in a single post. I really hope I have been able to help. Please comment or ask questions and I'll reply sooner!