Forums / Templates, Stylesheets, Page Layout / Product Listing Page - looking for a slight modification

Product Listing Page - looking for a slight modification

Locked

Views: 1,699

Results 1 to 4 of 4
This thread is locked. New replies are disabled.
31 Mar 2009, 8:35 PM
#1
beyre avatar

beyre

Zen Follower

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

Product Listing Page - looking for a slight modification

I honestly do not know to word what I want done, so I couldn't even begin to do a search to see if anyone else attempted this. But it should be a relatively easy modification.

Take a look at this page for example:
http://www.oldtradingpost.com/old-west-store/index.php?main_page=index&cPath=12_14

There is some "buy now" button and some "more info" text links - all based on whether or not the product as options.

Is there any way to:

  1. First, center align the price of each product. Nothing I do seems to center the price under the Price Heading via CSS seems to work.

  2. No matter if the product has options or not, put in a "more details" button that links to the product's individual page ... and have it rest underneath that product's price. That way it all looks a tad more uniform down the page.

Thanks in advance for your advice.

31 Mar 2009, 11:10 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 - looking for a slight modification

your productListing-data has inline style set to right ..
you can modify you file and set this style to centre and then
modify your style by removing

.productListing-data {stylesheet.css (line 660)
color:#800000;
font-family:arial;
font-size:12px;
padding-bottom:10px;
padding-left:5px;
padding-right:10px;
text-align:left;
vertical-align:top;
}

this is if you want to keep the description left justified.

if not . change text-align from left to centre

.productListing-data {stylesheet.css (line 660)
color:#800000;
font-family:arial;
font-size:12px;
padding-bottom:10px;
padding-left:5px;
padding-right:10px;
text-align:centre;
vertical-align:top;
}

for second question ..

configuration / All listing

and set
Display Product Buy Now Button to 0
I believe this should help .. not to sure , but you can give it a try .

1 Apr 2009, 3:32 AM
#3
beyre avatar

beyre

Zen Follower

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

Re: Product Listing Page - looking for a slight modification

tony_sar:

your productListing-data has inline style set to right ..
you can modify you file and set this style to centre and then
modify your style by removing

.productListing-data {stylesheet.css (line 660)
color:#800000;
font-family:arial;
font-size:12px;
padding-bottom:10px;
padding-left:5px;
padding-right:10px;
text-align:left;
vertical-align:top;
}

this is if you want to keep the description left justified.

if not . change text-align from left to centre

.productListing-data {stylesheet.css (line 660)
color:#800000;
font-family:arial;
font-size:12px;
padding-bottom:10px;
padding-left:5px;
padding-right:10px;
text-align:centre;
vertical-align:top;
}

I'm sorry, I might be brain-fried, but where do you see "inline set to right" ?

for second question ..

configuration / All listing

and set
Display Product Buy Now Button to 0
I believe this should help .. not to sure , but you can give it a try .

Thanks! I was, amazingly, able to find that ... missed it the first 20 times in there! LOL I just don't know how to put an image in place of the text for "more details".

13 Sep 2009, 4:34 AM
#4
generalexotics avatar

generalexotics

New Zenner

Join Date:
Sep 2009
Posts:
17
Plugin Contributions:
0

Re: Product Listing Page - looking for a slight modification

If you simply want to center everything you could edit the .tabtable td to text-align: center; in your css stylesheet.

Eric
www.GeneralExotics.com - Quality Exotic Pets delivered straight to your door!