# 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.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://ascent.webvista.studio/sections/composite-display.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.