X-Cart forums

[willywaller]

I've made my product descriptions wrap around the product images by modifying the skin1.css and product.tpl files according to some excellent instructions from this forum. (Thanks longhorn180!)
Trouble is, now my "add to cart" and "add to wishlist" buttons are not appearing correctly. I know I'm not the first to post about this problem, but I haven't seen any answers.

If you need me to post any of the modified files, let me know.

Thanks a bunch.

[balinor]

Sounds like you broke the template somehow, which isn't hard to do with all those {if} statements. I'd start by restoring product.tpl to its original state, and make one change at a time until you find the step that breaks the buttons.

[willywaller]

OK, so I went step by step, and the problem only showed up after I did this:

Then I went to skin1.css and changed the PImgBox tag from the original code below:

Code:

.PImgBox {
TEXT-ALIGN: left;
VERTICAL-ALIGN: top;
WIDTH: 100px;
PADDING-RIGHT: 8px;
}

To this, as well as adding the css for the img itself:

Code:

.PImgBox {
TEXT-ALIGN: left;
VERTICAL-ALIGN: top;
PADDING-RIGHT: 8px;
}
.PImgBox img {
FLOAT: left;
PADDING-RIGHT: 4px;
padding-bottom: 4px;
}

Depending on how large the image is will determine how much text will wrap underneath it. Hopefully this will give you what you're looking for.

Any idea why this is messing up my buttons?

[willywaller]

Ok, the problem's fixed.

According to longhorn180's mod, you have to remove the following from the product.tpl file (lines 33 and 34 in my file):

</td>
<td valign="top" width="100%">

I was able to fix my buttons and lines by adding the </td> again a little later, after the call for the product.fulldescr, but before the table for the Product Details is created. (In my file it's at line 57) It goes

</if>
</tr>
</table>

<p /> </td>

When I added that </td>, all my troubles disappeared!

Thanks to everybody who makes this forum such a great resource!