Product prices

I'm currently working on a new stor. The problem I have is the product price for each item on the main page is to the right of the image, but I would like the price to be under each image. This is how it look on another site I have, but not on this one.

Here is the problem site http://www.badluckclothing.co.uk/

Any help would be great,

Many thanks
Dan

Can we see the NON-problem site so we can compare ?

http://www.burningcardmagic.co.uk - looking all good.

Have you edited - tpl_product_info_display.php - in either of these stores?

If the zencart versions are IDENTICAL, then you may be able to substitute

tpl_product_info_display.php - in http://www.burningcardmagic.co.uk

for the one in http://www.badluckclothing.co.uk.

BACKUP the original tpl_product_info_display.php in the problem site, so that if things don't work, you can restore the original.

**NB:**You ought to ALSO look at the layout settings in your ADMIN control panel, and see where these may differ between the two sites.

ADDITIONALLY, compare the CSS files of each store, as POSITIONING is sometimes controlled by CSS.

both the tpl_product_info_display.php are fine, so it could be the CSS file?!
Now I have to try and find the right line to edit. Before you say I would compare the twe, but the http://www.badluckclothing.co.uk site was built by a different guy, but I ended up taking it over to finish and the css file is different to the first one.

I realise that both tpl_product_info_display.php could be "fine".

In fact, both ARE fine... (both sites work).

My point is that the POSITION of the price can be governed by the relative placings of <!--bof> and <--eof> sections in the file.

Call up both of your shops in separate browser tabs and navigate each one to the product info pages.

Then view the SOURCE CODE of each, and compare the placings of the <!--bof> and <--eof> sections. You will see how their chronology affects layout (along with appropriate css - such as "clear:both" - which you must be aware of...)

Now, look at what I suggested...

If both webshops are using IDENTICAL versions of ZC (and possibly the same custom template), then it could be possible to substitute one tpl_product_info_display.php for the other.

I haven't a clue now :( I'm thinking its a CSS problem, but what I'm looking for I have no idea... thanks for your help so far.

DanAllkins:

I haven't a clue now :( I'm thinking its a CSS problem, but what I'm looking for I have no idea... thanks for your help so far.

CSS may influence this... we don't know.

Try what I suggest (but only if your ZC versions are identical - back up your tpl_product_info_display.php in the "badluckclothing" store, grab a copy of the tpl_product_info_display.php in "burningcardmagic" store, and FTP that one up to the relevant directory in badluckclothing.

If it all goes pear-shaped, then simply restore the original tpl_product_info_display.php

fairestcape:

CSS may influence this... we don't know.

Try what I suggest (but only if your ZC versions are identical - back up your tpl_product_info_display.php in the "badluckclothing" store, grab a copy of the tpl_product_info_display.php in "burningcardmagic" store, and FTP that one up to the relevant directory in badluckclothing.

If it all goes pear-shaped, then simply restore the original tpl_product_info_display.php

Ok so I FTP the burningcardmagic file to badluck but no change.. I compared the two files and hey are the same, so when I uploaded it, nothing changed. :cry:

Did you make sure it over-wrote the tpl_product_info_display.php in the appropriate directory? (Make sure it goes into your custom folder...)

schoolboy:

Did you make sure it over-wrote the tpl_product_info_display.php in the appropriate directory? (Make sure it goes into your custom folder...)

Yep, did that

I took a look at the source code, and it does look like your two tpl_product_info_display.php files are similar in terms of their layout calls.

The issue is likely to be with CSS, so compare your two CSS files in the same way you compared the php files.

fairestcape:

The issue is likely to be with CSS, so compare your two CSS files in the same way you compared the php files.

Do you know what I should be looking for?? - I never changed it in the Burningcard site so not sure what to look for. As for comparing the two, as they are different it would help a lot if I knew which to look for?

Cheers
Dan

Dan, are you familiar with Firefox Add-ons such as Firebug and Web Developer Toolkit?

If you use Firefox with these addons, you can call up any web page, and in a screen side-panel, make real-time edits to the CSS. This shows in an immediate off-line result.

So, if you make a change to the css in the side-panel, just clip it and paste it into your server-side css file.

There's a good CSS tutorial at W3Schools...

I think I will have to just go through the CSS file and see if anything jumps out to me.

Tried looking at the css file but no luck... can anyone tell me what I shouldbe looking for please?? my CSS is pretty poor.

Grab a COPY of each of the CSS files.

Use WINMERGE to do a file comparison for you.

This will highlight differences between the two.

I'm afraid you are going to have to polish up your css knowledge... there are excellent tutorials at W3Schools .

fairestcape:

Grab a COPY of each of the CSS files.

Use WINMERGE to do a file comparison for you.

This will highlight differences between the two.

I'm afraid you are going to have to polish up your css knowledge... there are excellent tutorials at W3Schools .

Ok I've done that.. noticed a few changes. I went through each one and changed it and tested, but each one didnt move it :( I have cleared my cache on my broswer, but no luck... really getting me down now.

Solved.

My CSS read:

Quote:
a img {border: none;
float: left;
clear: right;}

it now reads:

Quote:
a img {border: none;
/float: left;/
clear: right;}

and all sorted !

It took a while, but along the way you've discovered some valuable methods. Glad you sorted it... Well done and good luck with your shops!