Title

The Title block is a versatile tool designed to display a product's title with customizable settings. It can be used in sections like "Featured product" and "Product information," allowing for adjustments in text size, color, and the inclusion of UI elements such as print and share buttons. These settings ensure that the product title is presented effectively across different devices and sections.

For practical application, the Title block can be used in the Featured product section to highlight the product name, with options to adjust the text size and color to align with the overall design. In the Product information section, the block ensures the product name is clearly visible and accessible, with functionalities to print or share the product details, enhancing user experience and accessibility.

Overview #

The Title block is designed to display a product's title with various customizable settings. It is available for use in sections such as "Featured product" and "Product information."

Key components and functionality #

Product title block

This block is intended to display the title of a product with customizable options for text size, color, and additional UI elements like print and share buttons.

Text size

This setting allows you to adjust the size of the product title text. 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 product title text. You can select any color that fits your design needs.

Show print button

This option enables a button that allows users to print the product information. The default setting is false.

Show share button

This option enables a button that allows users to share the product information. The default setting is true.

Visibility settings

Visibility settings control how the product title block is displayed on different devices. This ensures that the title is visible where needed and hidden where not.

Display visibility

This setting controls the visibility of the product title 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 #

• Featured product section: Use the Title block to prominently display the product name in a featured product section, adjusting the text size and color to match the overall theme design.

• Product information section: Incorporate the Title block within the product information section to ensure the product name is clearly visible and accessible, with options to print or share the product details.

By utilizing these settings, you can ensure that the product title is displayed effectively across different sections and devices, enhancing the user experience and accessibility.