Banner

Banner is mainly used for promotional information, with a countdown showing the remaining promotion time to create a sense of urgency and attract users' attention. The area below is accompanied by relevant brand information and product information texts, which not only promotes the promotion but also explains the brand and products, effectively stimulating users' willingness to participate in the promotion and purchase products.

(I) Banner

• Desktop background banner height: Customize the height of the desktop background, with a height setting of 400-900px.

• Mobile background banner height: Customize the height of the mobile background, with a height setting of 600-1500px.

• Color scheme: Select or edit a color scheme to define the color styles of all elements on the page, including background color, text color, etc.

(II) Padding

• Top: Manually drag the slider to adjust the top margin, with a minimum of 0px and a maximum of 100px.

• Bottom: Manually drag the slider to adjust the bottom margin, with a minimum of 0px and a maximum of 100px.

(III) Slide

• Type: You can choose to upload images or videos. If you select images, an upload image button will appear below.

• Image: Upload or modify images.

• Video: Upload or modify videos.

• Mobile image: Upload or modify images specifically for mobile devices.

• Color scheme: Select or edit a color scheme to define the color styles of all elements on the page, including background color, text color, etc.

1. Group

(1) Layout

• Horizontal alignment: There are three options: Left-aligned, Center-aligned, Right-aligned.

• Vertical alignment: There are three options: Top, Center, Bottom.

• Interval: Drag the slider to adjust the distance between contents, with an interval ranging from 0px to 100px.

• Maximum width of the content area: Manually drag the slider to set the percentage of the content area width, with a minimum of 0% and a maximum of 100%.

(2) Padding

• Padding: Manually drag the slider to adjust the top, bottom, left, and right margins, with a minimum of 0px and a maximum of 100px.

(3) Addable Blocks

• Title

• Text

• Countdown

• Button

(IV) Group

1. Layout

• Horizontal alignment: There are three options: Left-aligned, Center-aligned, Right-aligned.

• Vertical alignment: There are three options: Top, Center, Bottom.

• Interval: Drag the slider to adjust the distance between contents, with an interval ranging from 0px to 100px.

• Maximum width of the content area: Manually drag the slider to set the percentage of the content area width, with a minimum of 0% and a maximum of 100%.

2. Padding

• Padding: Manually drag the slider to adjust the top, bottom, left, and right margins, with a minimum of 0px and a maximum of 100px.

3. Addable Blocks

• Title

• Text