Forums / Templates, Stylesheets, Page Layout / Move product description next to picture

Move product description next to picture

Views: 2,482

Results 1 to 6 of 6
24 Jul 2010, 7:00 PM
#1
ggbarnum avatar

ggbarnum

New Zenner

Join Date:
Jul 2010
Posts:
37
Plugin Contributions:
0

Move product description next to picture

Hello all,

I see on lots of sites that the text descritpion for a product is level with the image for that item, but I am struggling to find out how to do this. On my product page the text starts below the image...

http://cheekychile.com/index.php?main_page=product_info&cPath=5_8&products_id=1

I am guessing its probably quite an easy fix if I just knew what it was, but I can't figure it out.

Thanks in advance for any help,

Jas.

24 Jul 2010, 7:50 PM
#2
hamid84 avatar

hamid84

Zen Follower

Join Date:
Feb 2007
Location:
Walsall
Posts:
223
Plugin Contributions:
0

Re: Move product description next to picture

you need to adjust the codes in \includes\templates\YOURTEMPLATE\templates\tpl_product_info_display.php

24 Jul 2010, 8:41 PM
#3
ggbarnum avatar

ggbarnum

New Zenner

Join Date:
Jul 2010
Posts:
37
Plugin Contributions:
0

Re: Move product description next to picture

Well this is my php code, I really am not sure what to change, I have looked at it lot but its not jumoing out at me so if anyone can help I would really appreciate it.....

<?php
/**
 * Page Template
 *
 * Loaded automatically by index.php?main_page=product_info.<br />
 * Displays details of a typical product
 *
 * @package templateSystem
 * @copyright Copyright 2003-2006 Zen Cart Development Team
 * @copyright Portions Copyright 2003 osCommerce
 * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
 * @version $Id: tpl_product_info_display.php 5369 2006-12-23 10:55:52Z drbyte $
 */
 //require(DIR_WS_MODULES . '/debug_blocks/product_info_prices.php');
?>
<div class="centerColumn" id="productGeneral">

<!--bof Form start-->
<?php echo zen_draw_form('cart_quantity', zen_href_link(zen_get_info_page($_GET['products_id']), zen_get_all_get_params(array('action')) . 'action=add_product'), 'post', 'enctype="multipart/form-data"') . "\n"; ?>
<!--eof Form start-->

<?php if ($messageStack->size('product_info') > 0) echo $messageStack->output('product_info'); ?>

<!--bof Category Icon -->
<?php if ($module_show_categories != 0) {?>
<?php
/**
 * display the category icons
 */
require($template->get_template_dir('/tpl_modules_category_icon_display.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_category_icon_display.php'); ?>
<?php } ?>
<!--eof Category Icon -->

<div class="title_box">
	<div class="row1">
    	<div class="title_inner1">
    	<div class="title_inner2">
    	<div class="title_inner3"><img width="1" height="1" src="includes/templates/template_default/images/pixel_trans.gif" alt=""></div>
        </div>
        </div>
    </div>
	<div class="row2">    
    	<div class="title_inner1">
    	<div class="title_inner2">
    	<div class="title_inner3">
		<div class="title_inner4">            
			<!--bof Product Name-->
			<h1 id="productName" class="productGeneral"><?php echo $products_name; ?></h1>
			<!--eof Product Name-->              
		</div>
        </div>
        </div>
        </div> 
    </div>
</div>


<div style="padding: 0pt;">
	<div class="product_box">
		<div class="bg_inner1">
			<div class="bg_inner2">
				<div class="bg_inner3">
					<div class="bg_inner4">
						<div class="bg_inner5">
							<div class="bg_inner6">
								<div class="bg_inner7">
									<div class="bg_inner8">
										<div class="bg_inner91">

											<!--bof Prev/Next top position -->
											<?php if (PRODUCT_INFO_PREVIOUS_NEXT == 1 or PRODUCT_INFO_PREVIOUS_NEXT == 3) { ?>
											<?php
											/**
											 * display the product previous/next helper
											 */
											require($template->get_template_dir('/tpl_products_next_previous.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_products_next_previous.php'); ?>
											<?php } ?>
											<!--eof Prev/Next top position-->

											<!--bof Main Product Image -->
											<?php
											  if (zen_not_null($products_image)) {
											  ?>
											<?php
											/**
											 * display the main product image
											 */
											   require($template->get_template_dir('/tpl_modules_main_product_image.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_main_product_image.php'); ?>
											<?php
											  }
											?>
											<!--eof Main Product Image-->

											<br class="clearBoth" />
											 <!--bof Product description -->
											<?php if ($products_description != '') { ?>
											<div id="productDescription" class="productGeneral biggerText"><?php echo stripslashes($products_description); ?></div>
											<?php } ?>
											<!--eof Product description -->
											<br class="clearBoth" />

											<!--bof Product Price block -->
											<h2 id="productPrices" class="productGeneral">
											<?php
											// base price
											  if ($show_onetime_charges_description == 'true') {
												$one_time = '<span >' . TEXT_ONETIME_CHARGE_SYMBOL . TEXT_ONETIME_CHARGE_DESCRIPTION . '</span><br />';
											  } else {
												$one_time = '';
											  }
											  echo $one_time . ((zen_has_product_attributes_values((int)$_GET['products_id']) and $flag_show_product_info_starting_at == 1) ? TEXT_BASE_PRICE : '') . zen_get_products_display_price((int)$_GET['products_id']);
											?></h2>
											<!--eof Product Price block -->

											<!--bof free ship icon  -->
											<?php if(zen_get_product_is_always_free_shipping($products_id_current) && $flag_show_product_info_free_shipping) { ?>
											<div id="freeShippingIcon"><?php echo TEXT_PRODUCT_FREE_SHIPPING_ICON; ?></div>
											<?php } ?>
											<!--eof free ship icon  -->

											<!--bof Add to Cart Box -->
											<?php
											if (CUSTOMERS_APPROVAL == 3 and TEXT_LOGIN_FOR_PRICE_BUTTON_REPLACE_SHOWROOM == '') {
											  // do nothing
											} else {
											?>
														<?php
												$display_qty = (($flag_show_product_info_in_cart_qty == 1 and $_SESSION['cart']->in_cart($_GET['products_id'])) ? '<p>' . PRODUCTS_ORDER_QTY_TEXT_IN_CART . $_SESSION['cart']->get_quantity($_GET['products_id']) . '</p>' : '');
														if ($products_qty_box_status == 0 or $products_quantity_order_max== 1) {
														  // hide the quantity box and default to 1
														  $the_button = '<input type="hidden" name="cart_quantity" value="1" />' . zen_draw_hidden_field('products_id', (int)$_GET['products_id']) . zen_image_submit(BUTTON_IMAGE_IN_CART, BUTTON_IN_CART_ALT);
														} else {
														  // show the quantity box
												$the_button = PRODUCTS_ORDER_QTY_TEXT . '<input type="text" name="cart_quantity" value="' . (zen_get_buy_now_qty($_GET['products_id'])) . '" maxlength="6" size="4" /><br />' . zen_get_products_quantity_min_units_display((int)$_GET['products_id']) . '<br />' . zen_draw_hidden_field('products_id', (int)$_GET['products_id']) . zen_image_submit(BUTTON_IMAGE_IN_CART, BUTTON_IN_CART_ALT);
														}
												$display_button = zen_get_buy_now_button($_GET['products_id'], $the_button);
											  ?>
											  <?php if ($display_qty != '' or $display_button != '') { ?>
												<div id="cartAdd">
												<?php
												  echo $display_qty;
												  echo $display_button;
														?>
													  </div>
											  <?php } // display qty and button ?>
											<?php } // CUSTOMERS_APPROVAL == 3 ?>
											<!--eof Add to Cart Box-->

											

											<!--bof Product details list  -->
											<?php if ( (($flag_show_product_info_model == 1 and $products_model != '') or ($flag_show_product_info_weight == 1 and $products_weight !=0) or ($flag_show_product_info_quantity == 1) or ($flag_show_product_info_manufacturer == 1 and !empty($manufacturers_name))) ) { ?>
											<ul id="productDetailsList" class="floatingBox back">
											  <?php echo (($flag_show_product_info_model == 1 and $products_model !='') ? '<li>' . TEXT_PRODUCT_MODEL . $products_model . '</li>' : '') . "\n"; ?>
											  <?php echo (($flag_show_product_info_weight == 1 and $products_weight !=0) ? '<li>' . TEXT_PRODUCT_WEIGHT .  $products_weight . TEXT_PRODUCT_WEIGHT_UNIT . '</li>'  : '') . "\n"; ?>
											  <?php echo (($flag_show_product_info_quantity == 1) ? '<li>' . $products_quantity . TEXT_PRODUCT_QUANTITY . '</li>'  : '') . "\n"; ?>
											  <?php echo (($flag_show_product_info_manufacturer == 1 and !empty($manufacturers_name)) ? '<li>' . TEXT_PRODUCT_MANUFACTURER . $manufacturers_name . '</li>' : '') . "\n"; ?>
											</ul>
											<br class="clearBoth" />
											<?php
											  }
											?>
											<!--eof Product details list -->

											<!--bof Attributes Module -->
											<?php
											  if ($pr_attr->fields['total'] > 0) {
											?>
											<?php
											/**
											 * display the product atributes
											 */
											  require($template->get_template_dir('/tpl_modules_attributes.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_attributes.php'); ?>
											<?php
											  }
											?>
											<!--eof Attributes Module -->

											<!--bof Quantity Discounts table -->
											<?php
											  if ($products_discount_type != 0) { ?>
											<?php
											/**
											 * display the products quantity discount
											 */
											 require($template->get_template_dir('/tpl_modules_products_quantity_discounts.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_products_quantity_discounts.php'); ?>
											<?php
											  }
											?>
											<!--eof Quantity Discounts table -->

											<!--bof Additional Product Images -->
											<?php
											/**
											 * display the products additional images
											 */
											  require($template->get_template_dir('/tpl_modules_additional_images.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_additional_images.php'); ?>
											<!--eof Additional Product Images -->

											<!--bof Prev/Next bottom position -->
											<?php if (PRODUCT_INFO_PREVIOUS_NEXT == 2 or PRODUCT_INFO_PREVIOUS_NEXT == 3) { ?>
											<?php
											/**
											 * display the product previous/next helper
											 */
											 require($template->get_template_dir('/tpl_products_next_previous.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_products_next_previous.php'); ?>
											<?php } ?>
											<!--eof Prev/Next bottom position -->

											<!--bof Tell a Friend button -->
											<?php
											  if ($flag_show_product_info_tell_a_friend == 1) { ?>
											<div id="productTellFriendLink" class="buttonRow forward"><?php echo ($flag_show_product_info_tell_a_friend == 1 ? '<a href="' . zen_href_link(FILENAME_TELL_A_FRIEND, 'products_id=' . $_GET['products_id']) . '">' . zen_image_button(BUTTON_IMAGE_TELLAFRIEND, BUTTON_TELLAFRIEND_ALT) . '</a>' : ''); ?></div>
											<?php
											  }
											?>
											<!--eof Tell a Friend button -->

											<!--bof Reviews button and count-->
											<?php
											  if ($flag_show_product_info_reviews == 1) {
												// if more than 0 reviews, then show reviews button; otherwise, show the "write review" button
												if ($reviews->fields['count'] > 0 ) { ?>
											<div id="productReviewLink" class="buttonRow back"><?php echo '<a href="' . zen_href_link(FILENAME_PRODUCT_REVIEWS, zen_get_all_get_params()) . '">' . zen_image_button(BUTTON_IMAGE_REVIEWS, BUTTON_REVIEWS_ALT) . '</a>'; ?></div>
											<br class="clearBoth" />
											<p class="reviewCount"><?php echo ($flag_show_product_info_reviews_count == 1 ? TEXT_CURRENT_REVIEWS . ' ' . $reviews->fields['count'] : ''); ?></p>
											<?php } else { ?>
											<div id="productReviewLink" class="buttonRow back"><?php echo '<a href="' . zen_href_link(FILENAME_PRODUCT_REVIEWS_WRITE, zen_get_all_get_params(array())) . '">' . zen_image_button(BUTTON_IMAGE_WRITE_REVIEW, BUTTON_WRITE_REVIEW_ALT) . '</a>'; ?></div>
											<br class="clearBoth" />
											<?php
											  }
											}
											?>
											<!--eof Reviews button and count -->


											<!--bof Product date added/available-->
											<?php
											  if ($products_date_available > date('Y-m-d H:i:s')) {
												if ($flag_show_product_info_date_available == 1) {
											?>
											  <p id="productDateAvailable" class="productGeneral centeredContent"><?php echo sprintf(TEXT_DATE_AVAILABLE, zen_date_long($products_date_available)); ?></p>
											<?php
												}
											  } else {
												if ($flag_show_product_info_date_added == 1) {
											?>
												  <p id="productDateAdded" class="productGeneral centeredContent"><?php echo sprintf(TEXT_DATE_ADDED, zen_date_long($products_date_added)); ?></p>
											<?php
												} // $flag_show_product_info_date_added
											  }
											?>
											<!--eof Product date added/available -->

											<!--bof Product URL -->
											<?php
											  if (zen_not_null($products_url)) {
												if ($flag_show_product_info_url == 1) {
											?>
												<p id="productInfoLink" class="productGeneral centeredContent"><?php echo sprintf(TEXT_MORE_INFORMATION, zen_href_link(FILENAME_REDIRECT, 'action=url&goto=' . urlencode($products_url), 'NONSSL', true, false)); ?></p>
											<?php
												} // $flag_show_product_info_url
											  }
											?>
											<!--eof Product URL -->

										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<!--bof also purchased products module-->
<?php require($template->get_template_dir('tpl_modules_also_purchased_products.php', DIR_WS_TEMPLATE, $current_page_base,'templates'). '/' . 'tpl_modules_also_purchased_products.php');?>
<!--eof also purchased products module-->

<!--bof Form close-->
</form>
<!--bof Form close-->
</div>

Many thanks.

24 Jul 2010, 8:46 PM
#4
ggbarnum avatar

ggbarnum

New Zenner

Join Date:
Jul 2010
Posts:
37
Plugin Contributions:
0

Re: Move product description next to picture

Ok I worked it out. just removed the

<br class="clearBoth" />

after the eof for image

24 Jul 2010, 9:10 PM
#5
hamid84 avatar

hamid84

Zen Follower

Join Date:
Feb 2007
Location:
Walsall
Posts:
223
Plugin Contributions:
0

Re: Move product description next to picture

Glad you sorted it