How to add WooCommerce custom suffix to prices.

Adding Custom Suffixes with Font Options to WooCommerce Prices

This code snippet allows you to add a custom suffix to your product prices on the frontend of your WooCommerce store. It also lets you control the font style, weight, and color of the suffix for a more visually appealing display.

Here’s what the code does:

1. 1. Adds a new section to the product edit screen: This section includes a checkbox to enable the custom suffix, an input field to enter the desired suffix text, and dropdown menus for selecting the font style, weight, and color.

1. 1. Saves user selections: When a product is saved, the code saves the checkbox state, suffix text, font options, and text color as custom meta fields for that product.

1. 1. Applies the custom suffix: The code checks if the custom suffix is enabled for a product. If it is, it retrieves the suffix text, font styles, and color from the product’s meta fields and adds the suffix to the displayed price with the chosen styling.

To implement this code, you’ll need to use a code snippet plugin. Here’s a general process (refer to your specific plugin’s documentation for exact steps):

1. 1. Install and activate a code snippets plugin.

1. 1. Copy and paste the provided code snippet into the plugin’s code editor.

1. 1. Save the changes.

Explanation of the Code

The code is divided into three main functions:

• • custom_product_options_general_product_data: This function adds the checkbox, input field, and dropdown menus for font style, weight, and color to the product edit screen’s “General” tab.

• • save_custom_fields: This function retrieves the user’s selections from the product edit screen and saves them as custom meta fields for the product.

• • cc_add_custom_price_suffix: This function checks if the custom suffix is enabled for a product. If it is, it retrieves the suffix text, font styles, and color from the product’s meta fields and adds the formatted suffix to the displayed price.

By implementing this code snippet, you can enhance your WooCommerce product presentations with informative and visually appealing custom suffixes. Remember to adjust the code based on your specific needs and theme styles.