Product Image Position

[gjh42]

You can get rid of all the repeated
width="50%" align="left" valign="top" style="background-color: #F3F3F3;"
in the <td> tags, and put one declaration in your stylesheet that will control them all.

#productDescription td {
    width: 50%;
    text-align: left;
    vertical-align: top;
    background-color: #F3F3F3;
    }

[JackA]

I can't figure how to get rid of those repeated declarations. What drives those? They are not in the stylesheet.css that I can find. Is it a .php file? I'm using Firebug, also. This area is in a form.

[gjh42]

When you do a view source, everything you see in that part of the page (the whole table) is in the product description text. Did you copy & paste a manufacturer's description?

[JackA]

I looked up these tags with the Developer Tool Kit and turned up nothing.

[JackA]

No, I did not copy/paste anything.

[JackA]

I think our posts are a little out of order. How do I locate and control "product description text"?

[gjh42]

The product description is what you enter in the textbox when creating/editing a product. It is stored in the database, so you will never find it with the Developers Toolkit.

You could change the product description from

<table width="50%" border="0" cellpadding="1" cellspacing="2">
			<tr>
				<td width="50%" align="left" valign="top" style="background-color: #F3F3F3;" class="bodycopy">Artist</td>
				<td width="50%" align="left" valign="top" style="background-color: #F3F3F3;" class="bodycopy">Degas</td>

			</tr>
			<tr>
				<td align="left" valign="top" style="background-color: #F3F3F3;" class="bodycopy">Item #</td>
				<td align="left" valign="top" style="background-color: #F3F3F3;" class="bodycopy">9542</td>
			</tr>
			<tr>
				<td align="left" valign="top" style="background-color: #F3F3F3;" class="bodycopy">Image Size</td>

				<td align="left" valign="top" style="background-color: #F3F3F3;" class="bodycopy">27.5X27.75</td>
			</tr>
			<tr>
				<td align="left" valign="top" style="background-color: #F3F3F3;" class="bodycopy">Poster Size</td>
				<td align="left" valign="top" style="background-color: #F3F3F3;" class="bodycopy">31.5X23.5</td>
			</tr>
			<tr>

				<td align="left" valign="top" style="background-color: #F3F3F3;" class="bodycopy">Price</td>
				<td align="left" valign="top" style="background-color: #F3F3F3;" class="bodycopy">29.95</td>
			</tr>
			<tr>
				<td align="left" valign="top" style="background-color: #F3F3F3;" class="bodycopy">Publication Type</td>
				<td align="left" valign="top" style="background-color: #F3F3F3;" class="bodycopy">Distributed</td>
			</tr>

			
			</table>
			<br>
			<br>
			<br>
			<br>
			Keywords: <span style="font-size:10px; color:#0000FF">Hills, Horse, Jockey, Plants, Animals</span>

to

<table>
	<tr>
		<td>Artist</td>
		<td>Degas</td>

	</tr>
	<tr>
		<td>Item #</td>
		<td>9542</td>
	</tr>
	<tr>
		<td>Image Size</td>
		<td>27.5X27.75</td>
	</tr>
	<tr>
		<td>Poster Size</td>
		<td>31.5X23.5</td>
	</tr>
	<tr>
		<td>Price</td>
		<td>29.95</td>
	</tr>
	<tr>
		<td>Publication Type</td>
		<td>Distributed</td>
	</tr>
</table>
<br>
Keywords: <span>Hills, Horse, Jockey, Plants, Animals</span>

in conjunction with the stylesheet declarations

#productDescription table {
    width: 50%;
    text-align: left;
    vertical-align: top;
    background-color: #F3F3F3;
    }

#productDescription td {
    width: 50%;
    padding: 2px;
    }

#productDescription span {
    margin-top: 6em;
    font-size: 10px;
    color: #0000FF;
    }

and you would never need to enter the whole mass of code in descriptions again, which would also make it much easier to understand when looking at the raw text.

[JackA]

Thanks, Glenn. I didn't enter the product descriptions. Someone else did. How would I find the best procedure to edit this as you suggest? Am i actually looking for an html file or is this edited via the admin?

[gjh42]

Admin > Catalog > Categories/Products > navigate to your product and click the "e" button on the right.

If you have an HTML editor active in your admin, you won't be able to see the code in the description window. Try turning it off if that is the case.

[JackA]

I apologize, but are you suggesting I need to edit each of over 4000 products one at a time with this method? You make a statement below "and you would never need to enter the whole mass of code in descriptions again, which would also make it much easier to understand when looking at the raw text."

But, is this the only way to do this?? I hope I misunderstand. Would you clarify? I'm hoping there is a more global option.

Jack