A feature that allows you to design the overall look of the cart drawer, including general layout and colors. Some color templates are available for you to apply right away!

The default color of the cart drawer is black and white. There are 7 color templates for you to choose from.

You can change the border radius of elements in the cart, which includes the product boxes, border of buttons such as checkout button, quantity selector button, variant selector button, etc. This ensures a consistent look of the cart.

There are 3 checkout button layouts:

In this section, you can customize the header box at the top of the cart drawer.

There are 2 options of content to show in the header, one is text, and one is your business logo. If you choose the text, which usually shows "Your cart", "Your bag" etc., simply add the ({cart_quantity}) to also show the number of products that are in the cart.

This comes along with the option for text alignment, font weight and font size.

With the logo option, it can be uploaded from your device. A logo with a transparent background is highly recommended! It can be placed on either on the left of the header, or at the center. Logo size can be adjusted from 10px to 50px.
​

Once the logo gets uploaded, it will be visible in the header like this:
​

You can choose to change this header background as well as the text color (If the header is text). Additionally, top and bottom padding can be changed accordingly.
​

Play around with the color settings of the rest of the cart! You can change the colors for texts and backgrounds and check in the cart preview until it looks just how you want.

Need help? Let us know via in-app live chat or email: help@opusecom.co 🤩