Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Remove Category Image/Description div on product pages

Remove Category Image/Description div on product pages

Locked

Views: 2,773

Results 1 to 9 of 9
This thread is locked. New replies are disabled.
1 Sep 2009, 12:13 AM
#1
webbo1969 avatar

webbo1969

New Zenner

Join Date:
Aug 2006
Posts:
24
Plugin Contributions:
0

Remove Category Image/Description div on product pages

Hi

I am using a template from Template Monster.

I don't want category images and descriptions appearing anywhere on product pages. I have searched the forum and managed to lose the images and description ok.. but I am left with a blank box at the top of each product page... this is the div that contained the category info but I can't for the life of me work out how to lose the div.

Click on any product and you will see the blank box I am talking about in between the category title and the product title...

http://trybikestore.co.uk

Can anybody help?

Many thanks in advance.

Steve

1 Sep 2009, 12:36 AM
#2
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Remove Category Image/Description div on product pages

TM didn't bother to give that div even a classname, let alone an id to address it uniquely. You could use display: none; on its contents, but not on the box. Your best bet is to edit (probably) /includes/templates/your_template/templates/tpl_product_info_display.php and comment out the whole div.

8 Sep 2009, 5:05 PM
#3
webbo1969 avatar

webbo1969

New Zenner

Join Date:
Aug 2006
Posts:
24
Plugin Contributions:
0

Re: Remove Category Image/Description div on product pages

Hi Glenn

Many thanks for your time on this issue.

I have taken a look at tpl_product_info_display.php as suggested.

The only way I can lost the box at the top of each product page via this file is commenting out the very first block of code which is:

<!--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 -->

This gets rid of the empty box but it also loses the category breadcrumb. i.e: If I comment out that chunk of code then when you visit:

http://www.trybikestore.co.uk/index.php?main_page=product_info&cPath=1&products_id=2

... the box will be gone but so will also the breadcrumb 'Bikes' with the product title - 'Galileo Full Carbon Monocoque Bike' being at the top.

Is there any way you can see that I can doctor the code from this file or another so the category breadcrumb remains? Leaving the the top of the page as:

Bikes
(no blank white box here)
Galileo Full Carbon Monocoque Bike

Thank you.

Steve

8 Sep 2009, 5:20 PM
#4
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Remove Category Image/Description div on product pages

The "Bikes" is not the breadcrumb; that happens earlier in the HTML output, and you can see its comment tags though it appears to be turned off. Whether you have it turned off in admin, or the TM template has disabled it in the PHP code, I can't say.
Perhaps TM decided to replace the breadcrumb function with their own output, or perhaps it really is just the "reviewsDefaultHeading" as it claims to be:```html

<h1 id="reviewsDefaultHeading" style="padding-left:0;"><a href="http://www.trybikestore.co.uk/index.php?main_page=index&cPath=1">Bikes</a></h1> ```
8 Sep 2009, 5:27 PM
#5
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Remove Category Image/Description div on product pages

The category icon uses this whole big block of HTML code to output that box and its content:```

<!--bof Category Icon --> <div class="title_box"> <div class="row1">
	<div class="title_inner1">
	<div class="title_inner2">
	<div class="title_inner3"><img src="includes/templates/template_default/images/pixel_trans.gif" alt="" width="1" height="1" /></div>
    </div>
    </div>
</div>
<div class="row2">

	<div class="title_inner1">
	<div class="title_inner2">

	<div class="title_inner3">
	<div class="title_inner4">
<h1 id="reviewsDefaultHeading" style="padding-left:0;"><a href="http://www.trybikestore.co.uk/index.php?main_page=index&cPath=1">Bikes</a></h1>
	</div>
    </div>
    </div>
    </div>

	
	
</div>

<div class="row3">
	<div class="title_inner1">
	<div class="title_inner2">
	<div class="title_inner3"><img src="includes/templates/template_default/images/pixel_trans.gif" alt="" width="1" height="1" /></div>
    </div>
    </div>
</div>
</div>

<div style="padding:0;">
					<div class="center_col_bg">
						<div class="center_col_bg_1">
						<div class="center_col_bg_2">
						<div class="center_col_bg_3">
						<div class="center_col_bg_4">
						<div class="" style="padding:20px;">
<div align="left" id="categoryIcon" class="categoryIcon"> <table style="width:1px; margin:0 20px 0 0;"> <tr> <td>
  <div class="img_box1">
  <div class="bg_inner11">
  <div class="bg_inner21">
  <div class="bg_inner31">

  <div class="bg_inner41">
  <div class="bg_inner51">
  <div class="bg_inner61">
  <div class="bg_inner71">
  <div class="bg_inner81">
  <div class="bg_inner91">

<a href="http://www.trybikestore.co.uk/index.php?main_page=index&cPath=1"></a>

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

</div>

						
	  </td>
	</tr>
  </table>
<br class="clearBoth" /> </div>
						</div>

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

<!--eof Category Icon --> <div class="title_box"> <div class="row1"> <div class="title_inner1 png"> ```So if you comment out the red code, you should get the right results. It may take a bit of adjusting, as it is hard to count the nested divs correctly.
8 Sep 2009, 5:48 PM
#6
website_rob avatar

website_rob

Inactive

Join Date:
Oct 2006
Location:
Alberta, Canada
Posts:
4,572
Plugin Contributions:
0

Re: Remove Category Image/Description div on product pages

Had a thought but don't think it would work. As with customizing / correcting any Template Monster template, a lot of trial & error is involved.

9 Sep 2009, 1:34 PM
#7
webbo1969 avatar

webbo1969

New Zenner

Join Date:
Aug 2006
Posts:
24
Plugin Contributions:
0

Re: Remove Category Image/Description div on product pages

I've played with tpl_product_info_display.php and have had no joy. I've removed all those divs to still see the blank box sat in place.

I will have to stick with losing the category icon code block as this is the only code that makes the blank box disappear. Not ideal as it does strip the heading ('Bikes') - but I can live with that.

Here is the full code for my tpl_product_info_display.php if you have any final thoughts/ideas:

<?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'); ?> <!--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 png"> <div class="title_inner2 png"> <div class="title_inner3"><?php echo zen_draw_separator($image = 'pixel_trans.gif', '1', '1');?></div> </div> </div> </div> <div class="row2"> <div class="title_inner1"> <div class="title_inner2"> <div class="title_inner3"> <div class="title_inner4">
<h1 id="productName" class="productGeneral"><?php echo $products_name; ?></h1>
          
	</div>
    </div>
    </div>
    </div>

</div>
<div class="row3">
	<div class="title_inner1">
	<div class="title_inner2">
	<div class="title_inner3"><?php echo zen_draw_separator($image = 'pixel_trans.gif', '1', '1');?></div>
    </div>
    </div>
</div>
</div> <div class="centerColumn" id="productGeneral" style="padding:0;">
				<div class="center_col_bg">
						<div class="center_col_bg_1">
						<div class="center_col_bg_2">
						<div class="center_col_bg_3">
						<div class="center_col_bg_4">
						<div class="center_col_bg_55">
<!--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 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 Product Name--> <!--eof Product Name--> <!--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 Price block -->

<strong><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></strong> <!--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 Product description --> <?php if ($products_description != '') { ?> <div id="productDescription" class="productGeneral biggerText"> <!--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 = '<table>
<tr>
	<td>
    <input type="text" name="cart_quantity" class="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']) . '</td><td>       ' . zen_image_submit(BUTTON_IMAGE_IN_CART, BUTTON_IN_CART_ALT) . '
    	
    </td>
</tr>
</table>'; } $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--> <br class="clearBoth" /> <?php echo stripslashes($products_description); ?></div><br class="clearBoth" /> <?php } ?> <!--eof Product description --> <br class="clearBoth" /> <!--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 --> <!--bof Form close--> </form> <!--bof Form close--> </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--> </div>
9 Sep 2009, 2:07 PM
#8
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Remove Category Image/Description div on product pages

It wasn't apparent from view source that the icon box code was actually being generated from another PHP file called by tpl_product_info_display.php. You will need to edit /includes/templates/your_template/templates/tpl_modules_category_icon_display.php which you see being required:

<!--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 -->

This is the entire content of the stock version of tpl_modules_category_icon_display.php```php

<?php /** * Module Template * * @package templateSystem * @copyright Copyright 2003-2007 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_modules_category_icon_display.php 6216 2007-04-17 06:09:57Z ajeh $ */ require(DIR_WS_MODULES . zen_get_module_directory(FILENAME_CATEGORY_ICON_DISPLAY)); ?> <div align="<?php echo $align; ?>" id="categoryIcon" class="categoryIcon"><?php echo '<a href="' . zen_href_link(FILENAME_DEFAULT, 'cPath=' . $_GET['cPath'], 'NONSSL') . '">' . $category_icon_display_image . $category_icon_display_name . '</a>'; ?></div> ```and I can't tell if the extra TM content is in this file or in the one that feeds it, /includes/modules/your_template/category_icon_display.php. Look at both of those files if you need to, until you find the extra divs and other TM code. If you can't figure out what is extra, post your copy of the file here in ``` [php] and [/php] ``` tags and I'll take a look.
12 Sep 2009, 1:05 PM
#9
webbo1969 avatar

webbo1969

New Zenner

Join Date:
Aug 2006
Posts:
24
Plugin Contributions:
0

Re: Remove Category Image/Description div on product pages

Yay!! I found the divs to delete in tpl_modules_category_icon_display.php

Many thanks for your assistance Glenn ... much appreciated. :)