Cart Header

Cart header has different sub-sections that has shipping bar, header message, Header close button, and header colors. Let’s see what all these sub-sections and settings do.

Shipping Bar

Shipping Bar Enabled: This setting will let you enable/disable the progress bar and message. This will let your customers know how much more they need to spend before getting free shipping (if customized this way).

Free Shipping Text: This is a text field, and a message can be set through this for free shipping when a customer is eligible for it. Only visible when shipping bar enabled settings is set to Enable.

Amount Left for Free Shipping Text: This is a template message, and it will let your customer knows about the remaining amount before they can be eligible for free shipping. Only visible when shipping bar enabled settings is set to Enable.

Shipping Bar Bg Color: This will set the background color for the shipping bar. Only visible when shipping bar enabled settings is set to Enable.

Shipping Bar Text Color: This will set the text color of the message on the shipping bar. Only visible when shipping bar enabled settings is set to Enable.

Shipping Bar Progress Inactive Color: As its name suggest, it will set the color of the progress bar when it's inactive. Only visible when shipping bar enabled settings is set to Enable.

Shipping Bar Progress Active Color: It will set the color of the active shipping bar. Only visible when shipping bar enabled settings is set to Enable.

Shipping Bar Progress Completed Color: This setting will set the color of the completed progress bar. Only visible when shipping bar enabled settings is set to Enable.

Header Message:

Cart Header Message Enabled: This setting will enable/disable the header message. Enabling this setting will also enable three different settings as mentioned below.

Cart Header Message: The header message on the floating cart can be added through this option. Without setting a message, the header will not be displayed in the floating cart. Cart Header Message Enabled settings must be set to enable.

Cart Header Message Bg Color: This setting will let you set the background color for the header message. Cart Header Message Enabled settings must be set to enable.

Cart Header Message Text Color: Floating cart message text can be changed through this setting. Cart Header Message Enabled settings must be set to enable.

Header Close Button: The floating cart has a close button in the bottom right corner. But a close button can also be displayed on the header at the top righter corner of the floating cart.

Enable cart close icon in the header: This setting needs to be enabled to display the close button on the header.

Cart Header Close Icon: An icon can be selected through this setting to be used as a close button on the header.

Cart Header Close Icon Color: The color of the cart close button on the header can be changed.

Header Colors:

The header colors of the floating cart can be changed through the settings in this sub-section. It can be used to customize the background color, text color etc of the floating cart header.

Cart Header Bg Color: The background color of the floating cart header can be customized through this.

Cart Header Bottom Border Color: The header of the floating cart, header close button and header message is separated through a border. This setting will let you customize the color of the header’s border.

Cart Header Title Color: Header title color can be changed through this setting.

Cart Header Text Color: This setting will let you change the header text color.

Cart Header Link Color: The color of text which has a link can be customized through this setting.

Cart Header Link Hover Color: The hover color is the color you can see when a link is a hover (mouse over). The link hover color can be changed through this setting.

Cart Header Error Message Color: As its name suggests, this setting will let you customize the color of error messages in the floating cart.