Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Product Info display problem, IE vs Firefox

Product Info display problem, IE vs Firefox

Locked

Views: 1,983

Results 1 to 9 of 9
This thread is locked. New replies are disabled.
23 Oct 2006, 4:13 AM
#1
stumped avatar

stumped

New Zenner

Join Date:
Oct 2004
Posts:
84
Plugin Contributions:
0

Product Info display problem, IE vs Firefox

Hello,

I'm new to CSS and trying to get a site going with zen 3.5

My product info page looks okay for now with IE, but in firefox the product picture is overlaping the description.

Would someone please point out where the error is?

site is: http://www.self-dumping-hoppers.com

Thanks

23 Oct 2006, 5:52 AM
#3
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Product Info display problem, IE vs Firefox

What you are referring to as the product description is not the default description.

So I will assume that you have a custom tpl_product_info_display.php file. I would look to this and compare to a default file. Look for a clearboth that you might have taken out.

I also suggest that you always develop in FF as it is the more compliant browser and then correct for the IE quirks.

23 Oct 2006, 12:08 PM
#4
stumped avatar

stumped

New Zenner

Join Date:
Oct 2004
Posts:
84
Plugin Contributions:
0

Re: Product Info display problem, IE vs Firefox

Thank you Kobra for taking a look, but...this is the stock product.info.display from the Classic template (it is in my override folder)

here is how it displays in firefox

http://www.self-dumping-hoppers.com/index.php?main_page=product_info&cPath=1&products_id=4

if I turn on all the css classes under the develpment tools, the description moved down from the picture.

Any thoughts?

Thanks

23 Oct 2006, 8:26 PM
#5
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Product Info display problem, IE vs Firefox

stumped,

OK, then have you placed html in the product entry to acheive the table & diagram that is appearing? Or how was this inserted. Product description by default is un-ordered text

23 Oct 2006, 11:16 PM
#6
stumped avatar

stumped

New Zenner

Join Date:
Oct 2004
Posts:
84
Plugin Contributions:
0

Re: Product Info display problem, IE vs Firefox

Hello,

I have not touched the tpl file. I entered product descriptions the usual way in the admin panel. I just uploaded the tpl_product_info_display.php file from the default template and still having the same layout problem in firefox.

Any help would be greatly appreciated.

Here is the tpl file I'm using:

  • 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 3435 2006-04-14 03:42:46Z ajeh $
    */
    //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 --> <!--eof 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--> <!--bof Product Name--> <h1 id="productName" class="productGeneral"><?php echo $products_name; ?></h1> <!--eof Product Name--> <!--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)) { ?> <div id="freeShippingIcon"><?php echo TEXT_PRODUCT_FREE_SHIPPING_ICON; ?></div> <?php } ?> <!--eof free ship icon --> <!--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 Add to Cart Box --> <?php Thanks
24 Oct 2006, 3:46 AM
#7
stumped avatar

stumped

New Zenner

Join Date:
Oct 2004
Posts:
84
Plugin Contributions:
0

Re: Product Info display problem, IE vs Firefox

all fixed..... I needed to add a "<br class="clearBoth" />" right before the description

24 Oct 2006, 6:05 AM
#8
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Product Info display problem, IE vs Firefox

Glad you found it and posted the cure.

This was what I was trying to get you to look at because the description that you have, while it might have been entered through the product entry function, is defined as tables and these are not fluid and were consuming the space normally used by the image.

BTW They look very good and present the product variants well

24 Oct 2006, 11:48 PM
#9
stumped avatar

stumped

New Zenner

Join Date:
Oct 2004
Posts:
84
Plugin Contributions:
0

Re: Product Info display problem, IE vs Firefox

thanks ,,,,,,,,,,,,,,,,