Product Info Display Page

[autoace]

Does anyone know ALL the files required to 'build' the product info pags?

Trying to customize my product info pages and I think I'm missing something. I know of tpl_product_info_display.php and I know that I can create a product_info.css for custom css - anything else?

[kuroi]

There are many, many more files than that needed to build the product page.

If you think you may be missing files, then trying to follow the process flow isn't the way to deal with the problem.

Instead I'd recommend a full file comparison between those on your site and a fresh download of the Zen Cart release pack using a tool such as WinMerge (free) or Beyond Compare (paid-for but allows comparisons via FTP).

[autoace]

I'm sorry, I think I may have stated the question wrong!

I'm not *missing* any files in my installation. I just wanted to know the files so that I could look at the css selectors.

I'm assuming tpl_product_info_display is the major one.

Let me ask this: the same way that tpl_main_page 'structures' the flow of zc pages, is that what tpl_product_info_page does for the product display pages, and if so is that the only page that I need to look at it, concerning the styling/flow of the product display pages.

[kuroi]

OK, I understand. You're looking primarily at the template level rather than page initialisation and data prep.

In that sense the product info template does a similar job to the main page template, but just for the center panel (the main page template is still taking care of the overall page structure and there are other templates looking after the header, footer, sideboxes, etc.)

It's not the only file however, as if you look inside it, it loads other template files as it needs them.

These together will cover most of the content on the page, however some of the HTML for attributes is generated by the includes/modules/attributes.php file.

For styling though, code inspection is still not the best way to find out what tags and selectors are available. Better is a tool such as Firebug, or the developer tools in IE8 and Google Chrome that allow you to inspect each element and understand what is available to hang your css on, and even try it to see if it will work.