• I have a problem with the single product listing thumbnails. If I have 3 thumbnails under my main picture, the page will display fine. For instance: https://oaktreeave.com/curated-products/cookware/vitamix-5200/

    But if I have more thumbnails, I get a page that looks like this: https://oaktreeave.com/curated-products/cookware/all-clad-stainless-9-piece-cookware-set/

    How can I make the thumbnails make a new line for itself every 3 thumbnails?

    Here is the single product code.

    <?php
    	// Setup globals
    	// @todo: Get these out of template
    	global $wp_query;
    
    	// Setup image width and height variables
    	// @todo: Investigate if these are still needed here
    	$image_width  = get_option( 'single_view_image_width' );
    	$image_height = get_option( 'single_view_image_height' );
    ?>
    
    <div id="single_product_page_container">
    
    	<?php
    		// Breadcrumbs
          echo do_shortcode('[kkratings]');
          echo"<br/>";
          echo"<br/>";
          echo"<br/>";
    		wpsc_output_breadcrumbs(); 
    
    		// Plugin hook for adding things to the top of the products page, like the live search
    		do_action( 'wpsc_top_of_products_page' );
    
    	?>
    
    	<div class="single_product_display group">
    <?php
    		/**
    		 * Start the product loop here.
    		 * This is single products view, so there should be only one
    		 */
    
    		while ( wpsc_have_products() ) : wpsc_the_product(); ?>
    					<div class="imagecol">
    						<?php if ( wpsc_the_product_thumbnail() ) : ?>
    								<a rel="<?php echo wpsc_the_product_title(); ?>" class="<?php echo wpsc_the_product_image_link_classes(); ?>" href="<?php echo wpsc_the_product_image(); ?>">
    									<img class="product_image" id="product_image_<?php echo wpsc_the_product_id(); ?>" alt="<?php echo wpsc_the_product_title(); ?>" title="<?php echo wpsc_the_product_title(); ?>" src="<?php echo wpsc_the_product_thumbnail(get_option('product_image_width'),get_option('product_image_height'),'','single'); ?>"/>
    								</a>
    								<?php
    								if ( function_exists( 'gold_shpcrt_display_gallery' ) )
    									echo gold_shpcrt_display_gallery( wpsc_the_product_id() );
    								?>
    						<?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="<?php echo get_option('product_image_width'); ?>" height="<?php echo get_option('product_image_height'); ?>" />
    									</a>
    						<?php endif; ?>
    
    						<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_product_on_special()) : ?>
    										<p class="pricedisplay <?php echo wpsc_the_product_id(); ?>"><?php _e('Old Price', 'wpsc'); ?>: <span class="oldprice" id="old_product_price_<?php echo wpsc_the_product_id(); ?>"><?php echo wpsc_product_normal_price(); ?></span></p>
    									<?php endif; ?>
    
    								<p class="pricedisplay <?php echo wpsc_the_product_id(); ?>"><?php _e('Price', 'wpsc'); ?>: <span id='product_price_<?php echo wpsc_the_product_id(); ?>' class="currentprice pricedisplay"><?php echo wpsc_the_product_price(); ?></span></p>
    
    									<?php if(wpsc_product_on_special()) : ?>
    										<p class="pricedisplay product_<?php echo wpsc_the_product_id(); ?>"><?php _e('You save', 'wpsc'); ?>: <span class="yousave" id="yousave_<?php echo wpsc_the_product_id(); ?>"><?php echo wpsc_currency_display(wpsc_you_save('type=amount'), array('html' => false)); ?>! (<?php echo wpsc_you_save(); ?>%)</span></p>
    									<?php endif; ?>
    									 <!-- 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-->
    
    <div class="wpsc_buy_button_container">
    											<?php if(wpsc_product_external_link(wpsc_the_product_id()) != '') : ?>
    											<?php $action = wpsc_product_external_link( wpsc_the_product_id() ); ?>
    											<input class="wpsc_buy_button" type="submit" value="<?php echo wpsc_product_external_link_text( wpsc_the_product_id(), __( 'Buy Now', 'wpsc' ) ); ?>" onclick="return gotoexternallink('<?php echo $action; ?>', '<?php echo wpsc_product_external_link_target( wpsc_the_product_id() ); ?>')">
    											<?php else: ?>
    										<input type="submit" value="<?php _e('Add To Cart', 'wpsc'); ?>" name="Buy" class="wpsc_buy_button" id="product_<?php echo wpsc_the_product_id(); ?>_submit_button"/>
    											<?php endif; ?>
    										<div class="wpsc_loading_animation">
    											<img title="Loading" alt="Loading" src="<?php echo wpsc_loading_animation_url(); ?>" />
    											<?php _e('Updating cart...', 'wpsc'); ?>
    										</div><!--close wpsc_loading_animation-->
    									</div><!--close wpsc_buy_button_container-->
    
    					</div><!--close imagecol-->
    
    					<div class="productcol">
    						<?php do_action('wpsc_product_before_description', wpsc_the_product_id(), $wp_query->post); ?>
    						<div class="product_description">
                         <?php echo wpsc_the_product_description(); ?>
    						</div><!--close product_description -->
    						<?php do_action( 'wpsc_product_addons', wpsc_the_product_id() ); ?>
    						<?php if ( wpsc_the_product_additional_description() ) : ?>
    							<!--close single_additional_description-->
    						<?php endif; ?>
    						<?php do_action( 'wpsc_product_addon_after_descr', wpsc_the_product_id() ); ?>
    						<?php
    						/**
    						 * Custom meta HTML and loop
    						 */
    						?>
                            <?php if (wpsc_have_custom_meta()) : ?>
    						<div class="custom_meta">
    							<?php while ( wpsc_have_custom_meta() ) : wpsc_the_custom_meta(); ?>
    								<strong><?php echo wpsc_custom_meta_name(); ?>: </strong><?php echo wpsc_custom_meta_value(); ?><br />
    							<?php endwhile; ?>
    						</div><!--close custom_meta-->
                            <?php endif; ?>
    						<?php
    						/**
    						 * Form data
    						 */
    						?>
    
    						<form class="product_form" enctype="multipart/form-data" action="<?php echo wpsc_this_page_url(); ?>" method="post" name="1" id="product_<?php echo wpsc_the_product_id(); ?>">
    							<?php if ( wpsc_product_has_personal_text() ) : ?>
    								<fieldset class="custom_text">
    									<legend><?php _e( 'Personalize Your Product', 'wpsc' ); ?></legend>
    									<p><?php _e( 'Complete this form to include a personalized message with your purchase.', 'wpsc' ); ?></p>
    									<textarea cols='55' rows='5' name="custom_text"></textarea>
    								</fieldset>
    							<?php endif; ?>
    
    							<?php if ( wpsc_product_has_supplied_file() ) : ?>
    
    								<fieldset class="custom_file">
    									<legend><?php _e( 'Upload a File', 'wpsc' ); ?></legend>
    									<p><?php _e( 'Select a file from your computer to include with this purchase.', 'wpsc' ); ?></p>
    									<input type="file" name="custom_file" />
    								</fieldset>
    							<?php endif; ?>
    						<?php /** the variation group HTML and loop */?>
                            <?php if (wpsc_have_variation_groups()) { ?>
                            <fieldset><legend><?php _e('Product Options', 'wpsc'); ?></legend>
    						<div class="wpsc_variation_forms">
                            	<table>
    							<?php while (wpsc_have_variation_groups()) : wpsc_the_variation_group(); ?>
    								<tr><td class="col1"><label for="<?php echo wpsc_vargrp_form_id(); ?>"><?php echo wpsc_the_vargrp_name(); ?>:</label></td>
    								<?php /** the variation HTML and loop */?>
    								<td class="col2"><select class="wpsc_select_variation" name="variation[<?php echo wpsc_vargrp_id(); ?>]" id="<?php echo wpsc_vargrp_form_id(); ?>">
    								<?php while (wpsc_have_variations()) : wpsc_the_variation(); ?>
    									<option value="<?php echo wpsc_the_variation_id(); ?>" <?php echo wpsc_the_variation_out_of_stock(); ?>><?php echo wpsc_the_variation_name(); ?></option>
    								<?php endwhile; ?>
    								</select></td></tr>
    							<?php endwhile; ?>
                                </table>
    						</div><!--close wpsc_variation_forms-->
                            </fieldset>
    						<?php } ?>
    						<?php /** the variation group HTML and loop ends here */?>
    
    							<?php
    							/**
    							 * Quantity options - MUST be enabled in Admin Settings
    							 */
    							?>
    							<?php if(wpsc_has_multi_adding()): ?>
                                	<fieldset><legend><?php _e('Quantity', 'wpsc'); ?></legend>
    								<div class="wpsc_quantity_update">
    								<input type="text" id="wpsc_quantity_update_<?php echo wpsc_the_product_id(); ?>" name="wpsc_quantity_update" size="2" value="1" />
    								<input type="hidden" name="key" value="<?php echo wpsc_the_cart_item_key(); ?>"/>
    								<input type="hidden" name="wpsc_update_quantity" value="true" />
                                    </div><!--close wpsc_quantity_update-->
                                    </fieldset>
    							<?php endif ;?>
    
    							<!--sharethis-->
    							<?php if ( get_option( 'wpsc_share_this' ) == 1 ): ?>
    							<div class="st_sharethis" displayText="ShareThis"></div>
    							<?php endif; ?>
    							<!--end sharethis-->
    							<input type="hidden" value="add_to_cart" name="wpsc_ajax_action" />
    							<input type="hidden" value="<?php echo wpsc_the_product_id(); ?>" name="product_id" />
    							<?php if( wpsc_product_is_customisable() ) : ?>
    								<input type="hidden" value="true" name="is_customisable"/>
    							<?php endif; ?>
    
    							<?php
    							/**
    							 * Cart Options
    							 */
    							?>
    
    							<?php if((get_option('hide_addtocart_button') == 0) &&  (get_option('addtocart_or_buynow') !='1')) : ?>
    								<?php if(wpsc_product_has_stock()) : ?>
    
    								<?php else : ?>
    									<p class="soldout"><?php _e('This product has sold out.', 'wpsc'); ?></p>
    								<?php endif ; ?>
    							<?php endif ; ?>
    						</form><!--close product_form-->
    
    						<?php
    							if ( (get_option( 'hide_addtocart_button' ) == 0 ) && ( get_option( 'addtocart_or_buynow' ) == '1' ) )
    								echo wpsc_buy_now_button( wpsc_the_product_id() );
    
    							echo wpsc_product_rater();
    
    							echo wpsc_also_bought( wpsc_the_product_id() );
    
    						if(wpsc_show_fb_like()): ?>
    	                        <div class="FB_like">
    	                        <iframe src="https://www.facebook.com/plugins/like.php?href=<?php echo wpsc_the_product_permalink(); ?>&layout=standard&show_faces=true&width=435&action=like&font=arial&colorscheme=light" frameborder="0"></iframe>
    	                        </div><!--close FB_like-->
                            <?php endif; ?>
    					</div><!--close productcol-->
    
    					<form onsubmit="submitform(this);return false;" action="<?php echo wpsc_this_page_url(); ?>" method="post" name="product_<?php echo wpsc_the_product_id(); ?>" id="product_extra_<?php echo wpsc_the_product_id(); ?>">
    						<input type="hidden" value="<?php echo wpsc_the_product_id(); ?>" name="prodid"/>
    						<input type="hidden" value="<?php echo wpsc_the_product_id(); ?>" name="item"/>
    					</form>
    		</div><!--close single_product_display-->
    
    <?php if(function_exists('selfserv_shareaholic')) { selfserv_shareaholic(); } ?>
    <div class='shareaholic-like-buttonset'>
        <a class='shareaholic-fblike' shr_layout='standard' shr_showfaces='false'  shr_send = 'false' shr_action='like' shr_href=<?php echo the_permalink() ?> ></a>
        <a class='shareaholic-googleplusone' shr_size='standard' shr_count='true' shr_href=<?php echo the_permalink() ?> ></a>
    </div>
    
    		<?php echo wpsc_product_comments(); ?>
    
    <?php endwhile;
    
        do_action( 'wpsc_theme_footer' ); ?> 	
    
    </div><!--close single_product_page_container-->
  • The topic ‘[WP-eCommerce] Thumbnail Issue’ is closed to new replies.