Composite display

The Composite Display Module allows users to combine different types of content into one area for display. You can showcase products, images, videos, and rich text all in a single section. This feature helps merchants create more diverse and dynamic page layouts, enhancing the user experience.

Feature Overview

The Composite Display Module supports the following content types:

• Products: Display one or more products from the store.

• Images: Insert and display images in various formats.

• Videos: Embed local videos.

• Rich Text: Insert custom text content with basic formatting options such as bold, italic, links, etc.

Steps to Add and Configure

1. Add the Composite Display Module

In the page editor, locate the “Composite Display” option and click the “Add Block” button. A module selection window will appear, where you can choose to add an image, video, product, or rich text block.

2. Configure Each Content Block

• Image Block

  • Upload Image: Click the “Select Image” button to upload or choose an existing image.

  • Custom Image Size: Adjust the size and aspect ratio of the image to match the overall page design.

• Video Block

  • Video Source: Upload local video files.

  • Video Settings: Configure options like autoplay and loop playback.

• Product Block

  • Select Product: Click the “Select Product” button to choose products from the store's product list.

  • Product Display Options: Choose whether to display details such as product price and stock status.

• Rich Text Block

  • Custom Text: Enter the desired text in the rich text block. Supports various formatting options and hyperlinks.

Usage Recommendations

1. Enhance Page Interactivity:

   • By mixing images, videos, products, and text, you provide users with a rich visual and content experience. This helps grab attention and encourages users to explore the page further.

2. Tell Your Brand Story:

   • Combining rich text with images and videos helps merchants tell their brand story or convey specific marketing messages, increasing emotional resonance with the brand.

3. Product Recommendations:

   • Use the product block alongside the rich text block to embed product recommendations within a narrative or story, guiding users toward making a purchase.

4. Flexible Layout Design:

   • The Composite Display Module offers significant layout flexibility, allowing merchants to combine various content types as needed to meet different page design requirements.

5. Maintain Visual Consistency:

   • When adding multiple blocks, ensure consistency in the style and size of images and videos to maintain a cohesive visual experience that enhances user satisfaction.

Best Practices

• Avoid Overcrowding: While it's possible to combine many content types, it’s recommended not to overload one area with too many blocks. Overcrowding may make the page look cluttered and negatively impact readability and user experience.

• Optimize Content for Target Audiences: The Composite Display Module is ideal for showcasing new products, promotional items, or brand-related content. Adjust the displayed content dynamically according to specific marketing goals and audience preferences.