{"id":1084,"date":"2020-07-02T07:03:30","date_gmt":"2020-07-02T07:03:30","guid":{"rendered":"https:\/\/meetanshi.com\/blog\/2020\/07\/02\/reorder-display-prices-including-and-excluding-taxes-on-category-page-in-magento-2\/"},"modified":"2025-05-22T12:39:21","modified_gmt":"2025-05-22T07:09:21","slug":"reorder-display-prices-including-and-excluding-taxes-on-category-page-in-magento-2","status":"publish","type":"post","link":"https:\/\/meetanshi.com\/blog\/reorder-display-prices-including-and-excluding-taxes-on-category-page-in-magento-2\/","title":{"rendered":"How to Reorder “Display Prices” Including and Excluding Taxes on Category Page in Magento 2"},"content":{"rendered":"\n

Magento 2 offers three options to display prices on the frontend: including taxes, excluding taxes, and both the prices.<\/p>\n\n\n\n

You can highlight the product price exclusive of taxes in order to earn a visitor\u2019s attention.<\/p>\n\n\n\n

However, if you want to be upfront with your customers and display the product prices as inclusive of taxes, or both, you can implement the below solution.<\/p>\n\n\n\n

Also, if you want to make changes in the frontend related to the layout or designing and change the order of both the prices, i.e., inclusive and exclusive of taxes, the below solution can be helpful.<\/p>\n\n\n\n

Reorder the display prices including and excluding taxes on category page in Magento 2 that suits your pricing strategy.<\/p>\n\n\n\n

Steps to Override Price on Product List Page in Magento 2:<\/h2>\n\n\n\n

1. Navigate to Store > Configuration > Sales > Tax > Price Display Settings<\/strong> and select the \u201cincluding excluding tax\u201d on Display Product Prices In Catalog<\/p>\n\n\n

\n
\"Screenshot-at-June-24th-2020-12.27.49-pm\"<\/figure>\n<\/div>\n\n\n

2. Override default.phtml<\/strong> file into app\/design\/frontend\/[Namespace]\/[theme]\/Magento_Catalog\/templates\/product\/price\/amount<\/strong><\/p>\n\n\n\n

3. If you want to change the sequence of including tax and excluding tax replace this code:<\/p>\n\n\n\n

 <?php if ($block->hasAdjustmentsHtml()) :?>\n        <?= $block->getAdjustmentsHtml() ?>\n    <?php endif; ?><\/pre>\n\n\n\n
4. With:<\/p>\n\n\n\n
<?php\n\/**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n *\/\n?>\n\n<?php \/** @var $block \\Magento\\Framework\\Pricing\\Render\\Amount *\/ ?>\n\n<span class=\"price-container <?= $block->escapeHtmlAttr($block->getAdjustmentCssClasses()) ?>\"\n        <?= $block->getSchema() ? ' itemprop=\"offers\" itemscope itemtype=\"http:\/\/schema.org\/Offer\"' : '' ?>>\n    <?php if ($block->getDisplayLabel()) :?>\n        <span class=\"price-label\"><?= $block->escapeHtml($block->getDisplayLabel()) ?><\/span>\n    <?php endif; ?>\n    <?php if ($block->hasAdjustmentsHtml()) :?>\n        <?= $block->getAdjustmentsHtml() ?>\n    <?php endif; ?>\n    <span <?php if ($block->getPriceId()) :?> id=\"<?= $block->escapeHtmlAttr($block->getPriceId()) ?>\"<?php endif;?>\n        <?= ($block->getPriceDisplayLabel()) ? 'data-label=\"' . $block->escapeHtmlAttr($block->getPriceDisplayLabel() . $block->getPriceDisplayInclExclTaxes()) . '\"' : '' ?>\n        data-price-amount=\"<?= $block->escapeHtmlAttr($block->getDisplayValue()) ?>\"\n        data-price-type=\"<?= $block->escapeHtmlAttr($block->getPriceType()) ?>\"\n        class=\"price-wrapper <?= $block->escapeHtmlAttr($block->getPriceWrapperCss()) ?>\"\n    ><?= $block->escapeHtml($block->formatCurrency($block->getDisplayValue(), (bool)$block->getIncludeContainer()), ['span']) ?><\/span>\n    <?php if ($block->getSchema()) :?>\n        <meta itemprop=\"price\" content=\"<?= $block->escapeHtmlAttr($block->getDisplayValue()) ?>\" \/>\n        <meta itemprop=\"priceCurrency\" content=\"<?= $block->escapeHtmlAttr($block->getDisplayCurrencyCode()) ?>\" \/>\n    <?php endif; ?>\n    \n<\/span><\/pre>\n\n\n\n
That\u2019s it.<\/p>\n\n\n\n
Check these images with changed sequences of the prices:<\/p>\n\n\n\n
Case 1:<\/strong><\/p>\n\n\n
\n
\"Screenshot-at-June-23rd-2020-3.44.18-pm\"<\/figure>\n<\/div>\n\n\n
Case2:<\/strong><\/p>\n\n\n
\n
\"Screenshot-at-June-23rd-2020-3.33.30-pm\"<\/figure>\n<\/div>\n\n\n
Also, I\u2019d be grateful if you could share the solution with fellow Magento developers via social media.<\/p>\n\n\n\n
Thank you.<\/p>\n","protected":false},"excerpt":{"rendered":"
Magento 2 offers three options to display prices on the frontend: including taxes, excluding taxes, and both the prices. You can highlight the product price…<\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[34],"tags":[],"class_list":["post-1084","post","type-post","status-publish","format-standard","hentry","category-magento"],"acf":[],"_links":{"self":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/1084","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/comments?post=1084"}],"version-history":[{"count":3,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/1084\/revisions"}],"predecessor-version":[{"id":14817,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/1084\/revisions\/14817"}],"wp:attachment":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/media?parent=1084"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/categories?post=1084"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/tags?post=1084"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}