Description Section Build Clear, Structured Store Content

Add structured headings and rich text to explain products, collections, policies, guides, or brand information in a clean, readable section that fits your Shopify theme.

  • check-icon Rich Text Content
  • check-icon Responsive Spacing
  • check-icon Flexible Backgrounds
Description section preview
Description section preview
vector
vector

Key Features for Clear and Flexible Store Content

Create readable Shopify content with rich text, responsive spacing, text alignment, typography controls, flexible colors, and custom section width.

Rich Text Content Area

Rich Text Content Area

Add H2 headings and paragraphs within a single rich text field to organize detailed information into a clear, structured content section.

Heading and Body Typography

Heading and Body Typography

Control heading and paragraph font sizes separately to create a clear visual hierarchy and improve content readability.

Flexible Text Alignment

Flexible Text Alignment

Choose an alignment for rich text content that matches your page layout, brand style, and surrounding Shopify sections.

Responsive Desktop and Mobile Padding

Responsive Desktop and Mobile Padding

Set separate inner content spacing for desktop and mobile screens to keep text comfortable and balanced across devices.

Gradient or Solid Background

Gradient or Solid Background

Choose a custom gradient or use a solid background color to match the section with your storefront or campaign styling.

Independent Content Background

Independent Content Background

Give the inner content area its own background color to visually separate important information from the main section background.

Separate Content Colors

Separate Content Colors

Customize heading and paragraph colors independently to maintain readable contrast and match your store's visual identity.

Custom Section Width

Custom Section Width

Set a maximum content width to control line length and keep longer descriptions easier to read across larger screens.

Description Section Settings & Options

Control rich text, alignment, typography, spacing, colors, backgrounds, and section width directly from the Shopify theme editor.

Section Settings

Section Settings

Applies to the whole section

Add H2 headings and paragraphs using the main rich text editor.

Rich Text Content

Choose how the rich text is aligned inside the content area.

Content Alignment

Set the inner content spacing for desktop screens.

Desktop Content Padding

Set separate inner content spacing for mobile screens.

Mobile Content Padding

Control the font size used for H2 headings.

Heading Font Size

Control the font size used for paragraph content.

Content Font Size

Choose between gradient and solid background styling.

Background Style

Set the colors used for headings, paragraph text, and the inner content area.

Content Color Controls

Adjust the top and bottom spacing around the complete section.

Section Padding

Set the maximum width of the content area in pixels.

Maximum Section Width
Block Settings

Block Settings

This section does not use repeatable content blocks.

All headings, paragraphs, alignment, typography, colors, spacing, backgrounds, and width controls are managed directly through the main section settings.

No Block Settings

Where This Section Can Be Used

Use structured headings and paragraphs to introduce your brand, explain your services, share store information, or add useful context between visual sections on the homepage.

  • Home Page
  • Collection Page
  • Product Page
  • Landing Page
Home Page

Explain Your Brand or Store More Clearly

Use structured headings and paragraphs to introduce your brand, explain services, share store information, or add useful context between visual homepage sections.

check-iconIntroduce your brand with clear supporting information

check-iconExplain services without adding a complex content layout

check-iconBreak up visual sections with useful written context

check-iconOrganize longer homepage copy with clear H2 headings

check-iconMatch the content styling with your existing theme

Collection Page

Add Helpful Context Around Your Collection

Use the section to explain collection themes, materials, fit, care details, buying guidance, or other information that supports the collection browsing experience.

check-iconExplain the purpose or theme of a collection clearly

check-iconAdd sizing, material, or shopping guidance near products

check-iconGive shoppers useful context before or after the product grid

check-iconOrganize detailed collection information with headings

check-iconKeep supporting content readable across desktop and mobile

Product Page

Give Shoppers More Detailed Product Information

Use rich text to add care instructions, material details, product explanations, usage guidance, or other supporting information around the product content.

check-iconAdd detailed information without crowding core product details

check-iconExplain materials, care, usage, or product benefits clearly

check-iconSeparate longer information into easy-to-scan sections

check-iconUse background styling to distinguish supporting content

check-iconControl content width to improve readability of longer copy

Landing Page

Support Campaigns With Clear Written Content

Use the section to explain campaign details, answer important questions, present terms, or add supporting copy between promotional and visual landing page sections.

check-iconExplain campaign details in a clean structured format

check-iconAdd useful information between promotional sections

check-iconPresent longer supporting copy without cluttering the layout

check-iconUse gradients or colors to match campaign styling

check-iconAdjust spacing to create clear separation between sections

Benefits of the Description Section for Shopify

Give shoppers clear, structured information in a flexible content area that can match your theme while remaining readable across different screen sizes.

Description section

Clear, Flexible Store Content

Use headings, paragraphs, spacing, typography, and color controls to present important store information in a clean and easy-to-read format.

check-iconOrganize longer information with headings and paragraphs

check-iconGive shoppers more context without adding complex elements

check-iconImprove readability by controlling the maximum content width

check-iconAdjust spacing independently for desktop and mobile layouts

check-iconMatch the section to your Shopify theme with custom colors

check-iconSeparate content visually with an independent background

check-iconUse text alignment controls to suit different page layouts

Do This, Skip That.

DO

  • do Use H2 headings to divide longer content into clear topics
  • do Keep paragraphs concise so shoppers can scan information quickly
  • do Choose text and background colors with strong readable contrast
  • do Adjust mobile padding so content does not feel cramped
  • do Use a sensible maximum width to keep text lines readable

DON'T

  • don't Don't place all information in one long paragraph without headings
  • don't Don't use background and text colors with weak visual contrast
  • don't Don't make heading sizes so large that they dominate the page
  • don't Don't add excessive padding that leaves little room for content
  • don't Don't repeat information that is already explained elsewhere

Frequently Asked Questions

Can I add multiple headings and paragraphs inside this section?

Yes. The rich text editor supports H2 headings and paragraphs, allowing you to organize longer store information into clear, readable sections.

Can I change the alignment of the description content?

Yes. Use the Content Alignment setting to position the rich text according to your page layout and presentation style.

Can I use a gradient instead of a solid background?

Yes. Choose the gradient background option and customize the gradient, or switch to a solid background color when preferred.

Can the inner content area have its own background color?

Yes. The content background can be customized separately from the main section background, helping the text area stand out visually.

Can I adjust spacing separately for desktop and mobile?

Yes. The section provides separate desktop and mobile controls for inner content padding and responsive section spacing.

Can I control how wide the Description section appears?

Yes. Set a maximum section width in pixels to keep content within bounds and prevent long text lines from becoming difficult to read.

Does this section support repeatable content blocks?

No. The section uses one main rich text content area rather than separate repeatable blocks. Headings and paragraphs are added directly through the rich text editor.

Help Center

support e-mail

We're Here to Help: We believe in providing exceptional customer support!

For Support or any Questions Email Us: [email protected]

Ready When You Are: Build Clear, Structured Store Content

Install SectionHub and add the Description section to your theme in minutes - no coding required.