WP eCommerce: Fix Category Images error in Category Administration

Got this annoything issue?



WP eCommerce (3.9.4) currently has an issue where it does not display the category image in the products categories image column.

Somewhere along the line they used the wrong constant WPSC_CORE_IMAGES_URL to define the URL. This is easily fixed by replacing it with the correct constant WPSC_CATEGORY_URL.

The fix is on line 101 of wpsc-admin/includes/save-data.functions.php.


$string = sprintf( $format, WPSC_CORE_IMAGES_URL . $image, esc_attr( $term->name ) );


$string = sprintf( $format, WPSC_CATEGORY_URL . $image, esc_attr( $term->name ) );

and Viola! Your category images will be all fixed.

Thanks to misulicus for the fix at: https://github.com/misulicus/WP-e-Commerce/commit/bd08657ab9c47534c964c54e940d917251b0121f

Add HTML button to TinyMCE for WordPress

Well this is something that has been bugging me for a long while, the ability of not being able to switch between Visual / HTML in secondary TinyMCE WYSIWYG editors in plugins and classes like Deluxe Blog Tips Meta Box script. I believe they are adding a fix to this for in v4.0, which is only weeks away. Due to time constraints, I didn’t have time to see how far along they were (they are supposedlywaiting until WordPress 3.3 is released to fix / finish it), so I whipped up this quick little bit of code.

Here’s what the button looks like:

And here’s what it opens:

So here’s the quick fix.

function tinymce_add_code() {
   // Don't bother doing this stuff if the current user lacks permissions
   if ( ! current_user_can('edit_posts') && ! current_user_can('edit_pages') )

   // Add only in Rich Editor mode
   if ( get_user_option('rich_editing') == 'true') {
     add_filter('mce_buttons', 'register_tinymce_code');

function register_tinymce_code($buttons) {
   array_push($buttons, "code");
   return $buttons;

// init process for button control
add_action('init', 'tinymce_add_code');

Also, I do have a really dirty method somewhere, which makes it perform the ‘visual/html’ tabs in the generic WordPress style, if anyone wants me to dig it up.

Youtube oEmbed wmode Fix Filter

Here’s a handy little WordPress filter to make your automatic Youtube embeds (oEmbed) wmode opaque to stop z-index issues.

Please note: This is not my code, i’m just reproducing it due to site it was on has gone down. You can see the original URL below.

function add_video_wmode_transparent($html, $url, $attr) {
   if (strpos($html, "<embed src=" ) !== false) {
    	$html = str_replace('</param><embed', '</param><param name="wmode" value="transparent"></param><embed wmode="transparent" ', $html);
   		return $html;
   } else {
        return $html;
add_filter('embed_oembed_html', 'add_video_wmode_transparent', 10, 3);

Source: http://www.mehigh.biz/wordpress/adding-wmode-transparent-to-wordpress-3-media-embeds.html (currently dead)

WP-Ecommerce Show Tables Rates Function

<?php // WP E-Commerce Show Table Rates
	if ( !function_exists('wpsc_show_table_rate') ) {

		function wpsc_show_table_rate($id = null) {
			$post_meta = get_post_meta($id, '_wpsc_product_metadata');
			$table_rates = $post_meta['0']['table_rate_price'];
			$count = count($table_rates['quantity']);
			$i = 0;
			echo '<ul class="table-rate">';
			if ($table_rates['state']) {
				while ( $count > $i ) {
					echo '<li>' . $table_rates['quantity'][$i] . ' or more $' . $table_rates['table_price'][$i] . '</li>';
			echo '</ul>';


Implmentation into Theme

<?php wpsc_show_table_rate(wpsc_the_product_id()); ?>

To be updated with explanation soon.

WordPress Settings API – Quick Implementation Class Fix

After discussing making a solution to create WordPress options pages easily for a few months with Jason Grim, I stumbled across a class has similar functionality that I was after.

Olly Benson created a class for quick implementation of the WordPress Settings API. Basically, this can achieve rapid deployment of settings pages for themes and plugins.

There was a slight hiccup though, it didn’t work. A few missing characters and a callback error was occurring.

So here’s the fix:

I’ve added the missing culprit commas in the section array.

To fix the callback problems, I’ve changed the how the functions are called. For example:



array( &$this, 'plugin_setting_dropdown' )

This will need to be fixed on all functions to prevent the error from occurring.

So here’s the full updated code (with a few minor modifcations too).

//  By Olly Benson / v 1.2 / 13 July 2011 / http://code.olib.co.uk
//  Modified / Bugfix by Karl Cohrs / 17 July 2011 / http://karlcohrs.com
//  * add a include() to this file in your plugin.
//  * amend the config class below to add your own settings requirements.
//  * to avoid potential conflicts recommended you do a global search/replace on this page to replace 'ob_settings' with something unique
//  * Full details of how to use Settings see here: http://codex.wordpress.org/Settings_API

class ob_settings_config {


var $group = "obDisplay"; // defines setting groups (should be bespoke to your settings)
var $page_name = "ob_display"; // defines which pages settings will appear on. Either bespoke or media/discussion/reading etc

//  (only used if bespoke page_name)

var $title = "OB Display";  // page title that is displayed
var $intro_text = "This allows you to configure the slideshow exactly the way you want it"; // text below title
var $nav_title = "OB Display"; // how page is listed on left-hand Settings panel

//  Each section should be own array within $sections.
//  Should contatin title, description and fields, which should be array of all fields.
//  Fields array should contain:
//  * label: the displayed label of the field. Required.
//  * description: the field description, displayed under the field. Optional
//  * suffix: displays right of the field entry. Optional
//  * default_value: default value if field is empty. Optional
//  * dropdown: allows you to offer dropdown functionality on field. Value is array listed below. Optional
//  * function: will call function other than default text field to display options. Option
//  * callback: will run callback function to validate field. Optional
//  * All variables are sent to display function as array, therefore other variables can be added if needed for display purposes

var $sections = array(
    'slideshow' => array(
        'title' => "Display options",
        'description' => "Settings to do with how the plugin is displayed",
        'fields' => array (
          'width' => array (
              'label' => "Width",
              'description' => "Width of the display",
              'length' => "3",
              'suffix' => "px",
              'default_value' => "640"
          'height' => array (
              'label' => "Height",
              'description' => "Height of the display",
              'length' => "3",
              'suffix' => "px",
              'default_value' => "240"
            'display_colour' => array(
              'label' => "Display Colour",
              'description' => "Choose the display colour you'd like",
              'dropdown' => "dd_colour",
              'default_value' => "#00f")
      'boilerplate' => array(
          'title' => 'Boilerplate settings',
          'description' => "Settings to do with what is displayed at the bottom of the page",
          'fields' => array(
            'copyright' => array (
              'label' => "Copyright",
              'description' => "What copyright notice would you like?",
              'default_value' => "©2011 Olly Benson"
            'copyright_colour' => array(
              'label' => "Copyright Colour",
              'description' => "Choose the colour you'd like the copyright to be",
              'dropdown' => "dd_colour",
              'default_value' => "#aaa")

 // For drop down choices.  Each set of choices should be unique array
 // Use key => value to indicate name => display name
 // For default_value in options field use key, not value
 // You can have multiple instances of the same dropdown options

var $dropdown_options = array (
    'dd_colour' => array (
        '#f00' => "Red",
        '#0f0' => "Green",
        '#00f' => "Blue",
        '#fff' => "White",
        '#000' => "Black",
        '#aaa' => "Gray",

//  end class

class ob_settings {

function ob_settings($settings_class) {
	global $ob_settings;
	$ob_settings = get_class_vars($settings_class);

	if (function_exists('add_action')) :
	  add_action('admin_init', array( &$this, 'plugin_admin_init'));
	  add_action('admin_menu', array( &$this, 'plugin_admin_add_page'));

function plugin_admin_add_page() {
  global $ob_settings;
  add_options_page($ob_settings['title'], $ob_settings['nav_title'], 'manage_options', $ob_settings['page_name'], array( &$this,'plugin_options_page'));

function plugin_options_page() {
  global $ob_settings;
<form action="options.php" method="post">',$ob_settings['title'],$ob_settings['intro_text']);
 printf('<input type="submit" name="Submit" value="%s" /></form></div>
',__('Save Changes'));

function plugin_admin_init(){
  global $ob_settings;
  foreach ($ob_settings["sections"] AS $section_key=>$section_value) :
    add_settings_section($section_key, $section_value['title'], array( &$this, 'plugin_section_text'), $ob_settings['page_name'], $section_value);
    foreach ($section_value['fields'] AS $field_key=>$field_value) :
      $function = (!empty($field_value['dropdown'])) ? array( &$this, 'plugin_setting_dropdown' ) : array( &$this, 'plugin_setting_string' );
      $function = (!empty($field_value['function'])) ? $field_value['function'] : $function;
      $callback = (!empty($field_value['callback'])) ? $field_value['callback'] : NULL;
      add_settings_field($ob_settings['group'].'_'.$field_key, $field_value['label'], $function, $ob_settings['page_name'], $section_key,array_merge($field_value,array('name' => $ob_settings['group'].'_'.$field_key)));
      register_setting($ob_settings['group'], $ob_settings['group'].'_'.$field_key,$callback);

function plugin_section_text($value = NULL) {
  global $ob_settings;


function plugin_setting_string($value = NULL) {
  $options = get_option($value['name']);
  $default_value = (!empty ($value['default_value'])) ? $value['default_value'] : NULL;
  printf('<input id="%s" type="text" name="%1$s[text_string]" value="%2$s" size="40" /> %3$s%4$s',
    (!empty ($options['text_string'])) ? $options['text_string'] : $default_value,
    (!empty ($value['suffix'])) ? $value['suffix'] : NULL,
    (!empty ($value['description'])) ? sprintf("<em>%s</em>",$value['description']) : NULL);

function plugin_setting_dropdown($value = NULL) {
  global $ob_settings;
  $options = get_option($value['name']);
  $default_value = (!empty ($value['default_value'])) ? $value['default_value'] : NULL;
  $current_value = ($options['text_string']) ? $options['text_string'] : $default_value;
	$chooseFrom = "";
	$choices = $ob_settings['dropdown_options'][$value['dropdown']];

  foreach($choices AS $key=>$option) :
    $chooseFrom .= sprintf('%s',
      $key,($current_value == $key ) ? ' selected="selected"' : NULL,$option);
<select id="%s" name="">%2$s</select>
  (!empty ($value['description'])) ? sprintf("<em>%s</em>",$value['description']) : NULL);

//end class

$ob_settings_init = new ob_settings('ob_settings_config');

jQuery UI Default Accordion Item

Well you may have searched the web to find out that setting a default Accordion item is relatively undocumented…

So here’s the answer.

<script type="text/javascript">
jQuery(function() {
jQuery( "#accordion" ).accordion({
active: '.default-item'

The line: active: ‘.default-item’ will set the h3 with a css class “default-item” to the initially opened Accordion. You can also open multiple items by default if you apply this class to more that one h3.

Tested on jQuery 1.8.6.