Product Subtitles for WooCommerce Documentation





Product Subtitles for WooCommerce Documentation




Overview

Product Subtitles for WooCommerce is an essential plugin that enables you to add custom subtitles to your products. By using product subtitles for WooCommerce, you improve product visibility and boost customer engagement. In addition, the plugin lets you display subtitles on single product pages, shop/archive pages, and on individual variations. Moreover, you can style and position subtitles as needed to capture your customers’ attention. For more details, check out the WooCommerce documentation.

Configuring the Plugin

After installing Product Subtitles for WooCommerce, go to WooCommerce > Settings > Products > Product Subtitles to begin configuration.

  1. Display on Single Product Pages: Enable this option to show subtitles on individual product pages. Otherwise, subtitles remain hidden.
  2. Display on Archive Pages: Enable this option to display subtitles on shop and category pages. Otherwise, subtitles will not appear.

Placement Settings for Product Subtitles

  1. Single Product Page Placement:
    • Decide where the subtitle appears (above or below the title, price, add-to-cart button, or product summary).
  2. Archive Page Placement:
    • Choose the subtitle location on shop, archive, or category pages (for example, before or after the product title).

Variation & Product Type Compatibility

  1. Enable Subtitles for Variations:
    • This option lets you set subtitles for each variation of a variable product.
    • It displays the subtitle of the selected variation on the product page.
  2. Enable Subtitles for Product Types:
    • Select which product types (Simple, Variable, External, Subscription, etc.) can display subtitles.
    • If a product type is disabled, its subtitles will not show.

Styling Options for Product Subtitles

  1. Font Size:
    • Set the font size for your subtitles (e.g., 16px or 1em).
  2. Font Color:
    • Choose a color for the subtitle text using a color picker.
  3. Text Alignment:
    • Align the subtitle text to the left, center, or right.

Adding a Product Subtitle

Adding subtitles to your WooCommerce products is quick and simple. Follow the instructions below based on your product type.

For Standard Products:

  1. Go to Products → All Products in your WordPress admin.
  2. Edit the product you want to add a subtitle to.
  3. Scroll down to the Advanced tab.
  4. Enter your custom subtitle in the Product Subtitle field.
  5. Click Update to save your changes.

For Variable Products:

Main Product Subtitle (shown on Archive Pages):

  1. Edit a variable product.
  2. Go to the Advanced tab.
  3. Enter a subtitle in the Product Subtitle field.
  4. Click Update to save your changes.

Subtitles for Individual Variations (shown on Single Product Page):

  1. Scroll to the Variations tab.
  2. Expand a variation.
  3. Locate the Product Subtitle field and enter a subtitle.
  4. Click Save Changes and then update the product.

Example output:

Available Hooks for Product Subtitles

Use the following hooks to control where your product subtitles appear on both single product and shop pages:

Single Product Page Hooks for Product Subtitles

You can use these WooCommerce hooks to place product subtitles on a single product page:

  • woocommerce_before_single_product – Before the product container.
  • woocommerce_before_single_product_summary – Before the product summary.
  • woocommerce_single_product_summary – Use this hook with different priorities to display subtitles above or below the title, price, and add-to-cart button.
  • woocommerce_after_single_product_summary – After the product summary.
  • woocommerce_after_single_product – After the product container.

Archive/Shop Page Hooks for Product Subtitles

On shop and archive pages, you can insert subtitles using these hooks:

  • woocommerce_before_shop_loop_item – Before the product block.
  • woocommerce_before_shop_loop_item_title – Before the product title.
  • woocommerce_shop_loop_item_title – Within the product title.
  • woocommerce_after_shop_loop_item_title – After the product title (default position).
  • woocommerce_after_shop_loop_item – After the product block.

Implementing Custom Code

To further customize the behavior of product subtitles for WooCommerce, add these code snippets to your theme’s functions.php file or manage them with the Code Snippets plugin.

Questions and Support

If you have questions or need further assistance with product subtitles for WooCommerce, please Contact our Support. Also, check out the WooCommerce documentation for additional resources.