Skip to main content

How can we help?

Array
(
    [0] => Array
        (
            [0] => Array
                (
                    [label] => Home
                    [link] => https://sftlatestbackup.staging33.com
                    [title] => Home
                    [type] => blog_home
                )

            [1] => Array
                (
                    [label] => Knowledge Base
                    [link] => https://sftlatestbackup.staging33.com/knowledge-base/
                    [title] => Knowledge Base
                    [type] => kb_home
                )

            [2] => Array
                (
                    [label] => Dynamic Cart Message Options
                    [link] => https://sftlatestbackup.staging33.com/article-categories/dynamic-cart-message-options/
                    [title] => View all posts in Dynamic Cart Message Options
                    [type] => kb_tax
                )

            [3] => Array
                (
                    [label] => DCMP Getting Started
                    [link] => https://sftlatestbackup.staging33.com/article-categories/dcmp-getting-started/
                    [title] => View all posts in DCMP Getting Started
                    [type] => kb_tax
                )

            [4] => Array
                (
                    [label] => Tab 4 : Appearance
                    [link] => https://sftlatestbackup.staging33.com/knowledge-base/tab-4-appearance/
                    [title] => Tab 4 : Appearance
                    [type] => kb_current_page
                )

        )

)
  1. Home
  2. Knowledge Base
  3. Dynamic Cart Message Options
  4. DCMP Getting Started

Tab 4 : Appearance

Easily customize the look and feel of your cart messages using predefined styles or full custom design options. Choose colors, gradients, background images, borders, and button styles. Whether you inherit global settings or create a unique design from scratch, a live preview helps you perfect the final appearance before publishing.

Predefined Styles: 

A dropdown list of 10 predefined message styles is available. Admins can select one of these styles to apply directly to the cart message. For further customization, admins can enable the “Custom Selected Style for Message” checkbox to modify the selected style as needed.

The following fields are available for customizing the cart message style:

  1. Gradient Background Color for Cart Message: To add a gradient effect to the background of the Cart Message, you can utilize the “Gradient Background Color for Cart Message” feature. Enabling this option will introduce a dropdown menu for selecting the gradient effect and an additional color selection option for the message background color.
  2. Gradient Effect: Here you can set the gradient effect of the Cart Message from the three options Top to Bottom, Left to Right, and Diagonal from the dropdown.
  3. Message Background Color: This field allows you to choose the color of the Cart Message. If the Gradient Background Color for Cart Message is selected then you will get an additional Color field to select the second color for the Gradient Effect.
  4. Add Message Background Image: Enable this toggle to allow the admin to upload an image as the background for the cart message.
  5. Background Image: This setting displays an upload file field and an upload button to add the background image.The image should follow the specified dimensions with a maximum size of 100KB, in PNG or JPG format for optimal display.
  6. Background Image Type: This setting allows the admin to choose how the background image will fit within the cart message. There are three options:
    1. Full-Screen Fixed and Stretch: Expands the image to fill the entire cart message area, scaling it to fit.
    2. Full-Screen Fixed: Displays the image at its original size, without scaling or tiling.
    3. Tiled: Repeats the image across the entire cart message area to create a tiled effect.
  7. Message Text Color: Use this field to define the color of the text within the Cart Message.
  8. Message Radius: Adjust the roundness of the Cart Message edges using this field.
  9. Custom Icon Color: Set a custom color for Font Awesome Icons displayed on the Cart Message.
  10. Message Box Border Style: Add a border style to the Cart Message. If you select an option other than “None” from the dropdown for border style, a new field labeled ‘Message Box Border Color’ will appear.
  11. Message Box Border Color: This field is used to specify the color for the border of the Cart Message.
  12. Button Background Color: Use this field to set the color of the button.
  13. Button Text Color: Define the color of the text displayed on the button using this field.
  14. Button Radius: Adjust the roundness of the button’s edges with this field.
  15. Button Background Color on Hover: Specify the color for the button’s hover effect in this field.

Create Custom Style:

If the Select Style Type is set to “Custom Style”, you unlock a variety of customization options for personalizing the design of your cart message.

  • Defaults to Global Style: Initially inherits settings from the Global Style.
  • Same Style Fields as Predefined Style: Includes all the style fields available in the Predefined Style option, providing flexibility for modifications.
  • Full Customization: Allows admins to adjust or rebuild the style entirely from scratch, creating a unique and tailored design.

Inherite Global Style

This option inherits the global settings and directly applies them to the cart message without additional customization.

Preview:

The Preview section allows admins to review how their cart messages will appear to customers. If you’ve overlooked any mandatory fields, this action will trigger an alert notifying you of the missing information. Following are the preview tabs:

  1. Initial Message 
  1. Threshold Satisfied Message
  1. Product Page Message
Was this article helpful?
Yes No

Related Articles

Need Support?

Can't find the answer you're looking for?
Contact Support