Encode

1. Install oggenc: $ sudo apt-get install vorbis-tools
2. Encode: $ oggenc -q 6 input.wav -o output.ogg

The HTML:

<audio controls="controls" preload="auto" autobuffer autoplay id="player">
    <source src="http://alialujah.com/files/3513/2641/1365/a-house-a-home.mp3" type="audio/mpeg" />
    <source src="http://alialujah.com/files/3813/2648/7285/a-house-a-home.ogg" type="audio/ogg" />
    Aw dang! Your browser does not support html5.
</audio>

To enable url rewrites, go to System > Configuration > Web > Search Engines Optimization > Use Web Server Rewrites and choose yes.

Copy the following into a blank file and save it in the root of your Magento install as “.htaccess”:

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ – [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>

Ed. Note 9/8/11: LiveCart made me a liar.  Turns out its broken, the community is non-existent, and the documentation is incomplete.  After struggling with PHP error after error for hours yesterday, I’ve given it up and my search for an eCC compatible shopping cart continues.  I remain impressed by Opencart though, and I’m hoping like hell that I get Quickbooks integration through consolibyte. I found them through the Opencart forums and their web connector is in beta. Here’s hopin’!

But not because it’s the best.  Its just the only one that actually works with eCC and Quickbooks.  The reason?  Variations.

Variations are everything

Quickbooks gives all items (the QB name for products) a unique item number. Variations on a product (like size and color) also get an item number. So if I am selling widgets, I would go into Quickbooks and add a new item called Widget, and Quickbooks would assign Widget item number 1. I have all different kinds of widgets so I’d leave the inventory amount at 0. Now I have to add a style (QB’s word for variations) for each kind of widget I’m selling. I have large widgets and small widgets and they come in green or red. So I add a style for each combo, large red, small red, large green, and small green.

When I save and look at the list of all my items, I find that I now have an entry for Widget with no styles, and an entry for each widget combination. Large red widgets are item number 2, small red widgets are item number 3, and so on. Quickbooks treats every variation as a unique product, which makes a lot of sense when you think about how hard it would be to track inventory otherwise. Unfortunately of the three carts I tested (Opencart, Livecart, and Prestashop), Livecart is the only only that works like this. And this is essential. So Livecart it is!

But Opencart was soooo good!

If Quickbooks integration wasn’t an issue, the winner would be Opencart by a mile. It’s really nice to use. The admin area (and the frontend while we’re at it) was super fast and just beautiful. Adding products and variations was a breeze. The workflow was so smooth and well thought out. Everything just made so much sense! I can’t say that about Livecart or Prestashop, which are both pretty slopping in comparison.

Code-wise Opencart was a big stand-out as well. No smarty templating to deal with, the code is clean, and the directory structure makes sense. Themeing is straight forward. All in all an exemplary MVC application. If only I could use it!

Never seen that one before! I fixed it by following tristanC’s advice on this forum post.

Just edit /etc/apache2/mods-available/userdir.conf and add Options as the last argument on the AllowOverride line. Then restart Apache and you’re golden!

The List

Here’s the full list of eCC compatible shopping carts from their website:

• Avactis
• osCMax
• BigCommerce
• Pinnacle Cart
• ClaimTheWeb
• Prestashop
• CRE Loaded
• Shop-Script
• CS-Cart
• Ubercart
• CubeCart
• ViArt Shop
• Interspire
• BigCommerce
• VirtueMart
• LiveCart
• Volusion
• Magento
• WordPress
• Mal’s eCommerce
• X-Cart
• OpenCart
• Zen Cart
• 3d Cart
• osCommerce

The Criteria

Open Source

First of all, non-open source carts were taken out of the running immediately, with the briefest of overviews if they looked interesting. In addition to the cost, I’ve learned from harsh experience that closed-source shopping carts are a nightmare to work with (xSilva anyone?). If I can’t get into the guts of the thing, its not worth wasting my time.

Pretty Backend

Since I actually have to sell this thing to a client, its got to look good. I don’t have time to do customisations on the admin area. Its got to be attractive and usable out of the box.

Good Documentation

Its hard to find, as many projects have moved over to the “knowledge base” style of not-really-documentation, but its pretty important. If the docs are bad or non-existent, its got to have a good forum and an active community.

MVC

Once you go MVC you never go back. Shopping carts are way to complex to use old coding styles.

The Losers

Closed Source and Closed Core Losers

The standout among closed-source carts was Interspire. I didn’t use it but it looks super slick. Probably a good turn-key solution (as if that ever really works). I also included closed-core carts (i.e. “97% open source!”) in this losers list because they tend to be just as useless as closed-source.

• Avactis
• BigCommerce
• Pinnacle Cart
• ClaimTheWeb
• CRE Loaded
• Shop-Script
• CS-Cart
• CubeCart
• ViArt Shop
• Interspire
• BigCommerce (Interspire’s hosted solution)
• Volusion
• Mal’s eCommerce (Free, but hosted only)
• X-Cart
• 3d Cart

Open-source Losers

Carts that made this list include those that didn’t make the criteria above and carts that are based on a CMS, like Drupal and Joomla. They may be great, but my bad experience with WP E-Commerce has soured me on those.

• osCMax
  • No updates since 2010
  • Drupal based
• Ubercart
  • Drupal based
• VirtueMart
  • Joomla based
• Magento
  • A sea of terrible reviews that site code bloat, bad load times, overly complex markup
• WP E-Commerce
  • I was really excited about this project initially. Latest upgrade (3.8) was a huge step in the wrong direction. I'm of the opinion now that WordPress is not an appropriate platform for e-commerce.
  • Hard to customise
  • Documentation has disappeared
  • Basic functionality broken out of the box
  • Confusing backend
• Zen Cart
  • MVC based, but…
  • Messy documentation
  • Ugly, outdated backend
• osCommerce
  • Also MVC based (Zen Cart was based on osCommerce) but again…
  • Bad documentation
  • Ugly backend

The Preliminary Winners!

I’ve narrowed it down to 3:

• PrestaShop
  • MVC
  • Small & Fast (according to reviews)
  • Actual documentation!
  • Active community
  • Smarty templating (boo!)
• LiveCart
  • MVC
  • Passable backend
  • Smarty templating (blech!)
  • Concrete5-style blocks
  • Backend not compatible with IE (uh-oh!)
• OpenCart
  • MVC +L
    • Here's a rundown of the specific flavor of OpenCart’s MVC: http://www.opencart.com/forum/viewtopic.php?f=20&t=4113
  • Very little documentation
  • Feature poor according to (old) reviews
  • Active community
  • PHP templating! No Smarty to learn
  • Really slick backend, the best of the bunch
  • Lots of ajaxy javascript animations in front and back

Now I have to download and install the winners. Check back for the grand finalist!

To disable all scripts and stylesheets, add this code to the functions.php file in your theme folder:


// Remove Styles
function childtheme_deregister_styles() {
wp_deregister_style( 'wpsc-theme-css' );
wp_deregister_style( 'wpsc-theme-css-compatibility' );
wp_deregister_style( 'wpsc-product-rater' );
wp_deregister_style( 'wp-e-commerce-dynamic');
wp_deregister_style( 'wpsc-thickbox' );
wp_deregister_style( 'wpsc-gold-cart' );
}
add_action( 'wp_print_styles', 'childtheme_deregister_styles', 100 );

// Remove Product List RSS
remove_action('wp_head', 'wpsc_product_list_rss_feed');


Then expect things to get weird! This will disable a lot of built-in functionality which you prolly want. Fortunately you can easily pick and choose by leaving out the scripts and stylesheets you still need. I found that the most disruptive thing for my customisations was the Gold Cart stylesheet, which I disabled with this:


// Remove gold cart css
function childtheme_deregister_styles() {
wp_deregister_style( 'wpsc-gold-cart' );
}
add_action( 'wp_print_styles', 'childtheme_deregister_styles', 100 );


Background info

The freshest software

First of all, I’m using a child theme of Thematic (version 0.9.7.7) and the latest versions of WP E-Commerce (3.8.6) and WordPress (3.2.1). I just downloaded everything today so its all freshy fresh.

The issue

I have widgets in my primary, secondary, and three subsidiary sidebars. They show up on every page on my site except for the products page and single products pages.

I tried everything!

Before this fix I tried disabling all my plugins, which did nothing. Then I tried some other themes: the default WordPress theme Twenty Eleven also had no sidebars on the products page, but Twenty Ten worked fine. This was a clue.

It prolly has something to do with…

This function: dynamic_sidebar() is being overridden or whatever. That’s all I got.

The fix

WP E-Commerce uses the page.php template for the products page and single products pages. To get your sidebars back, copy the page.php file from themes/thematic/page.php folder to themes/yourtheme/page.php. Comment out thematic_sidebar(); on line 10, like this:

// thematic_sidebar();

Then add these lines directly under the code you just commented out:

thematic_primary_aside();
thematic_secondary_aside();

Save the file and view the products page, your primary and secondary sidebars should be there. Now to get your footer widgets back, copy themes/thematic/footer.php to themes/yourtheme/footer.php. Comment out thematic_footer(); on line 16, like this:

// thematic_footer();

Then add the following three lines right under that:

thematic_1st_subsidiary_aside();
thematic_2nd_subsidiary_aside();
thematic_3rd_subsidiary_aside();

Save the file, reload the page in your browser, and all your sidebar widgets should be there!

Sweet new website: http://www.milhollandcycles.com/

Facebook: Milholland Cycles

Put your .js file in the /js directory in the root of your Concrete5 install. In your theme’s elements/header.php file, add the following just before <?php Loader::element('header_required'); ?>:

<?php
$html = Loader::helper('html');
$this->addHeaderItem($html->javascript('my_script.js'));
?>

If you want to include your javascript file only when the user is not in edit mode, use this instead:

<?php
global $cp;
$html = Loader::helper(‘html’);
if (!$cp->canWrite()) {
$this->addHeaderItem($html->javascript(‘script.js’));
}
?>