Multipurpose theme documentation
Multipurpose Fashion Theme
Media With Text Pro
Multipurpose Fashion Theme
Theme: Multipurpose Fashion Theme
Help Center > Sections & Blocks > Image & Media Sections > Media with Text Pro
Overview
The Media with text Pro section displays an image or video alongside text content in a two-column layout. Use it for storytelling, product features, or brand content. Supports Shopify-hosted video and YouTube/Vimeo URLs. Configurable media width, layout, content alignment, and optional hover zoom. No blocks—all content in section settings.
How it works
Desktop:
- Hover over media to preview product or content.
- Click media to reveal the content in full.
Mobile:
- Tap media to open product or content popup.
Where to Add This Section
- Go to Online Store > Themes > Customize.
- Select Homepage or desired template.
- Click Add section.
- Choose Media with text Pro.
- Save.
📷 Image placeholder: Add a screenshot of Media with text Pro section.
Quick Setup (4 Steps)
Recommended image size: 1500 × 1000 px or larger. Image aspect ratio should match content layout (16:9, 4:3).
Maximum color schemes available: 3
Media fallbacks: Ensure image or video is set. Fallback text is shown when neither is provided.
- Choose media type — Image or Video in section settings.
- Add media — Upload image/video or paste YouTube/Vimeo URL.
- Add content — Subheading, heading, text, button.
- Set layout — Media left/right, media width, alignment.
Section Settings
Content
| Setting | Description | Default |
|---|---|---|
| Subheading | Small text above heading | — |
| Heading | Main headline | Media with text |
| Heading size | Small, Medium, Large | Medium |
| Text | Body text | — |
| Button text | CTA label | Show me |
| Button link | CTA URL | — |
| Button style | Primary, Secondary | Primary |
| Button size | Small, Medium, Large | Medium |
| Open in new tab | Link target | Off |
Media
| Setting | Description |
|---|---|
| Media type | Image or Video |
| Image | Image (when type = Image) |
| Video | Upload (when type = Video) |
| Video URL | YouTube or Vimeo URL |
| Video autoplay | Auto-play video |
| Media width | Small, Medium, Large |
| Media crop | Crop style |
| Object fit | Cover, Contain |
| Border radius | Rounded corners |
| Enable shadow | Drop shadow |
| Enable hover zoom | Hover zoom on image |
| Mobile media width | Full or Half |
Layout
| Setting | Description |
|---|---|
| Layout | Media left, Media right |
| Reverse on mobile | Swap order on mobile |
| Content alignment | Left, Center, Right |
| Vertical position | Top, Center, Bottom |
| Color scheme | Theme scheme |
| Container width | Page, Large, Full |
For merchants
- Use for feature highlights or brand story.
- Video works well for product demos; use poster when possible.
- Match media width to content length.
Frequently Asked Questions (FAQs)
To add an image or video to the section, go to the Online Store > Themes > Customize. In the "Media with Text Pro" section settings, choose the Media type (either image or video) and upload your media or paste a YouTube/Vimeo URL.
Yes, you can use a YouTube or Vimeo video. Simply paste the video URL in the Video URL field. The section will automatically recognize YouTube or Vimeo links and display them accordingly.
The section allows you to choose between two layout options: Media Left or Media Right. You can select your preferred layout in the section settings under Layout.
In the section settings, you'll find a Media width option where you can choose from Small, Medium, or Large to adjust the width of the image or video. This setting controls how large the media will appear within the section.
Yes, hover zoom is supported. You can enable this feature by selecting the Enable Hover Zoom checkbox in the section settings. This will add a zoom effect when users hover over the image.
The content alignment can be customized by selecting the Content alignment option in the section settings. You can choose from Left, Center, or Right alignment for your heading, subheading, and text.
Yes, you can customize the button's text, style, and size. In the section settings, under Button style, choose between Primary and Secondary styles. You can also set the button size to Small, Medium, or Large.
Yes, the "Media with Text Pro" section is fully responsive and optimized for mobile devices. The media will adjust to fit the screen size, and the layout will switch to a single-column format on smaller screens.
Yes, you can apply one of three background textures in the section settings. The available textures are Paper, Swirl, and Marble. You can select the texture that fits your theme design in the Color Scheme settings.
You can enable animations in the section settings by selecting the Enable Animation checkbox. You can also choose the animation style (e.g., Fade, Slide Left, Slide Right) and adjust the duration and delay for the animation.
Yes, the "Media with Text Pro" section is fully compatible with RTL (Right-to-Left) languages. The layout will automatically adjust to support languages like Arabic or Hebrew.
The section uses responsive design techniques, including the aspect-ratio property, to ensure that images and videos display properly across all screen sizes. You can also customize the media width settings to fine-tune the appearance on different devices.