Hi gjh42, thanks for checking back in.
You are right,
<br class="clearBoth" />
<?php
}
?>
<!--eof Product details list -->
I've tried every combo I can think of and still nothing works. Here is some of my code:
<!--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-->
<!--bof Product Name-->
<h1 id="productName" class="productGeneral"><?php echo $products_name; ?></h1>
<!--eof Product Name-->
<!--bof Product description -->
<?php if ($products_description != '') { ?>
<div id="productDescription" class="productGeneral biggerText"><?php echo stripslashes($products_description); ?><div style='font-size:12px;width:100%;height:18px;'></div>
<?php } ?>
<!--eof Product description -->
<!--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 -->
stylesheet: I added clear for image and put in #productdetailslist which wasn't there before.
#productMainImage {
clear: left;
}
#productDestailsList { float: Left;}
#productName {
float: left;
}
I did notice this for Model#/productDetailslist in Web Developer display element under Ancestors
html
body #productinfoBody
div #mainWrapper
table #contentMainWrapper
tbody
tr
td
div #productGeneral .centerColumn
form
div #productDescription .productGeneral biggerText
ul #productDetailsList .floatingBox back
not sure if the "floatingbox" is doing anything?
My desired order to the right of the image would be starting from the top:
Model#
Product Name
Product Description
