Customising sideboxes layout

[jrb1512]

On the product listing i want to centre the box text for fields such as 'product image' and 'price' and align them to the left and to also do this for the categories box and change the font for these boxes. I've read through the tutorials but i'm not getting anywhere with changing the fonts for these boxes.

http://www.wholesale-fragrances.co.u...=index&cPath=8

I've also looked through the forum for how to remove the white space between the logo and the categories and main text below without any joy.

Can anyone help?


many thanks

[kobra]

On the product listing i want to centre the box text for fields such as 'product image' and 'price' and align them to the left

OK I am confused??? Do you want them centered? or aligned left?

Post a url for the white space and what browser you are seeing this in

[jrb1512]

'categories' 'product image' and 'price i want aligned to the left including the rows under these fields. I also want to change the font for these fields but havent had any joy with the css. I'd also like to remove the 'larger image' link so i can have an enlarged image on the product listing pages.

Here is a screenshot of the space im trying to remove

[gjh42]

Sometimes the gap between the logo and the rest of the page is caused by the

<br class="clearBoth" />

just before the

<!--eof-branding display-->

Either comment it out or change it in one of several ways: to <div class="clearBoth" ></div> (I think this is just for an IE problem); remove it altogether; or remove the class="clearBoth".
See what works for you.

[gjh42]

You can style the product listing fields individually using the info in this thread: Add CSS Classes for Table Columns, especially posts 8-11.

[jrb1512]

great stuff, i'll look into that after work this evening.

Anyone know how i can successfully remove the larger image link as ive increased hte image size in hte product listing

[gjh42]

The product *listing* doesn't have a larger image link, just another link to the product *info* page (same as the product title has).

Since you have figured out how to have product listing images the size you want, there is nothing more to do there.

If you mean to say that you have enlarged the image on the product info page so don't need the larger image popup, that link is made in /includes/templates/your_template/templates/tpl_modules_main_product_image.php, and you can remove all the <script> and <noscript> tags and the javascript code.
You can eliminate the "larger image" text by editing the TEXT_CLICK_TO_ENLARGE definition in /includes/languages/your_template/english.php. (I personally think this is a good idea anyway, because people generally expect that a main thumbnail will give a larger image if clicked, and the text is distracting from the page design.)
The last step is to change the echo to render a non-linking image, and I don't know enough about PHP or zen functions to reliably do that.

[jrb1512]

great stuff i've fixed the larger image issue i've added the 2nd set of snippets from the columns thread just need to adjust these now. many thanks :)

[jrb1512]

attached is a copy of the tpl_product_info_display file i thought i had removed the right code but the image still links through to a pop up.

[jrb1512]

one minute the product images are there now they've gone from the product listings without anymore changes in the code?