{"id":2610,"date":"2019-10-01T11:59:50","date_gmt":"2019-10-01T06:29:50","guid":{"rendered":"https:\/\/magecomp.com\/support\/?post_type=manual_documentation&#038;p=2610"},"modified":"2024-03-12T15:10:54","modified_gmt":"2024-03-12T09:40:54","slug":"in-frontend","status":"publish","type":"manual_documentation","link":"https:\/\/magecomp.com\/support\/docs\/magento-2-custom-options-absolute-price-extension\/in-frontend\/","title":{"rendered":"In Frontend"},"content":{"rendered":"<p>Once you set custom options and save configurations for all the products you required, you can see Custom Options Absolute Price enabled on the frontend on the product page. Customers need to select various custom options based on their requirements.<\/p>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone size-full wp-image-9148\" src=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/10\/3_frontend-price-selection.jpg\" alt=\"frontend-price-selection\" width=\"1273\" height=\"581\" srcset=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/10\/3_frontend-price-selection.jpg 1273w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/10\/3_frontend-price-selection-300x137.jpg 300w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/10\/3_frontend-price-selection-1024x467.jpg 1024w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/10\/3_frontend-price-selection-768x351.jpg 768w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/10\/3_frontend-price-selection-600x274.jpg 600w\" sizes=\"(max-width: 1273px) 100vw, 1273px\" \/><\/p>\n<p><strong>Custom Options Absolute Price on the checkout page:\u00a0<\/strong>Once customers choose all the options, quantities and add the product to cart, Custom Options Absolute Price can be seen on the checkout page.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-9149\" src=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/10\/4_price-calculation-on-shopping-cart-page.jpg\" alt=\"price-calculation-on-shopping-cart-page\" width=\"1256\" height=\"485\" srcset=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/10\/4_price-calculation-on-shopping-cart-page.jpg 1256w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/10\/4_price-calculation-on-shopping-cart-page-300x116.jpg 300w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/10\/4_price-calculation-on-shopping-cart-page-1024x395.jpg 1024w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/10\/4_price-calculation-on-shopping-cart-page-768x297.jpg 768w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/10\/4_price-calculation-on-shopping-cart-page-600x232.jpg 600w\" sizes=\"(max-width: 1256px) 100vw, 1256px\" \/><\/p>\n<p>When a customer selects One-off charges, it is easily applied on the product page, and the product price gets updated accordingly.<\/p>\n<div><\/div>\n<div><img decoding=\"async\" class=\"alignnone size-full wp-image-13690\" title=\"One off charges applied on product\" src=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/10\/One-off-charges-applied-on-product.png\" alt=\"One off charges applied on product\" width=\"1200\" height=\"600\" srcset=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/10\/One-off-charges-applied-on-product.png 1200w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/10\/One-off-charges-applied-on-product-300x150.png 300w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/10\/One-off-charges-applied-on-product-1024x512.png 1024w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/10\/One-off-charges-applied-on-product-768x384.png 768w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/><\/div>\n","protected":false},"author":1,"featured_media":0,"parent":2606,"menu_order":2,"template":"","manualdocumentationcategory":[1519],"manual_doc_tag":[],"class_list":["post-2610","manual_documentation","type-manual_documentation","status-publish","hentry","manualdocumentationcategory-m2-custom-options-absolute-price"],"_links":{"self":[{"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manual_documentation\/2610","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\/2610\/revisions"}],"predecessor-version":[{"id":13691,"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manual_documentation\/2610\/revisions\/13691"}],"up":[{"embeddable":true,"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manual_documentation\/2606"}],"wp:attachment":[{"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/media?parent=2610"}],"wp:term":[{"taxonomy":"manualdocumentationcategory","embeddable":true,"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manualdocumentationcategory?post=2610"},{"taxonomy":"manual_doc_tag","embeddable":true,"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manual_doc_tag?post=2610"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}