Add to your StoreDescription
The Accordion section is a flexible, responsive module you can add to your Shopify store. It blends the essential combination of images or videos and allows certain customizations for the media. This section can be set to serve as image or video containers or both. The Accordion section with media can be resized and made responsive for various screen sizes and devices, offering a great UX to diverse user devices.
Demo
Sample Use Cases for a Shopify e-commerce store
-
Product Demonstration Videos: The Accordion section can be used to display product demonstration videos to help customers understand how the product functions and its features.
-
Feature Products Images If you have a few products you want to feature for a specific period or season, use the Accordion section to create an impressive display for them.
-
Brand or Campaign Videos: If you have a brand or promotional video you want your visitors to see, this is a perfect place for it. Using videos or pictures will engage more visitors and potentially lead to higher conversion rates.
Overview of the Configuration Settings
The back-end configuration of the Accordion section allows you to set various parameters such as background color, maximum width, height, padding sizes, media radius, and gap between images. There are optional settings to add a subtle shadow to media and round borders.
For the blocks, each block is a container for an image or video. For each block, you can select an image or video and also add an optional link.
Settings
- Background: You can set the background color.
- Max Width of Section: This sets the maximum width of the section.
- Height of Images: You can configure the height of images to display.
- Gap Between Images: This setting adjusts the space between images/videos in the section.
- Padding: You are given options to set padding from the top, bottom, left, and right.
- Media Radius: This is used to adjust the rounding of the media's corner.
- Subtle Shadow on Media: Check this box if you want to add a subtle shadow to media.
Blocks
- Image: This block allows you to add an image and also add an optional link.
- Video: This block type allows you to insert a video to the block, optional link and settings about the video like if it is to be played inline, autoplay, looping, display controls and to mute the video.