Xboost

How to make the cart drawer smaller

Overview

If the cart drawer of XB: AI Cart Upsell Cart Drawer covers too much of the page, or the items take too much space, change these settings in Cart Drawer.

Steps

  1. Click Cart Drawer in the app menu.
  2. Click Design. Under Appearance, lower Cart drawer width on desktop screen (px) and Cart drawer width on mobile (%). On mobile, a Cart drawer height on mobile below 100% shows the drawer in the middle of the screen.
  3. Click Body, then Cart Line Item. Lower Photo size and Line item row gap, and lower the sizes under Text size.
  4. Click Footer and turn off the blocks you do not need, for example Payment icons or Trust badges.
  5. Click Save in the bar at the top of the page.

The preview on the right updates as you change the settings.

Design section with Cart drawer width on desktop screen, Cart drawer width on mobile and Cart drawer height on mobile