Custom Content

Theme: Multipurpose Fashion Theme

Help Center > Sections & Blocks > Text & Content Sections > Custom Content

Overview

The Custom content section allows flexible layouts using Image and HTML blocks. Use it for embedded content such as videos, maps, or custom markup when other sections are not suitable.

Where to Add This Section

Go to Online Store > Themes > Customize.
Select Homepage, Page, or desired template.
Click Add section.
Choose Custom content.
Save.

📷 Image placeholder: Add a screenshot of Custom content section with blocks.

Quick Setup (2 Steps)

Add blocks — Add Image and/or HTML blocks.
Configure layout — Set desktop/mobile layout, gap, alignment.

Section Settings

Setting	Description
Full width	Stretch to viewport
Content max width	Constrain content width
Block gap	Space between blocks
Desktop layout	Grid layout (columns)
Mobile layout	Stack or grid
Vertical alignment	Block alignment
Animation	Entry animation (if supported)

Blocks

Block	Description
Image	Image with optional link
HTML	Custom HTML content and embeds.

Image block

Image — Upload or select image
Link — Optional URL (image becomes clickable)

HTML block

HTML — Raw HTML content
Some embed codes may include scripts. Only use trusted sources.
Caution: Scripts execute; use only trusted content

Step-by-Step Setup

Step 1: Add the section

Add Custom content to your template.

Step 2: Add blocks

Click Add block.
Image block — Upload image; add link if needed.
HTML block — Paste embed code, custom HTML, or widget snippet.
Add multiple blocks; drag to reorder.
Save.

Step 3: Configure layout

Full width — On for edge-to-edge.
Content max width — Constrain if needed.
Block gap — Spacing between blocks.
Desktop layout — Grid columns for side-by-side blocks.
Mobile layout — Stack for single column on mobile.
Save.

Use cases

Video embed — YouTube, Vimeo iframe
Map embed — Google Maps, Mapbox (if not using Map section)
Third-party widget — Reviews, chat, sizing tool
Custom layout — Unique combination not in other sections
Mixed content — Image + HTML in custom arrangement

Security and best practices

HTML blocks can include <script> tags; theme does not strip them.
Use only HTML/code from trusted sources.
Avoid user-generated HTML without sanitization.
Test embeds on mobile for responsiveness.
Consider performance—heavy scripts can slow the page.

For merchants

Use sparingly when other sections don't fit the need.
Test embeds on mobile.
Keep HTML blocks minimal unless you know what you're adding.
If unsure, contact theme support or a developer.

Common mistakes

Mistake	Fix
Embed not showing	Check embed code; some require HTTPS
Layout broken on mobile	Use Mobile layout Stack
Script conflicts	Avoid multiple conflicting scripts
Unsafe HTML	Only use HTML from trusted sources
Block order wrong	Drag blocks to reorder

FAQs

1. What is the Custom content section used for?

The Custom content section allows you to create flexible layouts using Image and HTML blocks. It is useful for embedding content such as videos, maps, or custom markup when other sections do not fit your needs.

2. How many blocks can I add?

You can add up to 12 blocks per Custom content section. Blocks can be reordered by dragging them in the theme editor.

3. Can I add both images and HTML in the same section?

Yes. The section supports mixing Image and HTML blocks in any order. This allows you to create custom layouts such as image-and-text combinations or embedded media with supporting content.

4. How do I place the image on the right side?

Open the section settings and change Desktop layout to Image right. This will reverse the order of the blocks on desktop screens.

5. Why does my layout look different on mobile?

Mobile devices use the Mobile layout setting. Choose Stack to display blocks in a single column or Reverse stack to reverse the order on mobile devices.

6. Can I make the section full width?

Yes. Enable Full width in the section settings to stretch the content across the entire screen.

7. How do I control spacing between blocks?

Use the Block gap setting to adjust the spacing between blocks. This affects both desktop and mobile layouts.

8. What does Content max width do?

The Content max width setting controls the maximum width of the section content. Smaller values create a narrower layout, while larger values allow content to span more of the screen.

9. Can I add videos or maps?

Yes. You can paste embed code into an HTML block to display videos, maps, or other embedded content.

10. Why is my embed not responsive?

Some embed codes are not responsive by default. You may need to use responsive embed code or adjust the embed settings provided by the service.

11. Can I make the image clickable?

Yes. Add a URL in the Link field of the Image block to make the image clickable.

12. Why is my image cropped?

Images may be cropped depending on the selected Aspect ratio and Object fit settings. Choose Contain to show the entire image without cropping.

13. What happens if I do not add any blocks?

If no blocks are added, the section will display an empty placeholder in the theme editor until content is added.

14. Can I reorder blocks?

Yes. Blocks can be reordered by dragging them in the theme editor.

15. Is this section mobile-friendly?

Yes. The Custom content section is fully responsive and adapts to different screen sizes automatically.

16. Why does my HTML block not display correctly?

Check that your HTML code is valid and complete. Some embed codes require additional settings or HTTPS links to display properly.

Multipurpose theme documentation