Dave Dirt's Kustom Web Design http://www.davedirt.net Sun, 10 Mar 2013 08:59:10 +0000 en-US hourly 1 http://wordpress.org/?v=3.5.1 Use WordPress Shortcode on WP Online Store http://www.davedirt.net/2013/03/10/use-wordpress-shortcode-on-wp-online-store/ http://www.davedirt.net/2013/03/10/use-wordpress-shortcode-on-wp-online-store/#comments Sun, 10 Mar 2013 08:59:10 +0000 admin http://www.davedirt.net/?p=112 I am using the WP Online Store Plugin within a custom theme built using the awesome blank canvas Handcrafted WP Theme. Basically you just create a page in WordPress and add the shortcode [WP_online_store]. This creates your entire store within one page. The WP Online Store is a great plugin (and free!), but it does have certain constraints. Other than the CSS, the rest of the plugin is quite difficult to customize. There are what seems like hundreds if PHP pages to sift through in order to customize the plugin more completely.

The problem I ran into was while trying to utilize a great responsive slider plugin, Camera Slideshow. This plugin creates awesome, responsive sliders that are totally customizable but I couldn’t get the shortcode to work with WP Online Store. I’m not 100% sure, but I believe the scripts weren’t loading for whatever reason. After a long frustrating night searching Google and lots of trial and error, I was finally successful! Here’s what worked for me:

I wanted the Camera Slideshow to appear on the home page of my WP Online Store. First I had to hard code the shortcode into my template_top.php file like this

This shortcode alone will not work. I found this solution during my lengthy Google search:

global $plugindir;
wp_enqueue_style('camera-css-front', $plugindir.'css/camera_front.css', false, '1.0', 'all');
wp_enqueue_style('camera-css-colorbox', $plugindir.'css/colorBox'.camera_get_option('camera_colorbox_skin').'/colorbox.css', false, '1.0', 'all');

wp_enqueue_script('jquery-pix');
wp_enqueue_script('swfobject');
wp_enqueue_script('jquery-hoverIntent');
wp_enqueue_script('jquery-easing');
if(camera_get_option('camera_colorbox')=='true') {
wp_enqueue_script('camera-colorbox');

}

if(camera_detectMobile() &&
camera_get_option('camera_jquerymobile')=='true') {
wp_enqueue_script('camera-jquery-mobile');
}

wp_enqueue_script('camera-slide');
wp_enqueue_script('camera-init');
?>

The Slider will now appear but you MUST manually add a link to the Camera Slideshow CSS file in the section of your themes header.php file. Mine looked something like this: ]]> http://www.davedirt.net/2013/03/10/use-wordpress-shortcode-on-wp-online-store/feed/ 0 Toadlick Music Festival http://www.davedirt.net/2013/02/01/toadlick-music-festival/ http://www.davedirt.net/2013/02/01/toadlick-music-festival/#comments Fri, 01 Feb 2013 05:48:44 +0000 admin http://www.davedirt.net/?p=95 Toadlick Music Festival

]]> http://www.davedirt.net/2013/02/01/toadlick-music-festival/feed/ 0 Port City Motors http://www.davedirt.net/2013/02/01/port-city-motors/ http://www.davedirt.net/2013/02/01/port-city-motors/#comments Fri, 01 Feb 2013 05:08:38 +0000 admin http://www.davedirt.net/?p=90 Port City Motors

]]> http://www.davedirt.net/2013/02/01/port-city-motors/feed/ 0 Portfoilio http://www.davedirt.net/2012/01/04/hello-world/ http://www.davedirt.net/2012/01/04/hello-world/#comments Wed, 04 Jan 2012 00:54:03 +0000 admin http://www.davedirt.net/?p=1 COMING SOON!

Working hard so you don’t have to!

]]> http://www.davedirt.net/2012/01/04/hello-world/feed/ 0