Title

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.