{"id":10466,"date":"2021-02-26T18:13:47","date_gmt":"2021-02-26T12:43:47","guid":{"rendered":"https:\/\/magecomp.com\/support\/?post_type=manual_documentation&#038;p=10466"},"modified":"2023-06-21T18:01:40","modified_gmt":"2023-06-21T12:31:40","slug":"frontend-display-price-calculator","status":"publish","type":"manual_documentation","link":"https:\/\/magecomp.com\/support\/docs\/magento-2-price-calculator\/frontend-display-price-calculator\/","title":{"rendered":"Frontend display of Price Calculator"},"content":{"rendered":"<p>The flooring price will be displayed on the product detail page of your Magento 2 storefront with the help of the Price Calculator Extension.<\/p>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone size-full wp-image-10467\" src=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/02\/5.Product_listing-_page_frontend.png\" alt=\"Product_listing _page_frontend\" width=\"1008\" height=\"558\" srcset=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/02\/5.Product_listing-_page_frontend.png 1008w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/02\/5.Product_listing-_page_frontend-300x166.png 300w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/02\/5.Product_listing-_page_frontend-768x425.png 768w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/02\/5.Product_listing-_page_frontend-600x332.png 600w\" sizes=\"(max-width: 1008px) 100vw, 1008px\" \/><\/p>\n<p>Using Price Calculator Extension, display product prices on the product page of your Magento 2 storefront.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-10468\" src=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/02\/6.Product_page_frontend.png\" alt=\"Product_page_frontend\" width=\"1267\" height=\"572\" srcset=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/02\/6.Product_page_frontend.png 1267w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/02\/6.Product_page_frontend-300x135.png 300w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/02\/6.Product_page_frontend-1024x462.png 1024w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/02\/6.Product_page_frontend-768x347.png 768w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/02\/6.Product_page_frontend-600x271.png 600w\" sizes=\"(max-width: 1267px) 100vw, 1267px\" \/><\/p>\n<p>Seamlessly calculate the total price based on the quantity of the product on the product page of your Magento 2 store frontend.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-10469\" src=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/02\/7.Product_page_example_frontend.png\" alt=\"Product_page_example_frontend\" width=\"1272\" height=\"568\" srcset=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/02\/7.Product_page_example_frontend.png 1272w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/02\/7.Product_page_example_frontend-300x134.png 300w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/02\/7.Product_page_example_frontend-1024x457.png 1024w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/02\/7.Product_page_example_frontend-768x343.png 768w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/02\/7.Product_page_example_frontend-600x268.png 600w\" sizes=\"(max-width: 1272px) 100vw, 1272px\" \/><\/p>\n<p>Price Calculator Extension is compatible with special price in frontend.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-11883 size-full\" src=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/02\/Demo-Product-Price-Calculator-compatible-with-special-price.png\" alt=\"Price Calculator compatible with special price\" width=\"1170\" height=\"571\" srcset=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/02\/Demo-Product-Price-Calculator-compatible-with-special-price.png 1170w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/02\/Demo-Product-Price-Calculator-compatible-with-special-price-300x146.png 300w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/02\/Demo-Product-Price-Calculator-compatible-with-special-price-1024x500.png 1024w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/02\/Demo-Product-Price-Calculator-compatible-with-special-price-768x375.png 768w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/02\/Demo-Product-Price-Calculator-compatible-with-special-price-600x293.png 600w\" sizes=\"(max-width: 1170px) 100vw, 1170px\" \/><\/p>\n<p>Price calculator extension is compatible with tier price at discount amount in frontend.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-12892\" title=\"Price Calculator with discount on tier price\" src=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/02\/Price-Calculator-with-discount-on-tier-price.png\" alt=\"Price Calculator with discount on tier price\" width=\"1170\" height=\"571\" srcset=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/02\/Price-Calculator-with-discount-on-tier-price.png 1170w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/02\/Price-Calculator-with-discount-on-tier-price-300x146.png 300w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/02\/Price-Calculator-with-discount-on-tier-price-1024x500.png 1024w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/02\/Price-Calculator-with-discount-on-tier-price-768x375.png 768w\" sizes=\"(max-width: 1170px) 100vw, 1170px\" \/><\/p>\n<p>Price calculator extension is compatible with tier price at fixed amount in frontend.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-12893\" title=\"Price Calculator with fixed amount on tier price\" src=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/02\/Price-Calculator-with-fixed-amount-on-tier-price.png\" alt=\"Price Calculator with fixed amount on tier price\" width=\"1170\" height=\"571\" srcset=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/02\/Price-Calculator-with-fixed-amount-on-tier-price.png 1170w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/02\/Price-Calculator-with-fixed-amount-on-tier-price-300x146.png 300w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/02\/Price-Calculator-with-fixed-amount-on-tier-price-1024x500.png 1024w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/02\/Price-Calculator-with-fixed-amount-on-tier-price-768x375.png 768w\" sizes=\"(max-width: 1170px) 100vw, 1170px\" \/><\/p>\n<p>Price calculator extension with sample in frontend.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-12894\" title=\"Price calculator with sample\" src=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/02\/Price-calculator-with-sample.png\" alt=\"Price calculator with sample\" width=\"1170\" height=\"571\" srcset=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/02\/Price-calculator-with-sample.png 1170w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/02\/Price-calculator-with-sample-300x146.png 300w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/02\/Price-calculator-with-sample-1024x500.png 1024w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/02\/Price-calculator-with-sample-768x375.png 768w\" sizes=\"(max-width: 1170px) 100vw, 1170px\" \/><\/p>\n<p>Error message while updating quantity for sample product with price calculator extension.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-12897\" title=\"Error message while updating quantity for sample\" src=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/02\/Error-message-while-updating-quantity-for-sample.png\" alt=\"Error message while updating quantity for sample\" width=\"1170\" height=\"571\" srcset=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/02\/Error-message-while-updating-quantity-for-sample.png 1170w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/02\/Error-message-while-updating-quantity-for-sample-300x146.png 300w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/02\/Error-message-while-updating-quantity-for-sample-1024x500.png 1024w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/02\/Error-message-while-updating-quantity-for-sample-768x375.png 768w\" sizes=\"(max-width: 1170px) 100vw, 1170px\" \/><\/p>\n<p>Price calculator extension with wastage in frontend.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-12895\" title=\"Price calculator with wastage\" src=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/02\/Price-calculator-with-wastage.png\" alt=\"Price calculator with wastage\" width=\"1170\" height=\"571\" srcset=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/02\/Price-calculator-with-wastage.png 1170w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/02\/Price-calculator-with-wastage-300x146.png 300w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/02\/Price-calculator-with-wastage-1024x500.png 1024w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/02\/Price-calculator-with-wastage-768x375.png 768w\" sizes=\"(max-width: 1170px) 100vw, 1170px\" \/><\/p>\n<p>Price calculator is also displayed in the shopping cart<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-12896\" title=\"Price calculator on Shopping Cart\" src=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/02\/Price-calculator-on-Shopping-Cart.png\" alt=\"Price calculator on Shopping Cart\" width=\"1170\" height=\"571\" srcset=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/02\/Price-calculator-on-Shopping-Cart.png 1170w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/02\/Price-calculator-on-Shopping-Cart-300x146.png 300w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/02\/Price-calculator-on-Shopping-Cart-1024x500.png 1024w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/02\/Price-calculator-on-Shopping-Cart-768x375.png 768w\" sizes=\"(max-width: 1170px) 100vw, 1170px\" \/><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":10457,"menu_order":2,"template":"","manualdocumentationcategory":[3986],"manual_doc_tag":[],"class_list":["post-10466","manual_documentation","type-manual_documentation","status-publish","hentry","manualdocumentationcategory-m2-price-calculator"],"_links":{"self":[{"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manual_documentation\/10466","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manual_documentation"}],"about":[{"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/types\/manual_documentation"}],"author":[{"embeddable":true,"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":2,"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manual_documentation\/10466\/revisions"}],"predecessor-version":[{"id":12899,"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manual_documentation\/10466\/revisions\/12899"}],"up":[{"embeddable":true,"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manual_documentation\/10457"}],"wp:attachment":[{"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/media?parent=10466"}],"wp:term":[{"taxonomy":"manualdocumentationcategory","embeddable":true,"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manualdocumentationcategory?post=10466"},{"taxonomy":"manual_doc_tag","embeddable":true,"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manual_doc_tag?post=10466"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}