Featured Content Gallery – WP Ecommerce

Mar. 26, 2009 Categories: Ecommerce, Plugins by shayne 28 Comments

So if you’re using the WP Ecommerce plugin for WordPress and happen to have a theme that uses Featured Content Gallery, you’ll notice there are some problems. The javascript for each of the plugins conflict and cause the Featured Content Gallery not to function if you have WP Ecommerce installed and activated.

This can be very frustrating being that both plugins are very nice to have running. Although I don’t have a “fix” for this issue, I do have a workaround. It’s called “D13 SlideShow” and it’s a plugin for WordPress that will accomplish the same affect as what Featured Content Gallery will do…but it works well with WP Ecommerce.

The first thing you’ll want to do is log into your WordPress dashboard and go to your Featured Content Gallery settings area and note the “width” and “height” settings that you have in place, as you will need these later. After you note what those values are, then you can deactivate the Featured Content Gallery plugin.

Next, you will want to download the D13 SlideShow plugin here. Then upload it to “wp-content/plugins” and activate it through your dashboard. Once you have done that, then you will want to navigate to your theme’s directory on your server (or you can access this by going to “Appearance–>Editor”). You will want to remove the call for Featured Content Gallery from your theme. It’s most likely going to be located in “home.php” or “index.php” depending on your theme. The code you will look for should look something like this:

<?php /*Check for the 'gallery_styles' function. if it's there, then include it. If not, do nothing*/ ?>
            <?php if (function_exists('gallery_styles')) : ?>
            <div id="fcg">
                <?php include (ABSPATH . '/wp-content/plugins/featured-content-gallery/gallery.php'); ?>
            </div>
            <?php endif; ?>

Replace that with this code:

<?php d13slideshow(); ?>

Now that you’ve done that, you can go to “Settings–>D13SlideShow” and configure it to your needs. You will see a screen like this:

d13_main

It’s pretty self explanatory, but you’ll see the area up top where it asks for the location of the 2 javascript files. You can leave this empty to start with and see if it works, but if it does not, just put in the values you see in the image above. Next, you will take the width and height settings you saved from your Featured Content Gallery settings and input them. Next, you can set the fade color, transition timing, and so on.

Under that, you’ll see where you have the option to show latest blog posts or pages. Whether you choose to show blog posts or pages, you will need to add custom fields to either the post or page in order for it to work with D13 SlideShow.

So when creating or editing a post or a page, you will add a new custom field with the name “promoimage” (no spaces and all lower case) and then for the value, you will put the absolute path to the image you’d like to show. Also, make sure the image is resized to the same size that you have input above in the “width” and “height” field. It should look something like this:

d13_custom_field

That should be it…check your site, and you should have a rotating image showcasing your posts or pages, and it will work with WP ECommerce!

So until next time….

Tags: conflict, content, featured, javascript, slideshow, WP Ecommerce

Featured Content Gallery – WP Ecommerce

28 Comments

Leave a Reply

Get The Show!

Recent Posts

Categories

Archives