{"id":1895,"date":"2010-01-05T16:36:00","date_gmt":"2010-01-05T16:36:00","guid":{"rendered":"http:\/\/productcart-com.web7.netsourceinc.com\/blog\/index.php\/2010\/01\/05\/using-a-floating-price-panel-on-the-bto-configuration-page\/"},"modified":"2010-01-05T16:36:00","modified_gmt":"2010-01-05T16:36:00","slug":"using-a-floating-price-panel-on-the-bto-configuration-page","status":"publish","type":"post","link":"https:\/\/blog.productcart.com\/index.php\/2010\/01\/05\/using-a-floating-price-panel-on-the-bto-configuration-page\/","title":{"rendered":"Using a floating price panel on the BTO configuration page"},"content":{"rendered":"<p>The product and service configurator that is part of ProductCart Build To Order gives e-commerce merchants incredible flexibility when selling complex products and services.<\/p>\n<p>Take our own store: it would be difficult to sell something like the <a href=\"https:\/\/www.earlyimpact.com\/eistore\/productcart\/pc\/MailUp-Subscription-129p445.htm\">MailUp E-Mail Marketing Service<\/a> without using ProductCart Build To Order. It allows us to include the bandwidth component, even if that item&#8217;s price changes based on the quantity entered (BTO supports tiered pricing at the item level within the product configuration).<\/p>\n<p>One thing that we wanted to improve is <b>how prices are displayed<\/b> on the configuration page. We think we found a good way to do it. No JavaScript, just pure CSS (so no impact on performance). Highly customizable (position, style).<\/p>\n<div class=\"separator\" style=\"clear: both; text-align: center;\"><a href=\"http:\/\/blog.productcart.com\/wp-content\/uploads\/2013\/05\/pcv4_bto_floatingPrices_400.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-153\" title=\"Floating Price Panel\" alt=\"Floating Price Panel\" src=\"http:\/\/blog.productcart.com\/wp-content\/uploads\/2013\/05\/pcv4_bto_floatingPrices_400.png\" width=\"400\" height=\"298\" \/><\/a><\/div>\n<div class=\"separator\" style=\"clear: both; text-align: left;\">If you are using ProductCart Build To Order, you can turn this on very easily. See &#8220;<a href=\"http:\/\/wiki.earlyimpact.com\/bto\/btotricks-floating-prices\">Showing configuration prices in a floating panel<\/a>&#8221; in the ProductCart WIKI. Enjoy!<\/div>\n","protected":false},"excerpt":{"rendered":"<p>The product and service configurator that is part of ProductCart Build To Order gives e-commerce merchants incredible flexibility when selling complex products and services. Take our own store: it would be difficult to sell something like the MailUp E-Mail Marketing Service without using ProductCart Build To Order. It allows us to include the bandwidth component, [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[6],"tags":[],"class_list":["post-1895","post","type-post","status-publish","format-standard","hentry","category-about-productcart"],"_links":{"self":[{"href":"https:\/\/blog.productcart.com\/index.php\/wp-json\/wp\/v2\/posts\/1895","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.productcart.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.productcart.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.productcart.com\/index.php\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.productcart.com\/index.php\/wp-json\/wp\/v2\/comments?post=1895"}],"version-history":[{"count":0,"href":"https:\/\/blog.productcart.com\/index.php\/wp-json\/wp\/v2\/posts\/1895\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.productcart.com\/index.php\/wp-json\/wp\/v2\/media?parent=1895"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.productcart.com\/index.php\/wp-json\/wp\/v2\/categories?post=1895"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.productcart.com\/index.php\/wp-json\/wp\/v2\/tags?post=1895"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}