Promotion with a discount label displayed

Hello,

There is no option in the theme settings to display the save price like this. This requires customization, which is beyond our support policy.

I have searched for a possible solution and found a custom function that you can add to your functions.php file. If the provided code does not work as expected, unfortunately, we are unable to modify it further.

Add this to your theme’s functions.php file of the theme.

add_filter('woocommerce_get_price_html', 'custom_sale_savings', 10, 2);
function custom_sale_savings($price, $product) {
    if ($product->is_on_sale()) {
        $regular_price = $product->get_regular_price();
        $sale_price = $product->get_sale_price();
        $savings = $regular_price - $sale_price;
        $price .= '<span class="save-price">Save $' . number_format($savings, 2) . '</span>';
    }
    return $price;
}

To style the save price add the following code in Theme Settings > Custom CSS > Global CSS area.

.save-price {
    display: inline-block;
    background-color: #ff0000; /* Change to your preferred color */
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding: 3px 8px;
    border-radius: 5px;
    margin-left: 10px;
}

Hope this Helps!

Best Regards,

Hello,

01. You can modify the currency symbol in the code by replacing “$” with “฿” like this:

add_filter('woocommerce_get_price_html', 'custom_sale_savings', 10, 2);
function custom_sale_savings($price, $product) {
    if ($product->is_on_sale()) {
        $regular_price = $product->get_regular_price();
        $sale_price = $product->get_sale_price();
        $savings = $regular_price - $sale_price;
        $price .= '<span class="save-price">Save ฿' . number_format($savings, 2) . '</span>';
    }
    return $price;
}

02. You can use a file manager plugin to edit your wp-config.php file.

Install and activate a https://wordpress.org/plugins/wp-file-manager/

Open the file manager plugin in your WordPress dashboard. Navigate to your website’s root directory and locate the wp-config.php file.

Use the plugin’s code editor to open the file. Search for define(‘DISALLOW_FILE_EDIT’, true); and change true to false.

Follow this guide: https://theplusaddons.com/blog/how-to-fix-wordpress-theme-file-editor-missing

Best Regards,