Reorder Table Element Display

[hmayes]

Hi Folks,

I’m theming a shopping cart (Volusion) and it’s been quite a struggle as I have no way to modify the HTML code that the shopping cart outputs. I’m trying to display some table elements in an order other than how they are written to the document. Here’s the page I’m working on right now: http://capur.ppece.servertrust.com/default.asp What I’m trying to do is get the product name display on top and then have the product photo float to the left beneath it, and then have the price and short description float to the left up against the product photo. Similar to how they are displayed on this page: http://www.alabu.com/cleanse

My problem is that the titles, photos, and prices are all rendered together on one table row. I can’t float the elements the way I want because they’re in the wrong order. Any ideas? Here’s the code i’m working with:

Baby Me Ultra-Moisturizing Goat Milk Soap



Almond Moisturizing Goat Milk Soap
















Price: $5.15

More Info



















Price: $5.15

More Info














Description

Description

[hmayes]

Here’s a codepen to play with. http://codepen.io/hmayes/pen/AuCHE

[Author]

Posts