Forums / Templates, Stylesheets, Page Layout / How to change look of product page?

How to change look of product page?

Started by damage11 on 2 Nov 2012, 12:29 PM · Views: 1,426

Results 1 to 11 of 11
2 Nov 2012, 5:51 PM
#2
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: How to change look of product page?

A link to what you have now would assist

But, in a copy of tpl_product_info_display.php one can alter how this page gets displayed

Zen-Venom Get Bitten

2 Nov 2012, 9:58 PM
#3
damage11 avatar

damage11

New Zenner

Join Date:
Oct 2012
Posts:
12
Plugin Contributions:
0

Re: How to change look of product page?

kobra:

A link to what you have now would assist

But, in a copy of tpl_product_info_display.php one can alter how this page gets displayed

Is there any way to alter the products page through admin panel?

3 Nov 2012, 2:54 AM
#4
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: How to change look of product page?

Is there any way to alter the products page through admin panel?
Not to match what you posted

Zen-Venom Get Bitten

3 Nov 2012, 4:29 PM
#5
damage11 avatar

damage11

New Zenner

Join Date:
Oct 2012
Posts:
12
Plugin Contributions:
0

Re: How to change look of product page?

kobra:

Not to match what you posted

Thanks, i did most of the changes i wanted. Can you or someone help me out, im looking for this div tag in css file but i cannot locate it.

<h2 id="productPrices" class="productGeneral">

Its the call for the product prices background, i want to decrease size of background cause it invisibly overlays my clickable image , but i cant figure it out.

3 Nov 2012, 4:33 PM
#6
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: How to change look of product page?

If a tag is not in your stylesheet you can add it

#productPrices

Zen-Venom Get Bitten

3 Nov 2012, 4:38 PM
#7
gjh42 avatar

gjh42

Black Belt

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

Re: How to change look of product page?

Styling issues are much easier to solve if we can see the site live.
There are many class/id tags provided in the source code but not mentioned in the stylesheet. If there is not already a rule that covers a tag, just create one.

3 Nov 2012, 6:32 PM
#8
damage11 avatar

damage11

New Zenner

Join Date:
Oct 2012
Posts:
12
Plugin Contributions:
0

Re: How to change look of product page?

Thanks, i tried it but it didnt work, theres something im doing wrong that i cant figure out can you check it for me and hopefully help me to fix my problem.

This is my product page:
http://ptctemplates.com/index.php?main_page=product_info&cPath=1&products_id=1

If you right click and click "inspect element" on price title, you will see that the background is like 375px wide, and its going over the product image, which makes that part unclickable.
Any help is greatly appreciated.

3 Nov 2012, 6:58 PM
#9
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: How to change look of product page?

What browser are you viewing this in??

Zen-Venom Get Bitten

3 Nov 2012, 7:24 PM
#10
damage11 avatar

damage11

New Zenner

Join Date:
Oct 2012
Posts:
12
Plugin Contributions:
0

Re: How to change look of product page?

kobra:

What browser are you viewing this in??

Google chrome.

3 Nov 2012, 7:41 PM
#11
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: How to change look of product page?

When I click the image - the lightbox opens
Albeit, the upper corner is not clickable

Zen-Venom Get Bitten