Title

Display your product name with customizable size, color, print, and share options, while controlling visibility for a seamless and engaging shopping experience across all devices.

Last updated 2 months ago

Overview

The Title block highlights the product name within your storefront, providing flexible style options and useful features like print and share actions. It adapts to different devices and layouts, helping you maintain brand consistency while improving customer engagement.

⚠️ Important: Rely on the Title block to showcase product names in a visually clear, interactive manner across different sections.

Key components and functionality

Title block introduction

The Title block is designed to make your product name visually distinct and easily accessible. Style choices and interactive button settings empower you to present the title in the most effective way for your audience.

Text size

Adjust the size to control how prominent the product title appears. This allows the title to either stand out as a headline or blend more subtly into the page design.

  1. Small

  2. Medium

    1. Default

  3. Large

  4. Extra large

Text color

Set the color of the product title to reinforce branding and accessibility. This is ideal for matching the title with your visual style or improving readability.

Default: Inherits the default text color for the parent section unless custom color is chosen.

Show print button

Enable a print button to let customers easily print product details. This option supports shoppers who need a physical copy for reference.

Default: Off

Show share button

Add a share button so users can quickly share product information with others, increasing the reach and convenience of your store.

Default: On

Visibility settings

Visibility controls manage where and when the Title block is shown, supporting responsive design and a clean layout.

  1. Do not hide

    1. Default. The block appears on all devices.

  2. Hide on desktop

    1. The block displays only on mobile devices.

  3. Hide on mobile

    1. The block displays only on desktop devices.

📝 Note: Visibility settings are especially useful for keeping your storefront uncluttered and device-optimized.

Available in sections

The Title block is available in the following sections:

  1. Featured product

  2. Product information

Usage notes

  1. Select text size and color settings for strong legibility and visual harmony across headings and backgrounds.

  2. Enable print and share actions only when they genuinely benefit your users, focusing on simplicity and value.

  3. Use visibility options to keep your store layout organized and avoid redundant elements, particularly for small screen environments.

  4. Test all configurations on a range of devices to verify both the appearance and the function of the Title block.

  5. Coordinate text emphasis and color with other content blocks to maintain a balanced visual hierarchy.

💡 Tip: Preview your changes often to improve both usability and aesthetics. Combining flexible display settings with quick actions makes the Title block practical and appealing.