Customising Shopping Cart

Nov 17, 2009 at 3:44 AM

I would like to change a few details on the shopping cart.

1. Add images to the Recalculate and Order buttons.

2. Change the text for the Tax Description.

3. Change locations of the Recalulate, order buttons, and Tax details.


Is there a template for the cart? Couldn't find one.

Nov 17, 2009 at 8:25 AM


No, at the moment there is no template for the cart list.

In order to adapt it you must either change the css or the ascx itself.  All the text should be changable via either the settings or the resx files.

I'm not a webdesigner so I can't help beyond the basics, maybe Rob can point out some good ways of doing this.



Nov 18, 2009 at 11:15 AM

Hi micahsdad

Are you familiar with the DNN language editor - Here's some info on that

Using that, or by editing the resx files directly, you can change the button labels from words to HTML code. You can make the code point to an image file. Here's an example that I use from another module (Simple gallery):

<data name="Previous.Text">
<value><![CDATA[<img src="/DesktopModules/SimpleGallery/images/WW-prev.png">]]></value>

You'll find each ASCX file has and equivalent RESX file in the App_LocalResources folder and in there you will find most labels. Follow the guide I linked to so that you create new resx files that will not be overwritten when you upgrade.

You'll need to edit the CheckOut.ascx.resx directly to change the locations of things. The idea is to template this at some point.

I've made some changes to it for my own sites and I plan on doing more to make it tidier. You can add a div with your own class name around the asp:linkbuttons and then align them to one side or position them with css. I also put a div class="Checkout" around the entire checkout content and then use that to target items in CSS.

If you have a page up and get stuck, I can probably help you move something around.