product info layout

[barco57]

I would like to make the following changes to the product info page shown here. I would like to move the size attributes up and over next to the count attrib. I would also like to move the add to cart up next to the count attribute, so that they are all in one big row together. I am also trying to figure out why the category shows up twice above the picture, it only does it in firefox and not in IE.

Any pointing in the right direction would be appreciated as I think I'm goin' blind from reading the forum posts.

[barco57]

Hmmmm......56 views and not a bite! I have either asked a stupid question or I have asked a question with an obvious answer. I assume that I will have to make changes in the tpl_product_info_display.php file and possibly a stylesheet tied just to this page ( if I can figure out how you do that). I'm on the road 4 days a weeks and don't have a lot of time to sit and figure this out, but I'll just keep plodding along. Maybe I can get an answer with a possible post I should read......hmmmmmmmm

[clydejones]

I am also trying to figure out why the category shows up twice above the picture, it only does it in firefox and not in IE.

This is because there is no category image and you are seeing the image "alt text" as well as the category name.

I would like to move the size attributes up and over next to the count attrib. I would also like to move the add to cart up next to the count attribute, so that they are all in one big row together.

Not sure if this is possible because of the way the sort order for the option names is set up. I've played around with the attirbutes a lot and haven't been able to come up with anything that would accomplish what you want.

I assume that I will have to make changes in the tpl_product_info_display.php file and possibly a stylesheet tied just to this page ( if I can figure out how you do that).

Yes, to this one. If you are using v 1.3.0.1 moving things around in the tpl_product_info_display.php is fairly easy because each section is clearly marked with <-- bof xxxxxxx --> <-- eof xxxxxx --> tags. Finding what to change in the stylesheet you'll need to "view source" and find the necessary "Class/ID" selectors and then add/modify these in the stylesheet.

[barco57]

Thanks, now on to hack and slash!

[Woodymon]

Finding what to change in the stylesheet you'll need to "view source" and find the necessary "Class/ID" selectors and then add/modify these in the stylesheet.

Rather than "View Source" (which is how I used to do it), download/install the free "Web Developer" Extension for Firefox 1.5x. Then right click your web page, choose Web Developer > Information > Display ID & Class Details. -- Bingo!

Using the same tool (Web Developer > CSS) you can easily view and temporarily edit your stylesheets and see immediate effect (to experiment) and then save your style changes if desired.

WD does more than just help with CSS editing. Find out more and download WD 1.02 from either mozilla.org or http://chrispederick.com/work/webdeveloper/

Highly recommended!

Woody

[gjh42]

One thing causing elements to run vertically instead of inline is the
<br class="clearBoth"/> which does not allow any other element on the same line. Removing some of those in relevant places may help.

There are several layers of php files that work to build the final html output. A careful reading of tpl_product_info_display.php will reveal the next php file to look in and possibly edit the attribute arrangement.