Attribute Spacing/Alignment

[Erica]

hiya

I have managed to set up my first attribute thingie, its a read only and tells the customer the power/batteries needed for the items they are looking at.

The thing is, on the items pages it looks wrong. the attribute name is Power, is there any way to get the result over to the left a bit, so there is only a couple of spaces between them (see image below cos i think that description kinda stinks a bit dosnt it lol)

http://i69.photobucket.com/albums/i45/RPSPP/Image1.gif

Erica xx

[kuroi]

Erica

Normally the question is how can I put some space between the attribute titles and their values. So your question is going to be very difficult if not impossible to answer without seeing the site itself to work out where the spacing is coming from.

[Erica]

sorry .. here you go (please ignore the URL name, it is actually an online adult store i am working on)
www.costumejewelleryaccessories.co.uk

Erica xx

[kuroi]

Oh dear. Unfortunately you are using a tables-based layout where the distance is built into the table definition and there are no CSS hooks to change it.

Specifically, these attributes are displayed in a table that is centered in the middle panel and 90% wide. It has two cells with left-aligned text. The right hand one is 75% of the 90% wide and so by implicatioin the left one if 25% wide or 22.5% of the center column width. This will get bigger or smaller as the window expands or contracts, but it is all hard-coded and so can't be changed without coding changes.

What version of Zen Cart are you using and what template is this based on?

[Erica]

Oh dear. Unfortunately you are using a tables-based layout where the distance is built into the table definition and there are no CSS hooks to change it.

Specifically, these attributes are displayed in a table that is centered in the middle panel and 90% wide. It has two cells with left-aligned text. The right hand one is 75% of the 90% wide and so by implicatioin the left one if 25% wide or 22.5% of the center column width. This will get bigger or smaller as the window expands or contracts, but it is all hard-coded and so can't be changed without coding changes.

What version of Zen Cart are you using and what template is this based on?

Hiya again

The template is purpleshades .. and the zen cart is 1.2.7 which was installed by the hosting company .. Kobra told me that 1.3 is much better, but when i asked the hosting company if i could have that one on instead, they said they dont offer support for it .. and i dont dare change it myself lol

Erica xx

[kuroi]

OK. Firstly a fix for your immediate problem. If you don't already have one, create a directory called includes/templates/purpleshades/templates.

Then copy includes/templates/template_default/tpl_product_info_display.php into your new directory and open the new copy for editing.

Lines 158-159 should read

<td class="main" align="left" valign="top"><?php echo $options_name[$i] . ':'; ?></td>
<td class="main" align="left" valign="top" width="75%"><?php echo $options_menu[$i]; ?></td>

Edit them to read

<td class="main" align="left" valign="top" width="60px"><?php echo $options_name[$i] . ':'; ?></td>
<td class="main" align="left" valign="top"><?php echo $options_menu[$i]; ?></td>

Upload the new file to your server.

That will deal with your immediate problem, but you have a bigger one. Kobra is right. 1.3 is much better. It's architecture is superior, it's much more standards compliant, it has some snazzy new features, but most importantly for a online shop, it has some important security fixes.

It's a cheek for your webhost to say that they only support version 1.2.7. They are leaving you with an outdated, no-longer supported version of Zen Cart containing known security flaws. How can they can they call that support. I'd recommend looking for a new host. Some like Camelot-Hosting will even move your site for you, and the Purple Shades template is available for version 1.3 so upgrading shouldn't be too difficult.

[DrByte]

Who is your host?