Title: Layout: Align product list left
Last modified: February 15, 2017

---

# Layout: Align product list left

 *  [MetCat](https://wordpress.org/support/users/metcat/)
 * (@metcat)
 * [9 years, 4 months ago](https://wordpress.org/support/topic/layout-align-product-list-left/)
 * Hello,
 * I am soon to launch my new site and web shop but I’m in need of some help. All
   product-“blocks” except for the product titles in the product list have a margin
   that pushes everything to the right/middle (image, description etc). Looking 
   in the mobile version it doesn’t look good at all. The product text are shown
   in long columns with a word or two per line at the very right.
 * Here is the product list view:
    [http://www.decadence.se/wp/decashop/](http://www.decadence.se/wp/decashop/)
 * I’ve looked through everthing I see in the .CSS but I can’t find the code that
   will remove that margin and align everything left.
 * Can someone help me with this?
 * To secondary questions are:
    – Where can I change the “Add to Cart” button color?–
   Is it possible to make it more clear for the customer what happens after they
   click “Add to Cart”? Because now, it’s not very self-explanatory that it ends
   up in the top menu, Deca Shop – submenu – Shopping Cart
 * Many thanks in advance!

Viewing 6 replies - 1 through 6 (of 6 total)

 *  [whitelamp](https://wordpress.org/support/users/whitelamp/)
 * (@whitelamp)
 * [9 years, 4 months ago](https://wordpress.org/support/topic/layout-align-product-list-left/#post-8806892)
 * In the source code for the page I see this:
    `<div class="productcol" style="
   margin-left:168px;" >` so you will probably find it in your theme somewhere. 
   Your button colour is set in forms.css: background-color: #636363; change it 
   there if you want all buttons to change colour or add an override in your main
   CSS file: .wpsc_buy_button { background-color: #6363ff; } For your last question–
   you want to enable “fancy notifications”.
 *  Thread Starter [MetCat](https://wordpress.org/support/users/metcat/)
 * (@metcat)
 * [9 years, 4 months ago](https://wordpress.org/support/topic/layout-align-product-list-left/#post-8809689)
 * > In the source code for the page I see this:
   >  <div class=”productcol” style=”
   > margin-left:168px;” > so you will probably find it in your theme somewhere.
 * I’ve been searching… could only find this but nothing happens when I change it.
 * wp-e-commerce/wpsc-theme/wpsc-products_page.php
    `<div class="productcol" style
   ="margin-left:<?php echo $image_width + 20; ?>px;" >`
 * I tried:
    `<div class="productcol" style="margin-left:0px;" >` and `<div class
   ="productcol">`
 * I also checked the wp-e-commerce/wpsc-theme/wpsc_default.css
 *     ```
       .default_product_display .productcol {
       	vertical-align: middle;
       	min-height: 50px;
       }
       ```
   
 * But I’m uncertain if I should change anything there.
 * > Your button colour is set in forms.css:
   >  background-color: #636363; change 
   > it there if you want all buttons to change colour or add an override in your
   > main CSS file: .wpsc_buy_button { background-color: #6363ff; }
 * Check!
 * > For your last question – you want to enable “fancy notifications”.
 * Check!
 * Now two more questions:
 * 1. How can I make the product image hyperlinked just as the title?
    2. Is there
   a way to fully customize the order that the products are displayed in?
 *  [whitelamp](https://wordpress.org/support/users/whitelamp/)
 * (@whitelamp)
 * [9 years, 4 months ago](https://wordpress.org/support/topic/layout-align-product-list-left/#post-8809890)
 * If your theme folder contains its own wpsc-products_page.php it will override
   the one in the wpsc-theme folder.
 * Making the product image linked the same as the title will again be a change 
   to a theme file – same one I think.
 * Don’t know about product order, don’t recall anybody ever asking me to do it.
 *  Thread Starter [MetCat](https://wordpress.org/support/users/metcat/)
 * (@metcat)
 * [9 years, 4 months ago](https://wordpress.org/support/topic/layout-align-product-list-left/#post-8811068)
 * These are the files I have, I don’t find anything related to the products page
   in the main theme?
 * **WP eCommerce:**
 * Plugin Files
 *  wp-e-commerce/wp-shopping-cart.php
    wp-e-commerce/wpsc-includes/wpsc-tracking.
   php wp-e-commerce/wpsc-includes/wpsc-meta-visitor.php wp-e-commerce/wpsc-includes/
   wpsc-wp-cli.php wp-e-commerce/wpsc-includes/form-display.functions.php wp-e-commerce/
   wpsc-includes/cart.class.php wp-e-commerce/wpsc-includes/checkout.class.php wp-
   e-commerce/wpsc-includes/image_processing.php wp-e-commerce/wpsc-includes/product-
   template.php wp-e-commerce/wpsc-includes/mimetype.php wp-e-commerce/wpsc-includes/
   purchase-log-notification.class.php wp-e-commerce/wpsc-includes/wpsc-region.class.
   php wp-e-commerce/wpsc-includes/wpsc-currency.class.php wp-e-commerce/wpsc-includes/
   purchase-log.class.php wp-e-commerce/wpsc-includes/coupons.class.php wp-e-commerce/
   wpsc-includes/wpsc-customizer.class.php wp-e-commerce/wpsc-includes/wpsc-customizer.
   php wp-e-commerce/wpsc-includes/wpsc-logging.class.php wp-e-commerce/wpsc-includes/
   purchaselogs-items.class.php wp-e-commerce/wpsc-includes/claimed-stock.class.
   php wp-e-commerce/wpsc-includes/variations.class.php wp-e-commerce/wpsc-includes/
   checkout-form.class.php wp-e-commerce/wpsc-includes/meta.functions.php wp-e-commerce/
   wpsc-includes/product.class.php wp-e-commerce/wpsc-includes/stats.functions.php
   wp-e-commerce/wpsc-includes/wpsc-meta-util.php wp-e-commerce/wpsc-includes/misc.
   functions.php wp-e-commerce/wpsc-includes/currency_converter.inc.php wp-e-commerce/
   wpsc-includes/theming.class.php wp-e-commerce/wpsc-includes/cart-template-api.
   php wp-e-commerce/wpsc-includes/country-region-tax-util.php wp-e-commerce/wpsc-
   includes/wpsc-theme-engine-bootstrap.php wp-e-commerce/wpsc-includes/wpsc-country.
   class.php wp-e-commerce/wpsc-includes/display.functions.php wp-e-commerce/wpsc-
   includes/productfeed.php wp-e-commerce/wpsc-includes/wpsc-meta-init.php wp-e-
   commerce/wpsc-includes/coupon.class.php wp-e-commerce/wpsc-includes/xmlparser.
   php wp-e-commerce/wpsc-includes/query-base.class.php wp-e-commerce/wpsc-includes/
   theme.functions.php wp-e-commerce/wpsc-includes/wpsc-checkout-ajax.php wp-e-commerce/
   wpsc-includes/google-analytics.class.php wp-e-commerce/wpsc-includes/shipping.
   helper.php wp-e-commerce/wpsc-includes/checkout-form-data.class.php wp-e-commerce/
   wpsc-includes/purchase-log.helpers.php wp-e-commerce/wpsc-includes/wpsc-countries.
   class.php wp-e-commerce/wpsc-includes/merchant.class.php wp-e-commerce/wpsc-includes/
   purchaselogs.class.php wp-e-commerce/wpsc-includes/country.class.php wp-e-commerce/
   wpsc-includes/customer.php wp-e-commerce/wpsc-includes/wpsc-meta-cart-item.php
   wp-e-commerce/wpsc-includes/wpsc-visitor.class.php wp-e-commerce/wpsc-includes/
   wpsc-customizer-thumbnail-control.class.php wp-e-commerce/wpsc-includes/shopping_cart_container.
   php wp-e-commerce/wpsc-includes/wpsc-data-map.class.php wp-e-commerce/wpsc-includes/
   wpsc-meta-purchase.php wp-e-commerce/wpsc-includes/purchaselogs.functions.php
   wp-e-commerce/wpsc-includes/shopping_cart_functions.php wp-e-commerce/wpsc-includes/
   purchase-log-notes.class.php wp-e-commerce/wpsc-includes/processing.functions.
   php wp-e-commerce/wpsc-includes/customer-ajax.php wp-e-commerce/wpsc-includes/
   wpsc-checkout-localization.php wp-e-commerce/wpsc-includes/currency.helpers.php
   wp-e-commerce/wpsc-includes/upgrades.php wp-e-commerce/wpsc-includes/wpsc-deprecated-
   meta.php wp-e-commerce/wpsc-includes/wpsc-meta-customer.php wp-e-commerce/wpsc-
   includes/cart-item.class.php wp-e-commerce/wpsc-includes/cron.php wp-e-commerce/
   wpsc-includes/ajax.functions.php wp-e-commerce/wpsc-includes/customer-private.
   php wp-e-commerce/wpsc-includes/category.functions.php wp-e-commerce/wpsc-shipping/
   usps_20.php wp-e-commerce/wpsc-shipping/flatrate.php wp-e-commerce/wpsc-shipping/
   shipwire.php wp-e-commerce/wpsc-shipping/ups_20.php wp-e-commerce/wpsc-shipping/
   tablerate.php wp-e-commerce/wpsc-shipping/australiapost.php wp-e-commerce/wpsc-
   shipping/weightrate.php wp-e-commerce/wpsc-taxes/taxes_module.php wp-e-commerce/
   wpsc-merchants/paypal-pro.merchant.php wp-e-commerce/wpsc-merchants/testmode.
   merchant.php wp-e-commerce/wpsc-merchants/paypal-standard.merchant.php wp-e-commerce/
   wpsc-merchants/chronopay.php wp-e-commerce/wpsc-merchants/paypal-express.merchant.
   php wp-e-commerce/wpsc-core/wpsc-includes.php wp-e-commerce/wpsc-core/wpsc-constants.
   php wp-e-commerce/wpsc-core/wpsc-deprecated.php wp-e-commerce/wpsc-core/wpsc-
   installer.php wp-e-commerce/wpsc-core/wpsc-functions.php wp-e-commerce/wpsc-updates/
   database_template.php wp-e-commerce/wpsc-updates/updating_tasks.php wp-e-commerce/
   wpsc-updates/currency_list.php wp-e-commerce/wpsc-theme/wpsc-grid_view.php wp-
   e-commerce/wpsc-theme/wpsc-account-edit-profile.php wp-e-commerce/wpsc-theme/
   wpsc-list_view.php wp-e-commerce/wpsc-theme/wpsc-category-list.php wp-e-commerce/
   wpsc-theme/wpsc-single_product.php wp-e-commerce/wpsc-theme/wpsc-category_widget.
   php wp-e-commerce/wpsc-theme/wpsc-products_page.php wp-e-commerce/wpsc-theme/
   wpsc-cart_widget.php wp-e-commerce/wpsc-theme/wpsc-featured_product.php wp-e-
   commerce/wpsc-theme/wpsc-shopping_cart_page.php wp-e-commerce/wpsc-theme/wpsc-
   account-purchase-history.php wp-e-commerce/wpsc-theme/wpsc-user-log.php wp-e-
   commerce/wpsc-theme/compatibility.css wp-e-commerce/wpsc-theme/wpsc-transaction_results.
   php wp-e-commerce/wpsc-theme/wpsc-default.php wp-e-commerce/wpsc-theme/wpsc-account-
   downloads.php wp-e-commerce/wpsc-theme/wpsc-default.css wp-e-commerce/readme.
   txt wp-e-commerce/wpsc-admin/settings-page.php wp-e-commerce/wpsc-admin/ajax-
   and-init.php wp-e-commerce/wpsc-admin/display-coupon-add.php wp-e-commerce/wpsc-
   admin/display-options-settings.page.php wp-e-commerce/wpsc-admin/display-sales-
   logs.php wp-e-commerce/wpsc-admin/init.php wp-e-commerce/wpsc-admin/display-coupon-
   edit.php wp-e-commerce/wpsc-admin/media.php wp-e-commerce/wpsc-admin/users.php
   wp-e-commerce/wpsc-admin/admin.php wp-e-commerce/wpsc-admin/display-items.page.
   php wp-e-commerce/wpsc-admin/display-upgrades.page.php wp-e-commerce/wpsc-admin/
   ajax.php wp-e-commerce/wpsc-admin/admin-form-functions.php wp-e-commerce/wpsc-
   admin/display-update.page.php wp-e-commerce/wpsc-admin/display-coupons.php wp-
   e-commerce/wpsc-widgets/admin_menu_widget.php wp-e-commerce/wpsc-widgets/tagging_functions.
   php wp-e-commerce/wpsc-languages/EN_en.php wp-e-commerce/license.txt
 * **Theme:**
 * Templates
 *  404 Template
    (404.php) Archives (archive.php) Author Template (author.php) 
   Category Template (category.php) cfgs.php (cfg/cfgs.php) default.php (cfg/default.
   php) main.php (cfg/main.php) pages.php (cfg/pages.php) widgets.php (cfg/widgets.
   php) Comments (comments.php) Theme Footer (footer.php) Static Front Page (front-
   page.php) Theme Functions (functions.php) Theme Header (header.php) Main Index
   Template (index.php) main.php (lib/main.php) mythemes.admin.class.php (lib/mythemes.
   admin.class.php) mythemes.ahtml.class.php (lib/mythemes.ahtml.class.php) mythemes.
   breadcrumbs.class.php (lib/mythemes.breadcrumbs.class.php) mythemes.cfg.class.
   php (lib/mythemes.cfg.class.php) mythemes.comments.class.php (lib/mythemes.comments.
   class.php) mythemes.core.class.php (lib/mythemes.core.class.php) mythemes.deb.
   class.php (lib/mythemes.deb.class.php) mythemes.gallery.class.php (lib/mythemes.
   gallery.class.php) mythemes.header.class.php (lib/mythemes.header.class.php) 
   mythemes.layouts.class.php (lib/mythemes.layouts.class.php) mythemes.meta.class.
   php (lib/mythemes.meta.class.php) mythemes.options.class.php (lib/mythemes.options.
   class.php) mythemes.post.class.php (lib/mythemes.post.class.php) mythemes.scripts.
   class.php (lib/mythemes.scripts.class.php) mythemes.setup.class.php (lib/mythemes.
   setup.class.php) mythemes.tools.class.php (lib/mythemes.tools.class.php) Single
   Page (page.php) Search Results (search.php) Search Form (searchform.php) sidebar-
   footer-first.php sidebar-footer-fourth.php sidebar-footer-second.php sidebar-
   footer-third.php sidebar-front-page-header-first.php sidebar-front-page-header-
   second.php sidebar-front-page-header-third.php sidebar-front-page.php sidebar-
   page.php sidebar-post.php sidebar-special-page.php Sidebar (sidebar.php) Single
   Post (single.php) Tag Template (tag.php) head.php (templates/head.php) header.
   php (templates/header.php) loop.php (templates/loop.php) pagination.php (templates/
   pagination.php) style.php (templates/style.php)
 * Styles
 *  Stylesheet
    (style.css)
 *  [whitelamp](https://wordpress.org/support/users/whitelamp/)
 * (@whitelamp)
 * [9 years, 4 months ago](https://wordpress.org/support/topic/layout-align-product-list-left/#post-8811343)
 * Try changing the code here then:
    wpsc-components/theme-engine-v1/templates/wpsc-
   products_page.php Make sure to turn any caching off.
 *  Thread Starter [MetCat](https://wordpress.org/support/users/metcat/)
 * (@metcat)
 * [9 years, 4 months ago](https://wordpress.org/support/topic/layout-align-product-list-left/#post-8813955)
 * That did the trick!
 * wpsc-components/theme-engine-v1/templates/wpsc-products_page.php
    Caching off
 * The change:
    `<div class="productcol" style="margin-left:<?php echo $image_width
   + 20; ?>px;" >`
 * To:
    `<div class="productcol">`
 * **As to my final questions:**
 * 1. How can I make the product image hyperlinked just as the title? – Should be
   somewhere in “wpsc-components/theme-engine-v1/templates/wpsc-products_page.php”
   but I don’t seem to manage… I’ll paste the whole thing below.
 * 2. Is there a way to fully customize the order that the products are displayed
   in? I wanted to place in in discography order to make it more clear for the customers.
   But I suppose it’s not possible then. I was hoping to make it ID-based or something.
 * 3. Can I move the “Add to Cart” button fully to the left as well?
 * 4. Would love to have all hyperlinks underscored. Where can I fix that?
 * Really appreciate your help with all this, whitelamp!
 * wpsc-components/theme-engine-v1/templates/wpsc-products_page.php
 *     ```
       <?php
       global $wp_query;
       $image_width = get_option('product_image_width');
       /*
        * Most functions called in this page can be found in the wpsc_query.php file
        */
       ?>
       <div id="default_products_page_container" class="wrap wpsc_container">
   
       <?php wpsc_output_breadcrumbs(); ?>
   
       	<?php do_action('wpsc_top_of_products_page'); // Plugin hook for adding things to the top of the products page, like the live search ?>
       	<?php if(wpsc_display_categories()): ?>
       	  <?php if(wpsc_category_grid_view()) :?>
       			<div class="wpsc_categories wpsc_category_grid group">
       				<?php wpsc_start_category_query(array('category_group'=> get_option('wpsc_default_category'), 'show_thumbnails'=> 1)); ?>
       					<a href="<?php wpsc_print_category_url();?>" class="wpsc_category_grid_item  <?php wpsc_print_category_classes_section(); ?>" title="<?php wpsc_print_category_name(); ?>">
       						<?php wpsc_print_category_image(); ?>
       					</a>
       					<?php wpsc_print_subcategory("", ""); ?>
       				<?php wpsc_end_category_query(); ?>
   
       			</div><!--close wpsc_categories-->
       	  <?php else:?>
       			<ul class="wpsc_categories">
   
       				<?php wpsc_start_category_query(array('category_group'=>get_option('wpsc_default_category'), 'show_thumbnails'=> get_option('show_category_thumbnails'))); ?>
       						<li>
       							<?php wpsc_print_category_image(); ?>
   
       							<a href="<?php wpsc_print_category_url();?>" class="wpsc_category_link <?php wpsc_print_category_classes_section(); ?>" title="<?php wpsc_print_category_name(); ?>"><?php wpsc_print_category_name(); ?></a>
       							<?php if(wpsc_show_category_description()) :?>
       								<?php wpsc_print_category_description("<div class='wpsc_subcategory'>", "</div>"); ?>
       							<?php endif;?>
   
       							<?php wpsc_print_subcategory("<ul>", "</ul>"); ?>
       						</li>
       				<?php wpsc_end_category_query(); ?>
       			</ul>
       		<?php endif; ?>
       	<?php endif; ?>
       <?php // */ ?>
   
       	<?php if(wpsc_display_products()): ?>
   
       		<?php if(wpsc_is_in_category()) : ?>
       			<div class="wpsc_category_details">
       				<?php if(wpsc_show_category_thumbnails()) : ?>
       					<img src="<?php echo wpsc_category_image(); ?>" alt="<?php echo wpsc_category_name(); ?>" />
       				<?php endif; ?>
   
       				<?php if(wpsc_show_category_description() &&  wpsc_category_description()) : ?>
       					<?php echo wpsc_category_description(); ?>
       				<?php endif; ?>
       			</div><!--close wpsc_category_details-->
       		<?php endif; ?>
       		<?php if(wpsc_has_pages_top()) : ?>
       			<div class="wpsc_page_numbers_top">
       				<?php wpsc_pagination(); ?>
       			</div><!--close wpsc_page_numbers_top-->
       		<?php endif; ?>
   
       		<div class="wpsc_default_product_list">
       		<?php /** start the product loop here */?>
       		<?php while (wpsc_have_products()) :  wpsc_the_product(); ?>
   
       			<div class="default_product_display product_view_<?php echo wpsc_the_product_id(); ?> <?php echo wpsc_category_class(); ?> group">
       				<h2 class="prodtitle entry-title">
       							<?php if(get_option('hide_name_link') == 1) : ?>
       								<?php echo wpsc_the_product_title(); ?>
       							<?php else: ?>
       								<a class="wpsc_product_title" href="<?php echo esc_url( wpsc_the_product_permalink() ); ?>"><?php echo wpsc_the_product_title(); ?></a>
       							<?php endif; ?>
       						</h2>
       				<?php if(wpsc_show_thumbnails()) :?>
       					<div class="imagecol" style="width:<?php echo $image_width; ?>px;" id="imagecol_<?php echo wpsc_the_product_id(); ?>">
       						<?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 esc_url( 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(); ?>"/>*/
       						<a class="wpsc_the_product_thumbnail" href="<?php echo esc_url( wpsc_the_product_permalink() ); ?><?php echo wpsc_the_product_thumbnail(); ?></a>
   
       						<?php else: ?>
       								<a href="<?php echo esc_url( wpsc_the_product_permalink() ); ?>">
       								<img class="no-image" id="product_image_<?php echo wpsc_the_product_id(); ?>" alt="<?php esc_attr_e( 'No Image', 'wp-e-commerce' ); ?>" 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; ?>
       						<?php
       						if(gold_cart_display_gallery()) :
       							echo gold_shpcrt_display_gallery(wpsc_the_product_id(), true);
       						endif;
       						?>
       					</div><!--close imagecol-->
       				<?php endif; ?>
       					<div class="productcol">
   
       						<?php
       							do_action('wpsc_product_before_description', wpsc_the_product_id(), $wp_query->post);
       							do_action('wpsc_product_addons', wpsc_the_product_id());
       						?>
   
       						<div class="wpsc_description">
       							<?php echo wpsc_the_product_description(); ?>
                               </div><!--close wpsc_description-->
   
       						<?php if(wpsc_the_product_additional_description()) : ?>
       						<div class="additional_description_container">
       								<img class="additional_description_button"  src="<?php echo WPSC_CORE_THEME_URL; ?>wpsc-images/icon_window_expand.gif" alt="<?php esc_html_e( 'Additional Description', 'wp-e-commerce' ); ?>" /><a href="<?php echo esc_url( wpsc_the_product_permalink() ); ?>" class="additional_description_link"><?php esc_html_e('More Details', 'wp-e-commerce'); ?>
       							</a>
       							<div class="additional_description">
       								<p><?php echo wpsc_the_product_additional_description(); ?></p>
       							</div><!--close additional_description-->
       						</div><!--close additional_description_container-->
       						<?php endif; ?>
   
       						<?php if(wpsc_product_external_link(wpsc_the_product_id()) != '') : ?>
       							<?php $action =  wpsc_product_external_link(wpsc_the_product_id()); ?>
       						<?php else: ?>
       						<?php $action = wpsc_this_page_url(); ?>
       						<?php endif; ?>
       						<form class="product_form"  enctype="multipart/form-data" action="<?php echo esc_url( $action ); ?>" method="post" name="product_<?php echo wpsc_the_product_id(); ?>" id="product_<?php echo wpsc_the_product_id(); ?>" >
       						<?php do_action ( 'wpsc_product_form_fields_begin' ); ?>
       						<?php /** the variation group HTML and loop */?>
                               <?php if (wpsc_have_variation_groups()) { ?>
                               <fieldset><legend><?php _e('Product Options', 'wp-e-commerce'); ?></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 id="variation_display_<?php echo wpsc_the_product_id(); ?>" class="is_variation"><?php _e('Combination of product variants is not available', 'wp-e-commerce'); ?></div>
       						</div><!--close wpsc_variation_forms-->
                               </fieldset>
       						<?php } ?>
       						<?php /** the variation group HTML and loop ends here */?>
   
       							<!-- THIS IS THE QUANTITY OPTION MUST BE ENABLED FROM ADMIN SETTINGS -->
       							<?php if(wpsc_has_multi_adding()): ?>
                                   	<fieldset><legend><?php _e('Quantity', 'wp-e-commerce'); ?></legend>
       								<div class="wpsc_quantity_update">
                                       <?php /*<label for="wpsc_quantity_update_<?php echo wpsc_the_product_id(); ?>"><?php _e('Quantity', 'wp-e-commerce'); ?>:</label>*/ ?>
       								<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" />
       								<input type='hidden' name='wpsc_ajax_action' value='wpsc_update_quantity' />
                                       </div><!--close wpsc_quantity_update-->
                                       </fieldset>
       							<?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', 'wp-e-commerce'); ?></div>
       									<?php else: ?>
       										<div id="stock_display_<?php echo wpsc_the_product_id(); ?>" class="out_of_stock"><?php _e('Product not in stock', 'wp-e-commerce'); ?></div>
       									<?php endif; ?>
       								<?php endif; ?>
       								<?php if(wpsc_product_is_donation()) : ?>
       									<label for="donation_price_<?php echo wpsc_the_product_id(); ?>"><?php _e('Donation', 'wp-e-commerce'); ?>: </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:', 'wp-e-commerce'); ?> <span class="pp_price"><?php echo wpsc_product_postage_and_packaging(); ?></span></p>
       									<?php endif; ?>
       								<?php endif; ?>
       							</div><!--close wpsc_product_price-->
   
       							<input type="hidden" value="add_to_cart" name="wpsc_ajax_action"/>
       							<input type="hidden" value="<?php echo wpsc_the_product_id(); ?>" name="product_id"/>
   
       							<!-- END OF QUANTITY OPTION -->
       							<?php if((get_option('hide_addtocart_button') == 0) &&  (get_option('addtocart_or_buynow') !='1')) : ?>
       								<?php if(wpsc_product_has_stock()) : ?>
       									<div class="wpsc_buy_button_container">
       										<div class="wpsc_loading_animation">
       											<img title="" alt="<?php esc_attr_e( 'Loading', 'wp-e-commerce' ); ?>" src="<?php echo wpsc_loading_animation_url(); ?>" />
       											<?php _e('Updating cart...', 'wp-e-commerce'); ?>
       										</div><!--close wpsc_loading_animation-->
       											<?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', 'wp-e-commerce' ) ); ?>" onclick="return gotoexternallink('<?php echo esc_url( $action ); ?>', '<?php echo wpsc_product_external_link_target( wpsc_the_product_id() ); ?>')">
       											<?php else: ?>
       										<input type="submit" value="<?php _e('Add To Cart', 'wp-e-commerce'); ?>" name="Buy" class="wpsc_buy_button" id="product_<?php echo wpsc_the_product_id(); ?>_submit_button"/>
       											<?php endif; ?>
       									</div><!--close wpsc_buy_button_container-->
       								<?php endif ; ?>
       							<?php endif ; ?>
       							<div class="entry-utility wpsc_product_utility">
       								<?php edit_post_link( __( 'Edit', 'wp-e-commerce' ), '<span class="edit-link">', '</span>' ); ?>
       							</div>
       							<?php do_action ( 'wpsc_product_form_fields_end' ); ?>
       						</form><!--close product_form-->
   
       						<?php if((get_option('hide_addtocart_button') == 0) && (get_option('addtocart_or_buynow')=='1')) : ?>
       							<?php echo wpsc_buy_now_button(wpsc_the_product_id()); ?>
       						<?php endif ; ?>
   
       						<?php echo wpsc_product_rater(); ?>
   
       					<?php // */ ?>
       				</div><!--close productcol-->
       			<?php if(wpsc_product_on_special()) : ?><span class="sale"><?php _e('Sale', 'wp-e-commerce'); ?></span><?php endif; ?>
       		</div><!--close default_product_display-->
   
       		<?php endwhile; ?>
       		<?php /** end the product loop here */?>
       		</div>
       		<?php if(wpsc_product_count() == 0):?>
       			<h3><?php  _e('There are no products in this group.', 'wp-e-commerce'); ?></h3>
       		<?php endif ; ?>
       	    <?php do_action( 'wpsc_theme_footer' ); ?>
   
       		<?php if(wpsc_has_pages_bottom()) : ?>
       			<div class="wpsc_page_numbers_bottom">
       				<?php wpsc_pagination(); ?>
       			</div><!--close wpsc_page_numbers_bottom-->
       		<?php endif; ?>
       	<?php endif; ?>
       </div><!--close default_products_page_container-->
       ```
   

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Layout: Align product list left’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/wp-e-commerce_ebebeb.svg)
 * [WP eCommerce](https://wordpress.org/plugins/wp-e-commerce/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/wp-e-commerce/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/wp-e-commerce/)
 * [Active Topics](https://wordpress.org/support/plugin/wp-e-commerce/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/wp-e-commerce/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/wp-e-commerce/reviews/)

 * 6 replies
 * 2 participants
 * Last reply from: [MetCat](https://wordpress.org/support/users/metcat/)
 * Last activity: [9 years, 4 months ago](https://wordpress.org/support/topic/layout-align-product-list-left/#post-8813955)
 * Status: not resolved