Description

Overview

The Description block is designed to present detailed product information attractively within your product sections. This block provides essential controls for text size, color, visibility, and expandability, so product details fit seamlessly with your site's style and layout.

💡 Tip: Use the Description block to highlight key product features and benefits, making important information easy for customers to find and read.

Key components and functionality

Description text display

The Description block allows you to style and control the presentation of your product descriptions for optimal readability and impact. These options ensure consistency and accessibility for customers on all devices.

Text size
Adjust the size of your product description text so that it stands out appropriately within your section's visual hierarchy.

1. Small

   1. Useful for secondary details or minimal layouts.

2. Medium default

   1. Offers a balanced size for most designs.

3. Large

   1. Highlights key product features.

4. Extra large

   1. Best for short, important messages where prominence is needed.

Text color
Customize the text color to match your branding or increase readability on different backgrounds. If you don’t select a custom color, your store’s default theme colors apply automatically, keeping your branding consistent.

Expandable
The Expandable setting allows you to condense lengthy descriptions so that only a summary is shown until expanded by the user. This helps maintain an organized look, especially for sections with detailed information.

Expandable is disabled by default.
Enabling expandability is ideal for managing the length of content and maintaining a tidy layout, especially for technical or long-form descriptions.

💡 Tip: Activate the expandable feature for long product text to make information easier to scan, improving the overall user experience.

Visibility settings

Visibility controls determine exactly where and when the Description block appears, allowing you to tailor the shopping experience for both desktop and mobile audiences.

Visibility
Select which devices should display the Description block.

1. Do not hide default

   1. Block is visible on all devices.

2. Hide on desktop

   1. Block is hidden from desktop users but appears on mobile.

3. Hide on mobile

   1. Block is hidden from mobile users but displayed on desktop.

💡 Tip: Visibility settings help you streamline layouts for each device and avoid repeating the same product details on multiple screens.

Available in sections

You can add the Description block to the following sections:

1. Featured product

2. Product information

This ensures that you can display important product details wherever they matter most.

Usage notes

The Description block makes product presentations visually consistent and user-friendly across your site. Choose text colors with strong contrast for accessibility, and select text size based on both importance and section design. Use expandability for longer content to maintain a neat appearance and help users scan information efficiently. Test on multiple devices to confirm good readability and responsive layout.

⚠️ Important: A thoughtful combination of text size, color, visibility, and the expandable option will ensure your product descriptions are always effective and easy to consume for every visitor.