Forums / General Questions / How to modify the product info page?

How to modify the product info page?

Locked

Views: 1,496

Results 1 to 7 of 7
This thread is locked. New replies are disabled.
12 Aug 2007, 3:01 AM
#1
stennochau avatar

stennochau

New Zenner

Join Date:
Jul 2007
Posts:
6
Plugin Contributions:
0

How to modify the product info page?

Hi, I would like to know how to modify the product info for my listing.

Here is one of my original listing:
http://www.misticheaven.com/index.php?main_page=product_info&cPath=22&products_id=211

I would like to change the product info to the middle in this format:

Title
Picture
Price
Description

Can I know where do I modify this file?

Thank You in advance for your help.

12 Aug 2007, 3:33 AM
#2
kobra avatar

kobra

Black Belt

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

Re: How to modify the product info page?

make a copy of the tpl_product_info_display.php file if there is not already one in your includes/templates/sophyblue/templates folder.

Open in a plain text editor and you will see BOF and EOF surrounding the elements.

You will also see <br class="clearBoth" /> after some elements and for what you want you need to add one of these in this location to force a new line for the description: This will leave a good amount of white space to the right of the picture

<!--eof free ship icon  -->

<br class="clearBoth" />

 <!--bof Product description -->

Zen-Venom Get Bitten

12 Aug 2007, 4:36 AM
#3
stennochau avatar

stennochau

New Zenner

Join Date:
Jul 2007
Posts:
6
Plugin Contributions:
0

Re: How to modify the product info page?

Kobra.... Thanks...I got it now.....

Now how do I make the Image, Title and Price align center??

Thanks

12 Aug 2007, 7:13 AM
#4
kobra avatar

kobra

Black Belt

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

Re: How to modify the product info page?

For others that might find this thread the following is not recommended unless you have a layout that is the same as this Poster and could cause havock if you do not.

This will work for what you have changed and as always search for these first and if not found then add them

#productMainImage {
        width: 100%;
        text-align: center;
        }

#productName {
        text-align: center;
        }

#productPrices {
        text-align: center;
        }

Zen-Venom Get Bitten

12 Aug 2007, 3:05 PM
#5
stennochau avatar

stennochau

New Zenner

Join Date:
Jul 2007
Posts:
6
Plugin Contributions:
0

Re: How to modify the product info page?

Hi Kobra,

Sorry but where do I put these info? I mean in which file?

If you mean the css file, I have tried but without any success.

Thank You.

12 Aug 2007, 3:24 PM
#6
clydejones avatar

clydejones

Deceased

Join Date:
Nov 2005
Location:
Colorado Springs, CO USA
Posts:
7,017
Plugin Contributions:
12

Re: How to modify the product info page?

stennochau:

Hi Kobra,

Sorry but where do I put these info? I mean in which file?

If you mean the css file, I have tried but without any success.

Thank You.

You could try the "product info (centered)" mod from the downloads section

NOTE: We are sorry that Clyde is no longer with us.
We are grateful for all his contributions to the Zen Cart community.

12 Aug 2007, 5:19 PM
#7
kobra avatar

kobra

Black Belt

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

Re: How to modify the product info page?

If you mean the css file, I have tried but without any success.
This works if in the correct stylesheet.css file or you can try clyde's lead

Zen-Venom Get Bitten