Forums / Setting Up Categories, Products, Attributes / I want the Product Title to be below the image...

I want the Product Title to be below the image...

Locked

Started by ssolis5788 on 4 Mar 2007, 12:53 AM · Views: 1,480

Results 1 to 5 of 5
This thread is locked. New replies are disabled.
4 Mar 2007, 12:53 AM
#1
ssolis5788 avatar

ssolis5788

New Zenner

Join Date:
Feb 2007
Location:
Santa Clara, CA
Posts:
98
Plugin Contributions:
0

I want the Product Title to be below the image...

Hi Everyone,
I've checked through the forum and cannot seem to find what I am looking for. When on the product page, I want the product title to appear below the product image (vs. to the side of it). How can I change this?

Many thanks as always!
Sandy

Sandy Solis
SRS Custom Printing
www.srscustomprinting.com

5 Mar 2007, 1:41 PM
#2
schoolboy avatar

schoolboy

Totally Zenned

Join Date:
Jun 2005
Location:
Cumbria, UK
Posts:
10,327
Plugin Contributions:
0

Re: I want the Product Title to be below the image...

If you have some competence with CSS, PHP and HTML, the fundamental layout of your product page is governed by DIVISIONS in this file:-

tpl_product_info_display.php

... which sits in:-

includes/templates/template_default/templates

REMEMBER... once you "tweak" this file to your needs, it's advisable to put it into an OVER-RIDES folder so that it's not obliterated in future upgrades. DO NOT overwrite the original file... if you foul things up - (like I did at first) - you'll want to revert to the original file.

Download a copy (or make a copy from the unzipped zencart files on your hard drive), print it out, and study it for a while, looking at the computer screen so you get an idea of how the code governs the layout.

At the same time, print out a copy of the relevant CSS file(s).

The DIVISIONS are identified by the following:

<!--bof XXXXX -->

...php or html code goes here

<!--eof XXXX -->

(It's the "bof" and "eof" tags that delimit each component of the page).

NOW... things to bear in mind...

You can "juggle" these DIVISIONS around, to some degree, and this makes the component in a DIVISION appear in the desired order, compared with other components.

So if you want the PRICE to appear before the IMAGE, you'd position the DIVISION that delimits the image code AFTER the DIVISION that delimits the price code.

But you must work in conjunction with your STYLESHEET, as the new version of zencart now uses the stylesheets quite extensively to configure page layouts.


I have heard that some people "hard code" additional HTML into this file (such as tables), to force a certain layout. Bear in mind that such hard-coding may affect the CSS and you may need to write extra configurations into your CSS.


You should use a good text editor (CRIMSON EDITOR - FREE to download off the www) to make changes to any php code. Do not use notepad or any wp software.

20 years a Zencart User

5 Mar 2007, 9:42 PM
#3
ssolis5788 avatar

ssolis5788

New Zenner

Join Date:
Feb 2007
Location:
Santa Clara, CA
Posts:
98
Plugin Contributions:
0

Re: I want the Product Title to be below the image...

Hi Schoolboy,

Thank you very much for the info! I don't have any experience in CSS or PHP, but do have in HTML. I downloaded Notepad++ (per the suggestion when downloading Zen Cart). Is this editor ok to use for editing the file?

I'll have to put this modification on the back burner though - still trying to get my thousands of products in the cart. :cry: Thanks again.

Sandy

Sandy Solis
SRS Custom Printing
www.srscustomprinting.com

5 Mar 2007, 10:25 PM
#4
schoolboy avatar

schoolboy

Totally Zenned

Join Date:
Jun 2005
Location:
Cumbria, UK
Posts:
10,327
Plugin Contributions:
0

Re: I want the Product Title to be below the image...

Sandy

Advice is to use Crimson editor as it is far more powerful than notepad. It "color-codes" pieces of the text so you can see much more easily what the code is doing.

It's FREE, so just download and install it:

https://www.crimsoneditor.com/english/download.html

Don't try doing complex stuff in notepad - get Crimson...

Other VITAL tools for a zencart manager are Winmerge (to compare file content) (Also Free)

and a GOOD FTP program. I use Ipswitch WSFTP Professional which at $55 is almost free - considering how good it is.

Schoolboy

20 years a Zencart User

10 Mar 2007, 10:06 AM
#5
schoolboy avatar

schoolboy

Totally Zenned

Join Date:
Jun 2005
Location:
Cumbria, UK
Posts:
10,327
Plugin Contributions:
0

Re: I want the Product Title to be below the image...

ssolis5788:

I'll have to put this modification on the back burner though - still trying to get my thousands of products in the cart. :cry: Thanks again.

Sandy

Are you trying to add these ONE BY ONE ??? It will take years!

Use Easypopulate - this will do it in a few minutes*

*(if you have your products in an MSexcel spreadsheet).

20 years a Zencart User