Description

The block is designed to enhance the presentation of product descriptions by offering customizable settings. Users can adjust text size and color to align with their design preferences, ensuring the description is both readable and visually appealing. The block also includes an expandable feature, allowing for a concise display with the option to view more details.

Visibility settings provide control over how the block appears on different devices, ensuring optimal display across platforms. This flexibility makes the block suitable for various sections, such as Featured product and Product information, allowing for consistent thematic presentation.

In practical use, the block can be employed on product detail pages to highlight specifications and benefits. For mobile optimization, the expandable feature keeps the layout clean while offering full access to information. Additionally, matching text color with brand themes ensures a cohesive look throughout the site.

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.