Chart

Generic selectors
Exact matches only
Search in title
Search in content
Post Type Selectors
Product Price History - Chart on single product page

To activate the chart feature, you need to enable the corresponding module.

Position Options for Displaying the Chart

You can choose where the chart appears on your product pages by selecting from the following options:

1. After the Product Meta Section: This is typically where categories, tags, and other product meta information are displayed.

2. After the Product Summary: The chart will be displayed after the product summary section.

3. Product Tab: By selecting the Product Tab option, the chart will appear within a dedicated product tab.

  • In the settings panel, there are two additional parameters you can adjust:
    • Tab Title: Customize the name of the tab where the chart will be displayed.
    • Tab Priority: Set the priority of the tab. A lower number means higher priority, which determines its position among other tabs. The final placement will depend on the other tabs configured by your theme or other plugins, so you may need to experiment with the priority to find the best fit.

4. Custom Position via Shortcode: For more flexibility, you can manually place the chart anywhere on the product page or template by using a shortcode.

Using the Shortcode

In the PRO version of the plugin, available from the Basic plan, you have the flexibility to place the chart wherever you want on the product page or template. To do this:

  1. Choose the ‘Custom – I’ll insert a shortcode’ option from the position dropdown menu.
  2. Insert the provided shortcode in your desired location.

The shortcode to display the chart is:

[pph-chart]

Using Shortcode with Specific Product ID

This feature is exclusively available in the Expert plan.

If you want to display more than one chart on the same page or insert a specific chart elsewhere (e.g., inside a post or on another page), you can use the product_id attribute with the shortcode. This allows you to specify which product’s chart to display.

For example:

[pph-chart product_id="123"]

Replace "123" with the actual product ID you wish to display the chart for.

Date Range

You can set the initial date range that will be displayed in the chart.

Range Selector

This feature, which is included in our Basic plan, is exclusively available to PRO users.

This feature enables users to toggle between predefined ranges by selecting buttons located above the chart.

Title

Set a title that will appear above the chart.

Minimum Prices to Display

Specify the minimum number of prices required in the chart to display it. It is recommended to have more than one price, as having only a single price may result in an unusual visual representation.

Daily Average Price

This feature, which is included in our Basic plan, is exclusively available to PRO users.

The Daily Average Price option allows you to enable or disable the display of the daily average price. This feature is particularly useful when there are frequent price fluctuations within a single day.

When enabled, the plugin will calculate and show the average price for each day. This can provide a more stable and representative value, especially in situations where prices change frequently throughout the day. By displaying the daily average price, you can get a better understanding of the overall price trend over time.

Consider enabling this option if your product prices experience significant variations within a 24-hour period. It can help you make informed decisions and analyze price movements in a more reliable and meaningful way.

Show Chart on Variable Products Only When Variation is Selected

By default, variable products display the price of the lowest-priced variation. The price history table for variable products records this price, but each variation has its own price history tracker. If this option is disabled, the chart table will show data related to the variable product when the product page loads. Only upon selecting a specific variation, the chart will update and display the history of the selected variation. If this option is enabled, the chart will not be visible on page load but will only appear when a variation is selected.

Chart Type

Product Price History - bar chart
Product Price History - line chart
Product Price History - stepped chart

Choose between three chart types: Bar, Line, and Stepped. Please note that Line and Stepped charts are available only in our Basic plan.

Price Summary

This feature is available from the Advanced plan and above.

Introduced in version 2.5.0, the Price Summary feature allows you to display the highest, lowest, and average prices. You have the flexibility to choose which price statistics to show—whether it be only one, a combination of a few, all, or none. If enabled, the selected price summaries will appear above the chart in a textual format.

X-Axis Label Options

Introduced in version 2.5.0, the X-Axis Label Options feature allows you to control how dates are displayed on the X-axis of the chart without reducing the actual data points. This is particularly useful for charts with a large number of data points, helping to prevent clutter and improve readability. Even if the dates are hidden on the X-axis, they will still appear when hovering over specific points in the chart.

You have several options for managing date labels:

  • Hide all dates: Removes all date labels from the X-axis.
  • Hide dates and the X-Axis label: Removes both the date labels and the axis label.
  • Reduce the number of date labels: Display only 3, 5, 7, or 10 dates, depending on your preference.

Below is an example of the chart before and after reducing the number of dates to 5:

Showing all dates
After reducing the number of dates to 5

How to Hide Chart on the Product Page?

Hide price history chart on the product page

To hide the chart on a specific product page, follow these steps:

  1. Navigate to the “Edit Product” page for the desired product.
  2. In the product data section of WooCommerce, locate and select the “Product Price History” tab.
  3. Within the “Product Price History” tab, you will find a checkbox labeled “Hide chart”.
  4. Tick the “Hide chart” checkbox to activate the feature.
  5. Save the changes to the product.
  6. Upon saving, the chart will no longer be displayed on the product page.

By following these instructions, you can easily hide the chart on a particular product page.

How to Hide Price in the Chart?

To hide the price in the chart, please follow these steps:

  1. Locate the Price History table.
  2. Within the table, find the specific price entry that you want to hide.
  3. Look for a checkbox labeled “Hide” next to the price entry.
  4. Select the “Hide” checkbox for each price you wish to hide.

Note: This action will only hide the prices for simple and variable products. Variations are treated separately, so you will need to hide each variation’s chart or price individually.

Hide variation price in the product price history chart

By following these instructions, you can effectively hide prices in the chart for your products.

How to Edit Recorded Prices

This feature is exclusively available in the Expert plan.

  1. Locate the Price History Table: Navigate to the “Price History” section where you can view all recorded prices for your product.
  2. Find the Price Entry to Edit: Browse the table to find the specific price entry you want to modify.
  3. Edit a Price Entry: In the “Action” column, click the Pencil icon. The selected row will switch to edit mode, allowing you to modify the Price, Currency, and Date fields.
  4. Save Your Changes: After making the desired changes, click the green checkmark icon to submit them. There is no need to save the product separately; changes are applied immediately.

The Currency field must be a three-letter uppercase code that represents a currency (e.g., USD, EUR, GBP). The code must be correct to display the appropriate currency symbol on the public site.

The Date must be in the format YYYY-MM-DD HH:MM:SS (e.g., 2024-09-02 15:30:00). This format represents the Year-Month-Day followed by the Hour:Minute in a 24-hour clock. Make sure to include all components, including the seconds, to ensure the date is recorded accurately and displays correctly on the public site.

Deleting Price Entries

If you want to remove a price entry, click on the Trash Bin icon. This action will permanently delete the entry and cannot be undone.