> For the complete documentation index, see [llms.txt](https://ascent.webvista.studio/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ascent.webvista.studio/sections/media-wall.md).

# Media wall

The Media Wall module allows you to showcase a dynamic grid of images and videos with product links for each media item. This guide will help you configure and utilize the Media Wall module effectively.

#### Module Overview

* **Purpose**: Display a selection of media items (images or videos) that can link directly to products, creating an engaging and interactive visual display.
* **Max Blocks**: You can add up to 10 media blocks within this module.

#### Block Types

1. **Image Block**
   * **Settings**:
     * **Image**: Upload an image or select from free images.
     * **Select Product**: Link a specific product to the image for easy navigation.
2. **Video Block**
   * **Settings**:
     * **Video**: Upload a video or link an existing one.
     * **Select Product**: Link a specific product to the video for product-focused engagement.

#### Slider Settings

Customize the behavior and appearance of the media wall as a slider:

* **Enable Slider Overlay**: Adds an overlay to the media for a cohesive look.
* **Enable Auto Rotate**: Automatically cycles through media items.
* **Auto Rotate Speed**: Adjust the speed of rotation (in seconds).
* **Show Navigation Buttons**: Adds navigation arrows (effective on desktop).
* **Show Pagination Dots**: Adds dots to indicate slide positions.

#### Recommended Usage Tips

* Use high-quality images and videos to maintain visual appeal.
* Ensure each media block links to relevant products to drive user engagement.
* Experiment with overlay and auto-rotate settings for an optimal user experience.

This setup provides a visually rich and product-linked media wall to enhance the browsing experience on your site.