Magento 2: How to remove price decimal

Question

How to remove the price decimal from Front end price display only on the category and product pages ?

Answer 1

If you turn on the template hints for your site you will see the price is set in this template:

/vendor/magento/module-catalog/view/base/templates/product/price/amount/default.phtml

Copy this file into your theme

(app/design/frontend/{{namespace}}/{{theme_name}}/Magento_Catalog/templates/product/price/amount/default.phtml).

Take note of the class that this file is defined from

\Magento\Framework\Pricing\Render\Amount

The price itself is coming from this call:

<?php /* @escapeNotVerified */ echo $block->formatCurrency($block->getDisplayValue(), (bool)$block->getIncludeContainer()) ?>

If we take a look at the file that this method is created based on the class it's inheriting (/vendor/magento/framework/Pricing/Render/Amount.php) you will see this method:

/**
 * Format price value
 *
 * @param float $amount
 * @param bool $includeContainer
 * @param int $precision
 * @return float
 */
public function formatCurrency(
    $amount,
    $includeContainer = true,
    $precision = PriceCurrencyInterface::DEFAULT_PRECISION
) {
    return $this->priceCurrency->format($amount, $includeContainer, $precision);
}

Taking note of the perams in the method, we can see from the template that is displaying the price that we have the definition for the $amount and the $includeContainer but not for the last one $precision which defaults to the constant PriceCurrencyInterface::DEFAULT_PRECISION. This constant is defined in the file /vendor/magento/framework/Pricing/PriceCurrencyInterface.php. Looking in this file we see at the top of the file just after the interface is defined const DEFAULT_PRECISION = 2;. So in the templale we just have to redefine this constant and it will change the default precision based on this value. Setting the value to 0 will do the trick for the category page and for the product page.

Change:

<?php /* @escapeNotVerified */ echo $block->formatCurrency($block->getDisplayValue(), (bool)$block->getIncludeContainer()) ?>

to:

<?php /* @escapeNotVerified */ echo $block->formatCurrency($block->getDisplayValue(), (bool)$block->getIncludeContainer(), 0) ?>

Note

This works on the site that I tested on, using USDs. Because Magento supports international currencies and different translations, this method might not work exactly as it does for me. But I don't have any international site set up right now, so I'm not able to test.

Answer 2

To correct the product page you also should modify next javascript:

/vendor/magento/module-catalog/view/base/web/js/price-utils.js

on line 38 change

var precision = isNaN(format.requiredPrecision = Math.abs(format.requiredPrecision)) ? 2 : format.requiredPrecision,

for

var precision = 0,

Hope this help.

I found this in: Magento 2 : How to remove decimal points from the price

Answer 3

The price-utils.js solution did not work for me.

But this worked in Magento 2.1: Look in /vendor/magento/framework/Pricing/PriceCurrencyInterface.php

Change const DEFAULT_PRECISION = 2;

To const DEFAULT_PRECISION = 0;

Then flush cache.

Answer 4

You can use this module

https://github.com/lillik/magento2-price-decimal

if you are using composer, just run

composer require lillik/magento2-price-decimal

Answer 5

Change this in the file price-utils.js

from

            (precision ? decimalSymbol + am.toFixed(2).replace(/-/, 0).slice(2) : '');

to

            (precision ? decimalSymbol + am.toFixed(format.requiredPrecision).replace(/-/, 0).slice(2) : '');

It will dynamically load price precision and you don't have to do anything in js file.Just change in php file and will reflect here :)

Answer 6

I fixed method formatPrecision in vendor/magento/module-directory/Model/Currency.php on line ~301 there was code:

if (!isset($options['precision'])) {
    $options['precision'] = $precision;
}

I fixed so

if (!isset($options['precision'])) {
    $options['precision'] = ( (floatval($price) - intval($price)) != 0 ? $precision : 0);
}

Answer 7

To get desired result you have to edit this file

/pub/static/frontend/Theme-Package/Theme-Name/en_US/Magento_Catalog/js/price-utils.js

at line 38

var precision = isNaN(format.requiredPrecision = Math.abs(format.requiredPrecision)) ? 2 : format.requiredPrecision,

replace this with

var precision = 0,

This is for magento2.1.3 this will remove decimals from price digits. This solution helped me