Design Tab Overview

Design Tab Settings

In this section, you can customize the design aspects of your banner. The interface is divided into two main areas: the left side for design settings and the right side for a live preview of your banner.

What You Can Do:

Left Side (Design Settings):

• Block Customization:

  • Background Options: Select a single color, gradient, or transparent background.

  • Background Color: Use the color picker to set the background color.

  • Shadow: Adjust shadow settings such as radius, space between areas, and font.

  • Spacing: Set the spacing for outside top, outside bottom, inside top, and inside bottom.

  • Add Border: Enable and customize border color, size, and style.

• Area Customization:

  • Area Card Style: Customize each area individually.

    • Background and Border: Choose to use block background or add a border with adjustable radius, alignment, color, size, and style.

    • Icon: Customize icon color, size, and background. Icons can be single color or transparent with specific alignment.

    • Header: Set color, size, alignment, and font weight for the header.

    • Subheader: Set color, size, alignment, and font weight for the subheader.

    • Button or Coupon Customization: If you select a button as your CTA, you can customize the button or coupon text, color, size, radius, and background color.

Right Side (Live Preview):

• Preview Tab: View changes in real-time as you customize the design of your banner. This helps ensure that your design looks perfect before saving and applying it to your store.

By using these features, you can create visually appealing and effective banners tailored to your store’s design preferences. Select the desired elements, customize them, and see the changes instantly in the live preview.