item description layout.

[Lara Croft]

hi everyone - i would like to put a border around my product images on the products pages of each category and also to layout the item description as per this example that uses bullet points. Also by chance is there a way I can substitute the bullet points for an image.

Blooming Wild Magic Candle ~ Karen Hahn [119098] : Cutting Edge Gifts

kind regards

[Lara Croft]

if you look at what i have done here

Nitro : osCMax v2.0

i have drawn a border to the images used as i still can't find a way to add a border to the table that the images sit in. It's a pain to do a border to every image as i have literally 100's of images.

Which template controls how the product images on the above page are displayed as i would have thought that i could change a border value to give me the same effect.

thanks

[ALElder]

Lora there is only one file you need to change and that is below

templates/fallback/content/product_info.tpl.php

Adam

[Lara Croft]

have tried that and if you look at the page link above in my first post then all that has happened is the border has shown round the individual product description page - i want to have a border round the subcategory pictures on this page

Nitro : osCMax v2.0

the existing grey border is actually part of the image - so which part do i change to acheive what i want.

thanks in advance

[laszlo_M]

Hi Lara,

Looks like you are creating a cool site. I noticed your background with the measurements on it. Is this part of your site i.e. you plan to use this background or you use it to align your objects easier. If yes, can you tell me where did you get it?

Thanks,

Laszlo

[ashelleydesign]

THE FOLLOWING IS HOW I CREATED A GRAY BOX AROUND IMAGE ON PRODUCT PAGE...

IN product_info.tpl.php find (around line #82 on fresh install):

<td align="center" class="smallText">
<?php
$image_lg = mopics_get_imagebase($product_info['products_image'], DIR_WS_IMAGES . DYNAMIC_MOPICS_BIGIMAGES_DIR);
if ($lg_image_ext = mopics_file_exists(DIR_FS_CATALOG . $image_lg, DYNAMIC_MOPICS_BIG_IMAGE_TYPES)) {
$image_size = @getimagesize(DIR_FS_CATALOG . $image_lg . '.' . $lg_image_ext);
?>


CHANGE:
<td align="center" class="smallText">

TO THIS:
<td align="center" class="grayBox">

ADD TO STYLESHEET:

.grayBox {
border: 1px solid #B2B2B2;

NOW YOU HAVE A GRAY BOX AROUND YOUR IMAGES ON PRODUCT PAGE.
Not Sure if is exactly what you are looking for...but the principle can be applied to your specific need.

The experts can check my work...but I it worked like a charm for me.
Let me know if it helps, Angie