Product Title/Excerpt

The Product Title/Excerpt Widget allows you to add, style, and manage product titles and excerpts anywhere on your Elementor-powered page. It’s perfect for displaying WooCommerce product titles and descriptions, with customizable styling options and responsive settings.

Whether you’re designing a product page, shop catalog, or promotional section, the Product Title/Excerpt Widget makes it easy to present titles and excerpts with precision and style.

Key Features:

• Display product titles and excerpts
• Customize title source and link options
• Control excerpt visibility and source
• Adjust typography, color, and spacing
• Fully responsive and optimized

🚀 How to Enable the Product Title/Excerpt Widget

To start using the Product Title/Excerpt Widget, follow these steps:

1. Navigate to your WordPress dashboard.
2. Go to Topper Pack → Widgets.
3. Locate the Product Title/Excerpt widget from the list.
4. Toggle the switch to “On” to enable it.
5. The widget is now available in the Elementor editor.

🧩 How to Use the Product Title/Excerpt Widget in Elementor

Step 1: Add the Widget to Your Page

• Open your desired page using Elementor Editor.
• Search for “Product Title/Excerpt” in the Elementor widget panel.
• Drag and drop the Product Title/Excerpt TP widget onto your page canvas.
• 🔄 Tip: It includes the TP badge, which means it’s from the Topper Pack.

Step 2: Configure Title/Excerpt Settings

• Under the Content → Settings section:
  • Toggle Show Title to “Yes” to display the product title.
  • Set Title Source (e.g., Default Product Title) to define the title content.
  • Set Title Link Type (e.g., No Link) to control whether the title is clickable.
  • Toggle Show Excerpt to “Yes” to display the product excerpt.
  • Set Excerpt Source (e.g., Default Product Excerpt) to define the excerpt content.

Step 3: Style the Title

• Under the Style → Title section:
  • Customize Typography to set font size, weight, and style for the title.
  • Set Color for the title text, and adjust Margin and Padding to control spacing (e.g., top, right, bottom, left).

Step 4: Style the Excerpt

• Under the Style → Excerpt section:
  • Adjust Typography, Color, Margin, and Padding for the excerpt to match your design preferences.

Step 5: Style Additional Elements

• Under the Style sections for Title Container and Title Text Shadow:
  • Customize container settings and add text shadows as needed for enhanced visual appeal.

✅ Final Preview and Save

Once your product title/excerpt settings and style options are applied:

• Click Preview Changes to see how it looks.
• Hit Publish or Update to save your page.