How to display product discount percent on product details page in Magento2?

First we need to create ‘catalog_product_prices.xml’ at below location using the given code.

app\code\Magemonkeys\Discountpercentage\view\base\layout\catalog_product_prices.xml

<?xml version="1.0" encoding="UTF-8"?>
<layout xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/layout_generic.xsd">
    <referenceBlock name="render.product.prices">
        <arguments>
            <argument name="default" xsi:type="array">
                <item name="prices" xsi:type="array">
                <item name="final_price" xsi:type="array">
                    <item name="render_class" xsi:type="string">Magento\Catalog\Pricing\Render\FinalPriceBox</item>
                    <item name="render_template" xsi:type="string">Magemonkeys_Discountpercentage::product/price/final_price.phtml</item>
                </item>
                </item>
            </argument>
        </arguments>
    </referenceBlock>
</layout>

<?xml version="1.0" encoding="UTF-8"?>

<item name="render_class" xsi:type="string">Magento\Catalog\Pricing\Render\FinalPriceBox</item>

<item name="render_template" xsi:type="string">Magemonkeys_Discountpercentage::product/price/final_price.phtml</item>

</item>

</argument>

</arguments>

</referenceBlock>

</layout>

And create one more file to display the price and discount percentage on the product detail page.

app\code\Magemonkeys\Discountpercentage\view\base\templates\product\price\final_price.phtml

<?php
$priceModel = $block->getPriceType('regular_price');
$finalPriceModel = $block->getPriceType('final_price');
$idSuffix = $block->getIdSuffix() ? $block->getIdSuffix() : '';
$schema = ($block->getZone() == 'item_view') ? true : false;
?>
<?php if ($block->hasSpecialPrice()): ?>
	<span class="special-price">
        <?php  echo $block->renderAmount($finalPriceModel->getAmount(), [
            'display_label' 	=> __('Special Price'),
            'price_id'      	=> $block->getPriceId('product-price-' . $idSuffix),
    	    'price_type'    	=> 'finalPrice',
            'include_container' => true,
            'schema' => $schema
    	]); ?>
    </span>
	<span>
	<?php
	$item = $block->getSaleableItem();
    $_savePercent = 100 - round(((float)$item->getFinalPrice() / (float)$item->getPrice()) * 100);
	echo '<b style="color:#008000">'.$_savePercent . '% off </b>';
	?>
    </span>
	<span class="old-price">
        <?php  echo $block->renderAmount($priceModel->getAmount(), [
        	'display_label' 	=> __('Regular Price'),
            'price_id'      	=> $block->getPriceId('old-price-' . $idSuffix),
            'price_type'    	=> 'oldPrice',
            'include_container' => true,
            'skip_adjustments'  => true
	    ]); ?>
    </span>
<?php else: ?>
    <?php  echo $block->renderAmount($finalPriceModel->getAmount(), [
        'price_id'      	=> $block->getPriceId('product-price-' . $idSuffix),
        'price_type'    	=> 'finalPrice',
        'include_container' => true,
    	'schema' => $schema
	]); ?>
<?php endif; ?>
 
<?php if ($block->showMinimalPrice()): ?>
	<?php if ($block->getUseLinkForAsLowAs()):?>
    	<a href="<?=  $block->getSaleableItem()->getProductUrl() ?>" class="minimal-price-link">
            <?= $block->renderAmountMinimal() ?>
        </a>
	<?php else:?>
    	<span class="minimal-price-link">
            <?=  $block->renderAmountMinimal() ?>
        </span>
	<?php endif?>
<?php endif; ?>

<?php

$priceModel = $block->getPriceType('regular_price');

$finalPriceModel = $block->getPriceType('final_price');

$idSuffix = $block->getIdSuffix() ? $block->getIdSuffix() : '';

$schema = ($block->getZone() == 'item_view') ? true : false;

<?php if ($block->hasSpecialPrice()): ?>

<?php echo $block->renderAmount($finalPriceModel->getAmount(), [

'display_label' => __('Special Price'),

'price_id' => $block->getPriceId('product-price-' . $idSuffix),

'price_type' => 'finalPrice',

'include_container' => true,

'schema' => $schema

]); ?>

<?php

$item = $block->getSaleableItem();

$_savePercent = 100 - round(((float)$item->getFinalPrice() / (float)$item->getPrice()) * 100);

echo ''.$_savePercent . '% off ';

<?php echo $block->renderAmount($priceModel->getAmount(), [

'display_label' => __('Regular Price'),

'price_id' => $block->getPriceId('old-price-' . $idSuffix),

'price_type' => 'oldPrice',

'include_container' => true,

'skip_adjustments' => true

]); ?>

<?php else: ?>

<?php echo $block->renderAmount($finalPriceModel->getAmount(), [

'price_id' => $block->getPriceId('product-price-' . $idSuffix),

'price_type' => 'finalPrice',

'include_container' => true,

'schema' => $schema

]); ?>

<?php endif; ?>

<?php if ($block->showMinimalPrice()): ?>

<?php if ($block->getUseLinkForAsLowAs()):?>

<a href="<?= $block->getSaleableItem()->getProductUrl() ?>" class="minimal-price-link">

<?= $block->renderAmountMinimal() ?>

</a>

<?php else:?>

<?= $block->renderAmountMinimal() ?>

<?php endif?>

<?php endif; ?>

Output :

Fill the below form if you have any Magento programming need.

Add an image programmatically from any url in Magento 2
[crayon-63e0a6e332a5c585840211/] Using above fucntion Images can be imported directly from...
Magento 2 : Override the Category view block file
Override view block using di.xml and add the below code...
How to check list of Layout XML called for a specific page in Magento 2?
You can check a list of called layout XML for...
Magento 2 : Setup PWA from Scratch
Follow the below steps to install and set up PWA...
How to remove leading zero’s from the order, invoice and shipment number in Magento 2?
If you want to remove all leading zero's from order,...

Author Info

Magento Certified Developer

Hire J. Lakum

Let’s have a call

Fill the form & Get Installation Support