Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

Product listing table - design help


jhande

Recommended Posts

Posted

The first thing I'd like to accomplish is to have a repeating background image in the header row.

 

I've tried many times but it always comes out messed up.

 

Where the sortable link Titles are located (Manufacturer, Product Name+, Item #, Price, etc...) always breaks the background and almost looks as if there's two background images trying to overlap each other.

 

productlisting.jpg

 

I'm using background images for all my other infoboxes and would like that table to match.

 

Any thoughts or ideas would be greatly appreciated.

 

If I can solve that problem, my next step is to try to add a dashed/dotted border to seperate the rows of products.

- :: Jim :: -

- My Toolbox ~ Adobe Web Bundle, XAMPP & WinMerge | Install ~ osC v2.3.3.4 -

Posted

Something like this in your CSS?

 

TD.InfoBoxHeading {

background-image: url('images/image.jpg');

background-repeat: repeat-x;

 

Where you create the image.jpg you want and copy it to images folder.

Posted

Hey Ashley,

 

Thanks, already did that.

 

There's something strange going on with the header links though.

 

It's as if the links call for another copy of the backgroung image and the alignment is lower.

- :: Jim :: -

- My Toolbox ~ Adobe Web Bundle, XAMPP & WinMerge | Install ~ osC v2.3.3.4 -

Posted

It looks like the image is being called for the box and again for the text - have you managed to do that?

My store is currently running Phoenix 1.0.3.0

I'm currently working on 1.0.7.2 and hope to get it live before 1.0.8.0 arrives (maybe 🙄 )

I used to have a list of add-ons here but I've found that with the ones that supporters of Phoenix get any other add-ons are not really neccessary

Posted

Thanks Julian,

 

That's what I figured, but I can't seem to find yet where the text would be calling for it.

 

Still looking...

- :: Jim :: -

- My Toolbox ~ Adobe Web Bundle, XAMPP & WinMerge | Install ~ osC v2.3.3.4 -

Posted

After checking almost all files, I found this:

 

includes\languages\english\index.php - only calls for the title text, no background image.

 

includes\modules\product_listing.php - does call background image:

 

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

 

stylesheet.css - calls for a background image:

 

.productListing-heading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 11px;
 color: #000000;
 font-weight: bold;
 vertical-align: middle;
 height: 20px;
/*  background-color: #f0e66a;*/
 background: url(images/infobox/bar_mid_blue.gif);
}

 

What I have tried and my results:

 

Turn off background image in stylesheet.css = image totally gone.

Turn it back on.

 

Turn off background image in product_listing.css = background image only behind Title text. blink.gif

Turn it back on.

 

Tried adding this to product_listing.php:

 

case 'PRODUCT_LIST_PRICE':
   	$lc_text = TABLE_HEADING_PRICE;
   	$lc_align = 'right';
   	$lc_width = '50px';
   	$lc_height = '20px';
   	$lc_valign = 'middle';
 break;

 

And:

 

	$list_box_contents[0][] = array('align' => $lc_align,
                				'width' => $lc_width,
                    	      		'height' => $lc_height,
                    	      		'valign' => $lc_valign,
                				'params' => 'class="productListing-heading"',
                               	'text' => ' ' . $lc_text . ' ');

 

No change, still double images improperly aligned. sad.gif

 

productlisting2.jpg

- :: Jim :: -

- My Toolbox ~ Adobe Web Bundle, XAMPP & WinMerge | Install ~ osC v2.3.3.4 -

Posted

 

 

 

Looking at your image, I've seen the issue b4, its a browser rendering problem around links, baring trying different doc-types I don't believe there is a fix other by taking care with backround image to minimise the issue.

Sam

 

Remember, What you think I ment may not be what I thought I ment when I said it.

 

Contributions:

 

Auto Backup your Database, Easy way

 

Multi Images with Fancy Pop-ups, Easy way

 

Products in columns with multi buy etc etc

 

Disable any Category or Product, Easy way

 

Secure & Improve your account pages et al.

Posted

Gee, thanks Sam for popping my bubble... no fix...

 

Seriously, thanks! That saved me tons of hours driving myself nuttier. wacko.gif

 

 

 

 

 

 

- :: Jim :: -

- My Toolbox ~ Adobe Web Bundle, XAMPP & WinMerge | Install ~ osC v2.3.3.4 -

Archived

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

×
×
  • Create New...