How do I customize the AJAX add-to-cart boxes?

You can customize the appearance of the AJAX add-to-cart boxes by adding custom CSS to your template that changes the appearance of the IDs in the following two PHP files.  You may also completely rework the layout by overriding these two template files with template overrides.  NOTE: It is not recommended that you make direct changes to these template PHP files as they will be overwritten by redSHOP updates.

In /components/com_redshop/templates/rsdefaulttemplates/ajax_cart_box.php

<div id="ajax_cart_wrapper">
     <div id="ajax_cart_text">{ajax_cart_box_title}<br/><br/></div>
     <div id="ajax_cart_button_wrapper">
         <div id="ajax_cart_button_inside">
             <div id="ajax_cart_continue_button">{continue_shopping_button}</div>
             <div id="ajax_cart_show_button">{show_cart_button}</div>
         </div>
     </div>
 </div>

and in /components/com_redshop/templates/rsdefaulttemplates/ajax_cart_detail_box.php
<div id="ajax-cart">
     <div id="ajax-cart-label">
         <h3>Add to Cart</h3>
     </div>
     <div id="ajax-cart-attr">{attribute_template:attributes}</div>
     <div id="ajax-cart-access">{accessory_template:accessory}</div>
     {if product_userfield}
     <div id="ajax-cart-user">{userfield-test}</div>
     {product_userfield end if}
     <div id="ajax-cart-label">{form_addtocart:add_to_cart2}</div>
 </div>