Page History

Image RemovedImage Added

Step-by-step guide 

Add Cart Preview on Hover

1. In the CMS, go to Content → Theme Layout.
   
   
2. Locate Find the Cart Summary Widget and click Edit.
   
   
3. Tick theToggle ON Cart Preview on Hover? option.
    Image RemovedImage Added
4. Click to expand the Cart Preview On Hover widget options tab.
   
   

5. Update Edit values and options as required. 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. 
   
    Image RemovedImage Added

   
   

6. Click Save.
   
7. In another browser or incognito window, launch your website.
    
   
Add products to the cart and hover over the cart link. 

8. Verify that the summary pop-up appears on hover.
9. 
   

In the Cart Summary Widget:

1. Click Cart Preview on 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. 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.
   
   
4. Check the window displays as configured.  

Additional Information

Related help