Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Product Listing Page - Model Number - Need to change color

Product Listing Page - Model Number - Need to change color

Locked

Views: 2,955

Results 1 to 6 of 6
This thread is locked. New replies are disabled.
3 May 2009, 6:37 PM
#1
beyre avatar

beyre

Zen Follower

Join Date:
Feb 2009
Posts:
422
Plugin Contributions:
0

Product Listing Page - Model Number - Need to change color

On the product listing pages of the cart, I need to have the model number a different color and bolded.

Example of our product listing page:
http://www.oldtradingpost.com/old-west-store/index.php?main_page=index&cPath=84_91&zenid=1685025d94cf90fdfe92ac34715b7a02

Yet, I can't seem to find what class in the CSS that controls just the model number, nor where in the templates I can alter it there either.

3 May 2009, 6:44 PM
#2
tony_sar avatar

tony_sar

Totally Zenned

Join Date:
Jul 2006
Location:
Montreal, Canada
Posts:
2,276
Plugin Contributions:
0

Re: Product Listing Page - Model Number - Need to change color

you can give this a try by adding this to your stylesheet.
not sure if will work but hey ..

#listCell0-2 a{
color:red;
}

also , your heading is already bold .. unless you want to change the font size ..

3 May 2009, 7:03 PM
#3
beyre avatar

beyre

Zen Follower

Join Date:
Feb 2009
Posts:
422
Plugin Contributions:
0

Re: Product Listing Page - Model Number - Need to change color

No, it's not the heading we want changed, but the actually model numbers themselves on the product listing page.

I'll give your adjustment a whirl and let you know here in a few moments.

EDIT: Nope, that just changed the column heading red. We don't need the column headings changed, but the model numbers themselves.

3 May 2009, 7:17 PM
#4
beyre avatar

beyre

Zen Follower

Join Date:
Feb 2009
Posts:
422
Plugin Contributions:
0

Re: Product Listing Page - Model Number - Need to change color

I would also love it if I could get the model numbers to center under the Model column ..... and the Price and "More Details" to center under the Price column ..... but it seems that altering those also alters the product name and short description under that column, which is left aligned (correctly so).

4 May 2009, 9:40 AM
#5
s_t_e_v_e avatar

s_t_e_v_e

Zen Follower

Join Date:
Aug 2006
Location:
UK
Posts:
430
Plugin Contributions:
0

Re: Product Listing Page - Model Number - Need to change color

To style the listing page using CSS needs some modification to how the page is created...

The method I would use;

edit/override the following file;
\includes\modules\CUSTOM TEMPLATE FOLDER\product_listing.php

find line 174;

      $list_box_contents[$rows][$col] = array('align' => $lc_align,
                                              'params' => 'class="productListing-data"',
                                              'text'  => $lc_text);

replace with;

/* MODIFICATION
 * align parameter is changed to blank... 
 * and the class has the $col number appended to allow better control with CSS
 *
 */

      $list_box_contents[$rows][$col] = array('align' => '',
                                              'params' => 'class="productListing-data_'.$col.'"',
                                              'text'  => $lc_text);

Now you can edit your stylesheet.css - the first column would be;
td.productListing-data_0 {}
the second column would be
td.productListing-data_1 {}

and style to suit...

24 Feb 2010, 11:30 AM
#6
acreativepage avatar

acreativepage

Zen Follower

Join Date:
Sep 2004
Posts:
146
Plugin Contributions:
0

Re: Product Listing Page - Model Number - Need to change color

In your stylesheet find this...

FORM, SELECT, INPUT {
display: inline;
font-size: 1em;
margin: 0.1em;
color: #000000;
}

Remove "FORM" and create it's own style.

example:
FORM {
display: inline;
font-size: 1em;
margin: 0.1em;
color: #CCCCCC;
}