Product Title

Overview

Displays the product name as a heading on product detail pages. This block renders the product title synced from BigCommerce.

Requirements

• Parent block: Must be inside commerce-connect/product-details-page
• BigCommerce data: Product name/title

Configuration

Attributes

• settingsId (string) - Settings configuration identifier
  • Default: ""
• dropzone (string) - Dropzone identifier for block placement
  • Default: ""

Block Support

• HTML editing: Not supported
• Multiple instances: Not allowed (only one per product page)
• Spacing: Margin control available

Usage

Placement

This block must be placed inside the Single Product template (Product Details Page block). It cannot be used outside of this context.

Common Patterns

From the demo video script, the title block is typically the first element on a product detail page:

→ Product Title ← (e.g., "Organic Cotton Throw")
Product Pricing
Product Buy Button
Product Description
Product Images

However, the demo also shows how easy it is to rearrange blocks. You can drag the Product Title block to appear after the product images if desired, demonstrating the flexibility of the block editor for commerce templates.

Technical Details

CSS Classes

• Uses standard block wrapper attributes
• Dropzone ID applied when specified

Data Source

The block uses context provided by the parent Product Details Page block:

• commerce-connect/singleProductRefinedPayload - Simplified product data including title
• commerce-connect/singleProductFullPayload - Complete product information
• commerce-connect/singleProductSelectedProduct - Currently selected product
• commerce-connect/singleProductDropzones - Available dropzone positions
• commerce-connect/singleProductIsFetching - Loading state indicator

Product titles are synced from BigCommerce and stored in WordPress®. When a product title changes in BigCommerce, the update syncs to WordPress® automatically.

Troubleshooting

Title not displaying

• Verify the block is inside a Product Details Page parent block
• Check that the product has a title set in BigCommerce
• Ensure the product data has synced from BigCommerce

Title appears as placeholder or generic text

• Product may not be fully synced from BigCommerce
• Check the sync status in the Commerce Connect admin
• Verify the BigCommerce connection is active

SEO considerations

The Product Title block renders the product name for display purposes. For SEO optimization:

• Use the WordPress® “Edit in WordPress®” feature to access Yoast SEO settings
• Customize the SEO title, meta description, and focus keyphrase
• The product title from BigCommerce cannot be edited in WordPress® (it’s managed in BigCommerce), but the SEO layer is fully customizable in WordPress®