Page History

Image Added

Step-by-step guide 

Add Cart Preview on Hover

1. In the CMS

1. , go to Content

1. → Theme Layout.
   

1. 
   
2. Find the

1. Cart Summary

1. Widget and click

1. Edit

1. .
   

1. Toggle ON Cart Preview on Hover?

1. .
    

1. Image Added
2. Click

1. the Cart Preview On Hover

1. tab.
   

1. 
   

2. Edit values and options as required

1. . TIP - As a preview window, you may want to be selective about what order info should be displayed. From 4.37+, you can allow the user to edit quantities and delete order lines. See: Cart Summary Widget. 
   
    

1. Image Added

   
   

2. Click

1. Save.
   
   

For versions 4.37+ only

In the Cart Summary Widget:

1. Click Cart Preview on the Hover tab.
   
   
2. Toggle ON Enable Cart Editing?.
   
   
3. (Optional) Toggle ON Enable Cart Editing Auto Update? to automatically update cart totals without manual updating by the user.

Test Cart Preview

Once you have updated Cart Preview, check that the popup contents and functions are as you require.

1. In another browser or incognito window, launch your website

1. . TIP - This will ensure the window's contents reflect updated settings and not any cached ones.
   
   
2. Add products to the cart. 
   
   
3. Hover the mouse over the cart link.

1. Check the window displays as configured.  

Additional Information

Related help