Description

Overview #

The block is designed to display a product's description with customizable settings. It allows users to adjust the text size, color, and visibility options, enhancing the flexibility and presentation of product information on a webpage.

Key components and functionality #

Description

This block displays a product's primary description with various settings. It is intended to provide detailed information about a product, enhancing the customer's understanding and engagement.

Text size

This setting allows you to adjust the size of the text within the block. The available options are:

1. Small
2. Medium (default)
3. Large
4. Extra large

Text color

This setting lets you choose the color of the text, allowing for customization to match the overall theme or specific design preferences.

Expandable

If this option is checked, the block will display the first four lines of text, with an option for users to expand and view the entire description. This feature is useful for maintaining a clean and concise layout while still providing access to full product details.

Visibility

This setting controls the visibility of the block on different devices. The options include:

1. Do not hide (default)
2. Hide on desktop
3. Hide on mobile

Available in sections #

• Featured product
• Product information

Usage examples #

• Product Detail Page: Use this block to provide a detailed description of a product, including specifications, features, and benefits. Adjust the text size and color to ensure readability and aesthetic alignment with the rest of the page.

• Mobile Optimization: Enable the expandable feature to keep the mobile view concise, allowing users to expand the description if they wish to read more. Use the visibility settings to hide the block on devices where it might not be necessary.

• Thematic Consistency: Match the text color with your brand's color scheme to maintain a consistent look and feel across your site. Adjust the text size to ensure it is legible on all devices.