Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

Changing the design of product listing header


elusified

Recommended Posts

Posted

Hi guys, im tryin to change the design of product listing header using a background image. However, every colume of product listing header is using the background image listed in the css stylesheet. Any idea as in how could i edit the codes to change the background image of the row of product listing header instead of the individual colume?

Posted
You will need to give your new heading a new class and add that class to your stylesheet

 

I understand. However the heading is created by php codes. That is the problem tt im facing. How do i change the background image of individual colume?

 

 

 <?php
 }

 $list_box_contents = array();

 for ($col=0, $n=sizeof($column_list); $col<$n; $col++) {
switch ($column_list[$col]) {
  case 'PRODUCT_LIST_MODEL':
	$lc_text = TABLE_HEADING_MODEL;
	$lc_align = '';
	break;
  case 'PRODUCT_LIST_NAME':
	$lc_text = TABLE_HEADING_PRODUCTS;
	$lc_align = '';
	break;
  case 'PRODUCT_LIST_MANUFACTURER':
	$lc_text = TABLE_HEADING_MANUFACTURER;
	$lc_align = '';
	break;
  case 'PRODUCT_LIST_PRICE':
	$lc_text = TABLE_HEADING_PRICE;
	$lc_align = 'right';
	break;
  case 'PRODUCT_LIST_QUANTITY':
	$lc_text = TABLE_HEADING_QUANTITY;
	$lc_align = 'right';
	break;
  case 'PRODUCT_LIST_WEIGHT':
	$lc_text = TABLE_HEADING_WEIGHT;
	$lc_align = 'right';
	break;
  case 'PRODUCT_LIST_IMAGE':
	$lc_text = TABLE_HEADING_IMAGE;
	$lc_align = 'center';
	break;
  case 'PRODUCT_LIST_BUY_NOW':
	$lc_text = TABLE_HEADING_BUY_NOW;
	$lc_align = 'center';
	break;
}

if ( ($column_list[$col] != 'PRODUCT_LIST_BUY_NOW') && ($column_list[$col] != 'PRODUCT_LIST_IMAGE') ) {
  $lc_text = tep_create_sort_heading($HTTP_GET_VARS['sort'], $col+1, $lc_text);
}

$list_box_contents[0][] = array('align' => $lc_align,	
								'params' => 'class="productListing-heading"',
								'text' => ' ' . $lc_text . ' ');
 }

Posted

You can add a $lc_params to each switch case of the columns and define an individual class for it. Then replace the 'params' => 'class="productListing-heading"', with 'params' => $lc_params,

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...