Rich text

The Rich Text section is used to display detailed text content on a page, including titles, descriptive text, buttons, and highlight statistics. This section can be customized with a background image and color schemes to match the store's overall style. Additionally, the Rich Text section supports various content alignment options and display effects, making it suitable for a wide range of text presentation scenarios.

Configuration Options

1. Enable Full Width

   • Purpose: When enabled, the Rich Text section will be displayed across the full width of the page, ideal for wide-screen content.

2. Text Alignment

   • Purpose: Set the alignment of text within the section. Options include left-aligned, center-aligned, or right-aligned.

3. Color Scheme

   • Purpose: Select the overall color scheme of the section, including background and text colors. Ensure the chosen colors match the store's visual style.

4. Background Image

   • Purpose: Set a background image for the section to enhance the visual appeal.

   • Image Opacity: Adjust the opacity of the background image to ensure the text is clearly visible against it.

   • Fixed Image Position: Enable this option to keep the background image's position fixed across different screen sizes.

Content Settings

• Title

  • Purpose: Set a main title for the Rich Text section to grab users' attention.

  • Title Size: Adjust the title font size, with options for small, medium, large, and extra-large.

• Text Content

  • Purpose: Add descriptive text to further explain the product or promotional information.

  • Text Formatting: Supports basic text styling, such as bold, italic, and underline.

• Button

  • Purpose: Add an interactive button that links to other pages or products.

• Highlight Statistics

  • Purpose: Display important statistics or key features to highlight product advantages or store achievements.

  • Configuration Options:

    • Title Size: Set the font size of the statistics title.

    • Statistical Value: Enter specific data, such as "10K+."

    • Statistical Description: Add a brief description to further explain the significance of the data.

• Countdown Timer

  • Purpose: Display a countdown timer, typically used to showcase limited-time offers or upcoming events.

Usage Considerations

• Background Image Optimization: Use a high-quality, wide-screen-compatible image as the background, and adjust opacity to maintain readability of the foreground content.

• Color Scheme Coordination: The selected color scheme should align with the overall store design and avoid low-contrast color combinations.

• Text Alignment Choice: Choose the appropriate alignment based on the layout of the content in the section to optimize visual balance on the page.

Common Issues

1. Background Image Not Fully Displayed: Check if the "Fixed Image Position" option is enabled, as it may cause display issues on different devices.

2. Unclear Statistics: Ensure the title font size in the "Highlight Statistics" section is large enough, and use an appropriate contrast between the background and text colors.

3. Button Not Working: Make sure the button has the correct link set and test it before publishing to ensure functionality.