Everyone needs a break and not all of you are giant companies. Some of you are small one or two person operations making gorgeous things with love. I received this question about the online store of one such artisan manufacturer, ‘Coco Suisse” whose chocolates are awesome by the way….
“I’m actually taking off on vacation in a couple of weeks and was wondering if there was an easy way to keep my website up but temporarily prevent people from being able to order?”

Answer

I think you need to achieve two things.

1. inform people that you are not accepting orders
2. make sure anyone who is not very observant can not actually place an order

You can add a message to every page quite easily with CSS. You can add content to a page using CSS with the before and after selectors and the content property. You add the before or after selector to the class or id selector of an object and then it displays the ‘content’ property you supply in that position. In this example I am attaching it after the div with the id header, #header. Your theme may differ in its naming convention but header is very likely. You could also attach it elsewhere, before the header, after a menu or before a logo image for example. Just make sure it is part of your sites header section so that it appears on all pages.

/* add the message and style it*/
#header:after {
     border: 1px solid #FF0000;
     color: #FF0000;
     content: "Sorry folks we are on vacation, we will be accepting orders again May 1st 2013 ";/*this is your message*/
     font-size: 1.5em;
     padding: 5px;
}

Now there are simple ways to stop people ordering. You can just go to Settings/Store/Presentation Tab and check “hide add to cart button” That will do the job, no one can buy, but that is going to be quite confusing if you provide the user with no more information. So lets leave that setting alone and do a little CSS which will allow you to display a message on every single product page where the button was, without having to edit each product page individually. We can also use CSS to hide the ‘Add to cart’ button.

I am hiding the button rather than turning it off because I can then connect my CSS message to the ‘Add to cart’ buttons containing div. A bit of trial and error and I thought this was the best option to connect the message to. To explain the CSS a little the ‘:before’ is attached to the class selector ‘.wpsc_buy_button_container’ for the div that contains the button. Then we hide the button input itself. If you just turn the button off in settings the button container div is not created and you have nothing to attach your message to.

/* add the message and style it*/
.wpsc_buy_button_container:before {
     background-color: #E8E8E8;
     border: 1px solid #FF0000;
     color: #FF0000;
     content: "Accepting orders again May 1st 2013 ";/*this is your message*/
     float: left;
     padding: 5px;
     text-align: left;
}
/*hide the button*/
#content input.wpsc_buy_button {
     display: none ! important;
}

This code would go in your custom CSS file if using one or if using a ‘Storefront’ theme you could put it in the Storefront Options/Style Tab/Custom CSS box.

Your single product page will show the header and button replacing text

Checkout

You could also temporarily change the content on the checkout page, switch to text view (html in older versions of WordPress) remove the shortcode [shoppingcart] and add some nice content advising your customers you are temporarily closed and when you will return. Be chatty and personal, explain why you are closed and when you will be back in a little more detail, add some nice images of your products or really rub the vacation in with a photograph of that beach you will be laying on. I would say this is a good idea especially if your theme has a link to the shopping cart/checkout page displayed or uses the cart widget which allows navigation to checkout. You could skip this. No one can order, so even if they do get to checkout they will just see the “you have nothing in your cart” message.

Instead of editing the checkout page directly You could make a separate page and use a redirect plugin to send all checkout page requests to your notice page. As the restoration of checkout just involves restoring the simple [shoppingcart] shortcode, unless you are already using a redirect plugin that seems a little over-kill.

I’ve been searching for some code so that if the price is £0.00, then a piece of text along the lines of ‘Price on application’ is pulled through.

I have found this post on your site and attempted to make it work. I think the different plugin versions mean that I can’t get it right.
I am using WP eCommerce Version 3.8.9.5
and Gold Cart Version 2.9.7.3

Answer

This answer assumes you have a theme which uses the default template files from the WP e-Commerce plugin. This is quite common. (If you have a theme which includes custom versions of these files you will have to attempt to apply this code to your theme.)
Depending on your setup there are 4 PHP files you may need to edit. If you have never edited PHP see the Tools panel at the end of this post and jump in. The four files are

1. wpsc-products_page.php
2. wpsc-single_product.php
3. wpsc-list_view.php
4. wpsc-grid_view.php

If you are NOT using the Gold Cart plugin you should alter the first two. If you are using Gold Cart you will want to alter 2 and either 3 or 4 depending on which view you have set in WP e-Commerce on Settings/Store/Presentation tab for “Product Display:”
I recommend just altering all four actually. That way if you decide to change your settings later it will just work and you will not have to remember where you found this code! You can of course replace the message “Price on application” in the code below with any message you desire.

Code file 1

I am going to add big chunks of code here on the first example to help you understand what you are looking for. After that I will make the code examples shorter. Open wpsc-single_product.php from your theme folder. Find the highlighted line around line 140.

							<div class="wpsc_product_price">
								<?php if(wpsc_show_stock_availability()): ?>
									<?php if(wpsc_product_has_stock()) : ?>
										<div id="stock_display_<?php echo wpsc_the_product_id(); ?>" class="in_stock"><?php _e('Product in stock', 'wpsc'); ?></div>
									<?php else: ?>
										<div id="stock_display_<?php echo wpsc_the_product_id(); ?>" class="out_of_stock"><?php _e('Product not in stock', 'wpsc'); ?></div>
									<?php endif; ?>
								<?php endif; ?>
								<?php if(wpsc_product_is_donation()) : ?>
									<label for="donation_price_<?php echo wpsc_the_product_id(); ?>"><?php _e('Donation', 'wpsc'); ?>: </label>
									<input type="text" id="donation_price_<?php echo wpsc_the_product_id(); ?>" name="donation_price" value="<?php echo wpsc_calculate_price(wpsc_the_product_id()); ?>" size="6" />
								<?php else : ?>
									<?php wpsc_the_product_price_display(); ?>
									 <!-- multi currency code -->
                                    <?php if(wpsc_product_has_multicurrency()) : ?>
	                                    <?php echo wpsc_display_product_multicurrency(); ?>
                                    <?php endif; ?>
									<?php if(wpsc_show_pnp()) : ?>
										<p class="pricedisplay"><?php _e('Shipping', 'wpsc'); ?>:<span class="pp_price"><?php echo wpsc_product_postage_and_packaging(); ?></span></p>
									<?php endif; ?>
								<?php endif; ?>
							</div><!--close wpsc_product_price-->

Replace that line with the code highlighted below

							<div class="wpsc_product_price">
								<?php if(wpsc_show_stock_availability()): ?>
									<?php if(wpsc_product_has_stock()) : ?>
										<div id="stock_display_<?php echo wpsc_the_product_id(); ?>" class="in_stock"><?php _e('Product in stock', 'wpsc'); ?></div>
									<?php else: ?>
										<div id="stock_display_<?php echo wpsc_the_product_id(); ?>" class="out_of_stock"><?php _e('Product not in stock', 'wpsc'); ?></div>
									<?php endif; ?>
								<?php endif; ?>
								<?php if(wpsc_product_is_donation()) : ?>
									<label for="donation_price_<?php echo wpsc_the_product_id(); ?>"><?php _e('Donation', 'wpsc'); ?>: </label>
									<input type="text" id="donation_price_<?php echo wpsc_the_product_id(); ?>" name="donation_price" value="<?php echo wpsc_calculate_price(wpsc_the_product_id()); ?>" size="6" />
								<?php else : ?>
									<?php
									if (wpsc_the_product_price() != '$0.00'){
                        		 wpsc_the_product_price_display();
						  }
								else {
								_e('Price on application', 'wpsc');
								}?>
									 <!-- multi currency code -->
                                    <?php if(wpsc_product_has_multicurrency()) : ?>
	                                    <?php echo wpsc_display_product_multicurrency(); ?>
                                    <?php endif; ?>
									<?php if(wpsc_show_pnp()) : ?>
										<p class="pricedisplay"><?php _e('Shipping', 'wpsc'); ?>:<span class="pp_price"><?php echo wpsc_product_postage_and_packaging(); ?></span></p>
									<?php endif; ?>
								<?php endif; ?>
							</div><!--close wpsc_product_price-->

Code file 2

For the products page when not using Gold Cart you need to edit wpsc-products_page.php. Find the highlighted line around 172.

								<?php else : ?>
									<?php wpsc_the_product_price_display(); ?>

Replace that line 172 with the code below

							<?php else : ?>
<?php
									if (wpsc_the_product_price() != '$0.00'){
                        		 wpsc_the_product_price_display();
						  }
								else {
								_e('Price on application', 'wpsc');
								}?>

Code file 3

When using Gold Cart for the list view you need to edit wpsc-list_view.php. Find the highlighted line around 92.

					<td class='wpsc_price_td'>
						<?php wpsc_the_product_price_display( array( 'output_you_save' => false ) ); ?>
					</td>

Replace line 92 with the highlighted code below

					<td class='wpsc_price_td'>
                    <?php  
									if (wpsc_the_product_price() != '$0.00'){
                        		 wpsc_the_product_price_display();
						  }
								else {
								_e('Price on application', 'wpsc');
								}?>
					</td>

Code file 4

When using Gold Cart for the grid view you need to edit wpsc-grid_view.php. Find the highlighted line around 88.

                        	<div class="price_container">
                        		<?php wpsc_the_product_price_display( array( 'output_you_save' => false ) ); ?>
					</td>

Replace line 88 with the highlighted code below

                        	<div class="price_container">
                          <?php  if (wpsc_the_product_price() != '$0.00'){
                        		 wpsc_the_product_price_display( array( 'output_you_save' => false ) );
						  }
								else {
								_e('Price on application', 'wpsc');
								}?>

What if it needs to be a link?

If for instance this is used as ‘Price on application’ like in the code and your site has a contact form, why not have the text link to that page? You will need something like below. Change the URL to match that of the contact page on your site. This is the basic concept, each of the examples above varies slightly. You can work it out. I can’t do all of the work for you. basically in all 4 bits of the code I provide above
You replace this

								else {
								_e('Price on application', 'wpsc');
								}?>

with this

								else { ?>
                                <p class = "pricedisplay wpsc-product-price">
								<span class = "currentprice pricedisplay"> <a class="poa" href="http://mysite/contact/"><?php _e('Price on application', 'wpsc'); ?></a></span>
                                </p>
								<?php }?>

Some CSS

I am using the same classes as WP e-Commerce so most formatting will match. You then have a new class ‘poa’ on the link. You can use this to style it. For example make it red and add some space above and below.

.poa{
color:#ff0000;
line-height:2em;
}

There are 2 numbers in the line of code highlighted below which are the arguments we pass to WP_Query. The first is the category ID and the second is the number of posts to show. Change them to the values you want. You can find the ID for your category by opening it for editing in the WordPress backend and looking in the uRL bar in your browser.

<?php
$catquery = new WP_Query( 'cat=3&posts_per_page=10' );
while($catquery->have_posts()) : $catquery->the_post();
?>
<ul>
<li><h3><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h3>

<ul><li><?php the_content(); ?></li>
</ul>
</li>
</ul>
<?php endwhile; ?>

Below is some slightly different code which I used to just display one post in a div on my home page. I used a 2 column layout and displayed the page content on the left and 1 post from a category named ‘featured’ in a column on the right. This was used in a child theme for popular free responsive theme Yoko. You can download it in the WordPress theme repository. This is the complete page code.
Note that I have used the category name to fetch the id. This way I can re-use this code as long as I make the category name ‘featured’ I do not need to worry about what the ID is on a new site. see the highlighted lines below.

<?php
/**
 * Template Name: Home-page
 * Description: For homepage with column for specified blog post
 *
 * @package WordPress
 * @subpackage Yoko
 */

get_header(); ?>

<div id="wrap">

			<div id="home-page-content" class="half-width half-left">

				<?php the_post(); ?>
				<?php get_template_part( 'content', 'page' ); ?>
				
				<?php comments_template( '', true ); ?>
				
			</div><!-- end home-page-content -->
            
            <div id="home-post-content" class="half-width half-right">
				<?php
				$category_id = get_cat_ID('featured');
                $catquery = new WP_Query( 'cat=' .$category_id. '&posts_per_page=1' );
                while($catquery->have_posts()) : $catquery->the_post();
                ?>
                <h2><?php the_title(); ?></h2>
                
                <?php the_content(); ?>
                
                <?php endwhile; ?>
                                
                                <?php comments_template( '', true ); ?>
				
			</div><!-- end home-post-content -->
				
<?php get_footer(); ?>

Make it all fit with CSS

Now you just need a little CSS to make the columns fit. This works fro Yoko, you would need to have some more CSS in the media queries to account for smaller screens and to control text sizes. This is only a guide as the real purpose of this post is explaining how to get post from 1 category.

.half-width {
	width:48%;
	padding: 0 0 20px 0;
	border-bottom: none;
	float:left;
}

.half-left {
	margin: 0 2% 0 0;
}

.half-right {
	margin: 0 0 0 2%;
}

#home-page-content, #home-post-content {
	font-size: .95em;
	line-height: 1.6;
}

#home-page-content .page p, #home-post-content p {
	padding: 0 0 20px 0;
}

The line numbers here may change in other versions but I show enough code for you to be able to find the relevant parts, the code probably will not change much. You will need to maintain the PHP file when there are theme updates so keep a copy of it and what changes you made. The example code is from Elegance version 1.4.5.
On to the good stuff, you need to edit tpl-homepage.php which is in your theme folder. First make a backup copy of this file somewhere!

There are 2 numbers in the line of code highlighted below which are width and height in pixels. Change them to the values you want.

<div id="slider-frame">
	<div id="slider" class="nivoSlider">
			<?php //BEGIN Slider LOOP
			$loop = new WP_Query( array( 'post_type' => 'slide' ) );
			while ( $loop->have_posts() ) : $loop->the_post();
			$buttontext = get_post_meta($post->ID, "text", true);
			$buttonlink = get_post_meta($post->ID, "link", true);
			if(has_post_thumbnail()) {
			$thumb = get_post_thumbnail_id();
			$image = vt_resize( $thumb, '', 946, 360, true );
			}
			?>
			<a href="<?php echo $buttonlink; ?>" title="<?php the_title(); ?>"><img alt="<?php the_title(); ?>" title="<?php echo $buttontext; ?>" src="<?php echo $image['url']; ?>" width="<?php echo $image['width']; ?>" height="<?php echo $image['height']; ?>" /></a>
			
			<?php endwhile; //END SLIDER LOOP ?>

	</div><!-- /#slider -->
	<div class="clear"></div>
</div>

Close and save the file. You should be done. Remember if you mess up just replace the file with that backup copy you saved. You did save one right! Now you need to add some CSS.

Make it all fit with CSS

Now you just need a little CSS to make the slider fit. If you only changed the height the second slider margin: 0 auto rule is not required. See the notes below for where to put this code.

#slider img, #slider a, #slider a img, #slider {
height: 360px;
width: 946px;
}
/* center slider on page */
#slider {
margin: 0 auto;
}

Here’s my issue: I want my blog page to actually LOOK like a blog, instead of like another store page. But because it’s just a page with posts, it doesn’t really look like a blog, and it doesn’t really function like a blog.

Answer

This is not too hard but does involve editing 3 PHP files and adding a little CSS. If you have never edited PHP see the notes and tools at the end of this post. This code id for Boutique version 1.2.3 but should be basically the same in any version. The line numbers may be slightly different.

Code Theme Functions PHP file

Open theme-functions.php which is in the Designer theme folder, sub folder “includes”. Find “WIDGET AREAS” around line 43. You will see 4 blocks of code that are basically the same except for the name. Each of these is a widget area on the home page. You need to add 1 more to be a sidebar. So you copy the last block and paste it below itself. Then give that block anew name, I used “Sidebar Widgets”. The completed code is shown below

===============================================================
WIDGET AREAS
===============================================================
*/

if ( function_exists('register_sidebar') )
    register_sidebar(array(
    	'name'=>'Home Widget 1',
        'before_widget' => '<div class="widget">',
        'after_widget' => '</div>',
        'before_title' => '<h2>',
        'after_title' => '</h2>',
    ));
if ( function_exists('register_sidebar') )
    register_sidebar(array(
    	'name'=>'Home Widget 2',
        'before_widget' => '<div class="widget">',
        'after_widget' => '</div>',
        'before_title' => '<h2>',
        'after_title' => '</h2>',
    ));
if ( function_exists('register_sidebar') )
    register_sidebar(array(
    	'name'=>'Home Widget 3',
        'before_widget' => '<div class="widget">',
        'after_widget' => '</div>',
        'before_title' => '<h2>',
        'after_title' => '</h2>',
    ));
if ( function_exists('register_sidebar') )
    register_sidebar(array(
    	'name'=>'Home Widget 4',
        'before_widget' => '<div class="widget">',
        'after_widget' => '</div>',
        'before_title' => '<h2>',
        'after_title' => '</h2>',
    ));
if ( function_exists('register_sidebar') )
    register_sidebar(array(
    	'name'=>'Sidebar Widgets',
        'before_widget' => '<div class="widget">',
        'after_widget' => '</div>',
        'before_title' => '<h2>',
        'after_title' => '</h2>',
    ));

At this point you will have a new widget area in the WorPress backend under Appearance/Widgets named “Sidebar Widgets”. You can add and remove widgets but nothing will appear in the front end until we add the sidebar area to the templates.

Code index PHP file

Open index.php which is in the Designer theme folder. It consists of only 11 lines of code. This is the file that displays your main “Blog” page with multiple posts listed. First delete line 6 which is highlighted below.

<?php get_header(); ?>
<div id="container" class="container_12">
	<div id="content" class="grid_12 sft-framed-item">
		<div class="sft-framed-inner">
			<?php include(TEMPLATEPATH . '/includes/loop-post-archives.php'); ?>
			<div class="clear"></div>
		</div><!-- end content inner -->
	</div><!-- end content -->
	<div class="clear"></div>
</div>
<?php get_footer(); ?>

We are going to add a block of just 6 lines of code to add our sidebar. This code just creates a sidebar div and calls our sidebar. The completed code is shown below, the highlighted part is what you add to create the sidebar. Note it does not go where you deleted line 6. You can copy and paste.

<?php get_header(); ?>
<div id="container" class="container_12">
	<div id="content" class="grid_12 sft-framed-item">
		<div class="sft-framed-inner">
			<?php include(TEMPLATEPATH . '/includes/loop-post-archives.php'); ?>
		</div><!-- end content inner -->
                    <div class ="right-sidebar">
            <?php if ( !function_exists('dynamic_sidebar') ||
           !dynamic_sidebar('Sidebar Widgets') ) : ?>
  <!-- This will be displayed if the sidebar is empty -->
<?php endif; ?>
            </div>
	</div><!-- end content -->
	<div class="clear"></div>
</div>
<?php get_footer(); ?>

Code single PHP file

Open single.php which is in the Designer theme folder. It consists of only 14 lines of code. This is the file that displays your individual full blog posts. you do not need to delete anything in this file. You just add the same 6 lines as you did to index.php. They are already added and highlighted in the code below

<?php get_header(); ?>
<div id="container" class="container_12">
	<div id="content" class="grid_12 sft-framed-item">
		<div class="sft-framed-inner">
		<?php include(TEMPLATEPATH . '/includes/loop-post-single.php'); ?>
					<div id="nav-below" class="navigation">
					<div class="nav-previous"><?php previous_post_link( '%link', '<span class="meta-nav">' . _x( '&larr;', 'Previous post link', 'storefront' ) . '</span> %title' ); ?></div>
					<div class="nav-next"><?php next_post_link( '%link', '%title <span class="meta-nav">' . _x( '&rarr;', 'Next post link', 'storefront' ) . '</span>' ); ?></div>
				</div><!-- #nav-below -->
		</div>
        <div class ="right-sidebar">
            <?php if ( !function_exists('dynamic_sidebar') ||
           !dynamic_sidebar('Sidebar Widgets') ) : ?>
  <!-- This will be displayed if the sidebar is empty -->
<?php endif; ?>
            </div>
	</div><!-- end content -->
	<div class="clear"></div>
</div>
<?php get_footer(); ?>

Make it all fit with CSS

Now you just need a little CSS to make the blog posts narrower to allow room for a sidebar and to float the sidebar next to the posts.

.sft-framed-inner{
     float: left;
     width: 540px;
}
.right-sidebar{
float:right;
margin-right:20px;
}

This does require that search only have one loop and return one set of posts. Here the custom post type Product. It will not return any regular pages or Blog posts. It may be able to be adapted to do that. I do not have the time to work that out. If this works for you great, if not you will need a developer.

The PHP code

First you need to add a function to your functions.php file. This you will find in the Gridport theme folder. Make sure you have a copy of the original functions.php file in case you have problems. If you have not edited PHP before see the notes at the end of this file, do not be scared you can copy and paste. Make a blank line right before the last line which is ?>; in functions.php and copy and paste the code below. Make sure you have no spaces or blank lines after the closing ?>

function storefront_pagination($pages = '', $range = 3)
{  
     $showitems = ($range * 2)+1;  
 
     global $paged;
     if(empty($paged)) $paged = 1;
 
     if($pages == '')
     {
         global $wp_query;
         $pages = $wp_query->max_num_pages;
         if(!$pages)
         {
             $pages = 1;
         }
     }   
 
     if(1 != $pages)
     {
         echo "<div class=\"pagination-search\"><span>Page ".$paged." of ".$pages."</span>";
         if($paged > 2 && $paged > $range+1 && $showitems < $pages) echo "<a href='".get_pagenum_link(1)."'>&laquo; First</a>";
         if($paged > 1 && $showitems < $pages) echo "<a href='".get_pagenum_link($paged - 1)."'>&lsaquo; Previous</a>";
 
         for ($i=1; $i <= $pages; $i++)
         {
             if (1 != $pages &&( !($i >= $paged+$range+1 || $i <= $paged-$range-1) || $pages <= $showitems ))
             {
                 echo ($paged == $i)? "<span class=\"current\">".$i."</span>":"<a href='".get_pagenum_link($i)."' class=\"inactive\">".$i."</a>";
             }
         }
 
         if ($paged < $pages && $showitems < $pages) echo "<a href=\"".get_pagenum_link($paged + 1)."\">Next &rsaquo;</a>";  
         if ($paged < $pages-1 &&  $paged+$range-1 < $pages && $showitems < $pages) echo "<a href='".get_pagenum_link($pages)."'>Last &raquo;</a>";
         echo "</div>\n";
     }
}

Save that file.

One Setting you can adjust

There is one number you may want to adjust in the code for functions.php above. On the very first line you will see $range = 2 This is the number of pages linked to either side of the current page. If there are just 5 pages you will see just 5 links that is the range 2 below, 1 for current and 2 above.

You coud raise range to 3 and you would see 7 numbered page links at a time. Once the number of result pages exceeds the range times 2 plus 1 the next and previous buttons will appear as required like this

Second PHP file

Make sure you have a copy of the original search.php file in case you have problems.
Now open search.php, delete everything and paste in this code. You could also just download the file here, unzip and upload to replace the search.php on your site. What I have done is remove the second loop for blog posts. It is not really possible to have pagination if you have 2 loops, which pages would it be based on? As I mentioned you may be able to adapt this so one loop returned all mixed together. Once reduced to one loop I just call the pagination function I added to the functions.php file above, see line 46.

<?php get_header(); ?>

<?php
$image_width  = get_option( 'product_image_width' );
$image_height  = get_option( 'product_image_height' );
?>

<div class="leftcontent titlepop">
	
			<h2><?php _e( 'Search Results', 'storefront' ); ?></h2>			
			
			<?php 
			global $query_string; // grab the search query
	        query_posts($query_string . "&post_type=wpsc-product");
			
	        ?>
			<?php if (have_posts()) : ?>
						
			<h3 class="twotone-bottom" style="padding: 0px 0 10px 0; margin: 0 0 15px 0;font-size:15px;"><?php _e( 'Your search for ', 'storefront' ); ?>"<?php echo wp_specialchars($s); ?>" <?php _e( 'returned the following Products:', 'storefront' ); ?></h3>
			
			<?php while (have_posts()) : the_post(); ?>		    
		       
		       <?php if(wpsc_show_thumbnails())  >
					<div class="srch_product_image" style="width:75px">
						<?php if(wpsc_the_product_thumbnail()) : ?>						

							<a href="<?php echo wpsc_the_product_permalink(); ?>" title="<?php echo wpsc_the_product_title(); ?> - <?php echo wpsc_the_product_price(); ?>" style="cursor:pointer;"><img class="product_image shadow" id="product_image_<?php echo wpsc_the_product_id(); ?>" alt="<?php echo wpsc_the_product_title(); ?>" width="75px" height="75px" src="<?php echo wpsc_the_product_thumbnail(); ?>"/></a>			
							
						<?php else: ?>
								<a href="<?php echo wpsc_the_product_permalink(); ?>">
								<img class="no-image" id="product_image_<?php echo wpsc_the_product_id(); ?>" alt="No Image" title="<?php echo wpsc_the_product_title(); ?>" src="<?php echo WPSC_CORE_THEME_URL; ?>wpsc-images/noimage.png" width="75px" height="75px" />	
								</a>
						<?php endif; ?>

					</div><!--close imagecol-->
				<?php endif; ?>
                <div class="srch_product_title">
                    
                      <h3 style="float:left;font-size:13px;"><a href="<?php echo wpsc_the_product_permalink(); ?>" title="<?php echo wpsc_the_product_title(); ?> - <?php echo wpsc_the_product_price(); ?>" style="cursor:pointer;"><?php echo wpsc_the_product_title(); ?></a></h3>
                    
                </div><!-- close title -->
		        
                <div class="clear"></div>   
		    
		    <?php endwhile; 
			storefront_pagination();
			else: ?>
	
	    <div class="entry">
	
	            <h6><?php _e( 'Sorry, no products matched your criteria.', 'storefront' ); ?></h6>
	
	    </div>
	
		<?php endif; ?>			
	    
	    <div class="clear"></div>

</div><!-- end of left content -->

<div class="clear"></div>

<?php get_footer(); ?>

The CSS to make it pretty

Now it should work. You need to make it look good. Add this code to the Storefront Options Panel/Style Tab Custom CSS box or your custom.css file if using one.

.pagination-search {
clear:both;
padding:20px 0;
position:relative;
font-size:11px;
line-height:13px;
}

.pagination-search span, .pagination-search a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#fff;
background: #555;
}

.pagination-search a:hover{
color:#fff;
background: #3279BB;
}

.pagination-search .current{
padding:6px 9px 5px 9px;
background: #3279BB;
color:#fff;
}

Solution:

Change the ‘Packaging’ option to ‘Your Packaging’, this option seems to be the only option that will bring back the Ground Shipping Option.
If you can not use “Your packaging” then you will need to try try getshopped forums, at that point it is beyond my knowledge.

When “Display Cross Sales” is activated on Settings/Store/Marketing tab the “People who bought this item also bought” section displays on the single product page. The display does not include the product thumbnail as the location for the thumbnail generated by the plugin is incorrect. As of version 3.8.8.5 this bug still exists. This code diff on code.google covers the changes required to make it work. Some of these changes have been implemented in 3.8.8.5, some not. This makes it a bit confusing, and diffs are very confusing for any non developer anyway. So I poked through it carefully and made the changes. tested and have verified images are working.

The PHP code fix

You can download the working file here. The file should be unzipped and uploaded to the wp-content/plugins/wp-e-commerce/wpsc-includes folder to replace the existing display.functions.php file.

CSS layout fix

You will have a vertical stack of images with product title and price aligned left and together once you do the change above. Add this CSS to fix the layout.

/*align images, set text centering*/
.wpsc_also_bought_item {
     float: left;
     margin-right: 20px;
     text-align: center;
}
/* set price width so text centers*/
.wpsc_also_bought_item span.pricedisplay {
     width: 100%;
}
/* set product title width so text centers*/
.wpsc_also_bought_item a.wpsc_product_name {
     float: left;
     width: 100%;
}

Valid WordPres User name characters:

Passwords

You can also use passphrases – whole sentences, such as quotes or favorite song lyrics. Passphrases are harder to guess yet easier to remember. They take longer to type, but are considered more secure, especially if you pepper them with some random numbers and special characters. This is enormously difficult to crack by brute force but would be easy to remember..
Wheniwa$$mallihadadognamedFritzilovedhim
Fore a deeper explanation see this cartoon

However, even if you manage to think of a good password, it will only be as secure as the number of sites you use it on. If you always use the same password on every site you sign up for, the chances of your password getting compromised are greatly increased.

Instead of trying to keep track of dozens of passwords in your head or in unsecured text documents on your desktop, use password management software. They will lock all your information down behind one single password. If you only have to remember one password, you can make it as random and as hard to guess as you want.

These are some password managers. I personally think 1Password is worth the money:

Keepass – Open Source, free to download and use. Available for Windows, Mac and Linux.
LastPass – Free service with premium option. Available for all major OSs, browsers and mobile devices.
1Password – Paid download. Available for Windows, Mac and iOS, with support for all major browsers.
Your data – your responsibility.

Remove the default Admin user

Always when you start a WordPress site remove the ‘admin’ user, BUT follow these steps so that you do not lose all of your data. It is easy but the urge to quickly click without reading can skip a step and everything is gone. Bad design on WordPress part I think.

1. Make a new user first with a hard name to guess, not your name, not the site name, not even real words. The user name can only have certain characters. See info panel below
2. Make the password really difficult too. You can use a password generator http://freepasswordgenerator.com/ or just tricks like substituting $ for S,* for i and ^ for v making a word you can remember.
3. Make that User have full Administrator privileges.
4. Logout and log back in as as that user and make sure it works and you have full Administrator privileges. Don’t skip this step
5. Before you delete read all of this step, do not click too fast!!
   Click delete under the ‘admin’ user name. A delete users page opens do not forget to check “attribute all posts and links to” and choose your new user. If you do not you will lose everything!!!!

Recently, the Product Cloud Tag Widget was activated. When one of the tags is click on, the first page loads correctly. However, when the ‘next’, ‘last’ or a page number is clicked in the pagination, the displayed items changed from tagged to all products (product-page).

Answer

This is a bug. A pretty bad one really, seems to have been around a long time too. It can be fixed with a small PHP edit in the WP e-Commerce plugin. If you have never edited PHP see the notes and tools at the end of this post. This post is written for the 3.8.8.5 version of WP e-Commerce. This may be fixed one day. If not I imagine the code will be much the same. The line numbers may change, so I will post a good chunk of code to help you identify the right piece to modify. Credit to Dean at ChainsawDR for most of this fix. I have added some code so that you do not need to hardcode the URL for your site and changed the search location to the more standard WordPress ?s=. As noted in the code you may need to change that if you have special search page or a plugin that uses a different URL. You can check this easily by doing a search and checking the URL in the browser.

Code

Open wp-content/plugins/wp-e-commerce/wpsc-includes/product-template.php
Find the highlighted code which should be at line 116 if you have WP e-Commerce 3.8.8.5. Do not be fooled by the identical line at 105 as I was the first time I did this.

	//if there is no pagination
	if(!get_option('permalink_structure')) {
		$category = '?';
		if(isset($wp_query->query_vars['wpsc_product_category']))
			$category = '?wpsc_product_category='.$wp_query->query_vars['wpsc_product_category'];
		if(isset($wp_query->query_vars['wpsc_product_category']) && is_string($wp_query->query_vars['wpsc_product_category'])){

			$page_link = get_option('blogurl').$category.'&paged';
		}else{
			$page_link = get_option('product_list_url').$category.'&paged';
		}

		$separator = '=';
	}else{
		if ( isset( $wp_query->query_vars['wpsc_product_category'] ) ) {
			$category_id = get_term_by( 'slug', $wp_query->query_vars['wpsc_product_category'], 'wpsc_product_category' );
			$page_link = trailingslashit( get_term_link( $category_id, 'wpsc_product_category' ) );
		} else {
			$page_link = trailingslashit( get_option( 'product_list_url' ) );
		}
		$separator = 'page/';
	}

	// If there's only one page, return now and don't bother
	if($totalpages == 1)
		return;
	// Pagination Prefix
	$output = __('Pages: ','wpsc');

Replace the highlighted lines with all of the code below.
If you do need to change the search you just need to change the part that comes after your sites URL in the highlighted line in the new code, which is also commented. In my case the URL of a search result page for fruit was http://mysite.com/?s=fruit. So I added ?s= in that line. You put whatever comes between the URL .com/ and the search term in place of ?s= below.

if(isset($wp_query->query_vars['wpsc_product_category']))
$page_link = trailingslashit(get_option('product_list_url')).$wp_query->query_vars['wpsc_product_category'].'/';
elseif(isset($wp_query->query_vars['product_tag']))
$page_link = trailingslashit(get_bloginfo('url')).'tagged/'.$wp_query->query_vars['product_tag'].'/';
else //if its not a product category and its not a product tag then presuming it must be a product search, if this messes up for anything else then add in another if statement for that scenario
$page_link = trailingslashit(get_bloginfo('url')).'?s='.($_GET["product_search"]).'&'; // your search URL maybe different, change accordingly

if(isset($wp_query->query_vars['wpsc_product_category']))
$separator = 'page/';
elseif(isset($wp_query->query_vars['product_tag']))
$separator = 'page/';
else //if its not a product category and its not a product tag then presuming it must be a product search, if this messes up for anything else then add in another if statement for that scenario
$separator = 'page=';
}