{"id":763,"date":"2020-09-04T08:37:42","date_gmt":"2020-09-04T08:37:42","guid":{"rendered":"https:\/\/dentalia.orionthemes.com\/documentation\/?page_id=763"},"modified":"2021-01-06T12:47:28","modified_gmt":"2021-01-06T12:47:28","slug":"price-list-widget","status":"publish","type":"page","link":"https:\/\/dentalia.orionthemes.com\/documentation\/widgets\/price-list-widget\/","title":{"rendered":"Price List Widget"},"content":{"rendered":"<div id=\"pl-763\"  class=\"panel-layout\" ><div id=\"pg-763-0\"  class=\"panel-grid panel-has-style\" ><div class=\"siteorigin-panels-stretch divider-no-animation tablet-1-in-row mobile-default desktop-default bg-altsitebg panel-row-style panel-row-style-for-763-0\" data-stretch-type=\"full\" ><div id=\"pgc-763-0-0\"  class=\"panel-grid-cell panel-grid-cell-empty\" ><\/div><div id=\"pgc-763-0-1\"  class=\"panel-grid-cell panel-grid-cell-mobile-last\" ><div id=\"panel-763-0-1-0\" class=\"so-panel widget widget_orion_heading_w panel-first-child\" data-index=\"0\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-763-0-1-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_heading_w so-widget-orion_heading_w-base\"\n\t\t\t\n\t\t> \r\n\t\t\t<div class=\"row orion-heading\" style=\"margin-bottom:0px;\">\r\n\t\t<div class=\"col-md-12   text-center style-display-2 style-primary-color\">\r\n\t\t\t<h1 class=\"primary-color text-uppercase display-2\">\r\n\t\t\t\tPrice List Widget\t\t\t<\/h1>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\r\n\t<\/div><\/div><\/div><div id=\"panel-763-0-1-1\" class=\"so-panel widget widget_sow-editor panel-last-child\" data-index=\"1\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-763-0-1-1\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-editor so-widget-sow-editor-base\"\n\t\t\t\n\t\t>\n<div class=\"siteorigin-widget-tinymce textwidget\">\n\t<p class=\"lead\" style=\"text-align: center;\">A customizable price list widget.<\/p>\n<\/div>\n<\/div><\/div><\/div><\/div><div id=\"pgc-763-0-2\"  class=\"panel-grid-cell panel-grid-cell-empty\" ><\/div><\/div><\/div><div id=\"pg-763-1\"  class=\"panel-grid panel-has-style\" ><div class=\"siteorigin-panels-stretch divider-no-animation tablet-1-in-row mobile-1-in-row desktop-default clear panel-row-style panel-row-style-for-763-1\" data-stretch-type=\"full\" ><div id=\"pgc-763-1-0\"  class=\"panel-grid-cell\" ><div class=\"clear panel-cell-style panel-cell-style-for-763-1-0\" ><div id=\"panel-763-1-0-0\" class=\"so-panel widget widget_orion_heading_w panel-first-child\" data-index=\"2\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-763-1-0-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_heading_w so-widget-orion_heading_w-base\"\n\t\t\t\n\t\t> \r\n\t\t\t<div class=\"row orion-heading\" style=\"margin-bottom:12px;\">\r\n\t\t<div class=\"col-md-12   text-left style-h2 style-primary-color\">\r\n\t\t\t<h2 class=\"primary-color\">\r\n\t\t\t\tWidget Options\t\t\t<\/h2>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\r\n\t<\/div><\/div><\/div><div id=\"panel-763-1-0-1\" class=\"so-panel widget widget_sow-editor\" data-index=\"3\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-763-1-0-1\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-editor so-widget-sow-editor-base\"\n\t\t\t\n\t\t>\n<div class=\"siteorigin-widget-tinymce textwidget\">\n\t<ul class=\"list-arrow lead-list\">\n<li><strong>Add+<\/strong> creates a new, empty element.<\/li>\n<li><strong>Service<\/strong>: The service title goes here.<\/li>\n<li><strong>Description<\/strong>: You can add a short description of what's included.<\/li>\n<li><strong>Price<\/strong>: Enter the price of the service.<\/li>\n<li><strong>Highlight price:<\/strong> Will make the price stand out.<\/li>\n<\/ul>\n<\/div>\n<\/div><\/div><\/div><div id=\"panel-763-1-0-2\" class=\"so-panel widget widget_orion_dividers_w\" data-index=\"4\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-763-1-0-2\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_dividers_w so-widget-orion_dividers_w-base\"\n\t\t\t\n\t\t>\t<hr style=\"border-top-width:2px; border-top-color:rgba(0,0,0,0.05); border-style: dashed; width: 100%;  margin-top:11px; margin-bottom:47px;\"><\/div><\/div><\/div><div id=\"panel-763-1-0-3\" class=\"so-panel widget widget_orion_heading_w\" data-index=\"5\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-763-1-0-3\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_heading_w so-widget-orion_heading_w-base\"\n\t\t\t\n\t\t> \r\n\t\t\t<div class=\"row orion-heading\" style=\"margin-bottom:24px;\">\r\n\t\t<div class=\"col-md-12   text-left style-display-3 style-secondary-color\">\r\n\t\t\t<h3 class=\"secondary-color text-uppercase display-3\">\r\n\t\t\t\tSettings\t\t\t<\/h3>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\r\n\t<\/div><\/div><\/div><div id=\"panel-763-1-0-4\" class=\"so-panel widget widget_sow-editor panel-last-child\" data-index=\"6\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-763-1-0-4\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-editor so-widget-sow-editor-base\"\n\t\t\t\n\t\t>\n<div class=\"siteorigin-widget-tinymce textwidget\">\n\t<ul class=\"list-arrow lead-list\">\n<li><strong>Text color:<\/strong> Choose between dark or light text.<\/li>\n<li><strong>Settings panel: <\/strong>You can further customize the colors of different textual elements and set <strong>custom colors<\/strong> for the <strong>Service title<\/strong>, <strong>description,<\/strong> and <strong>price<\/strong>.<\/li>\n<\/ul>\n<\/div>\n<\/div><\/div><\/div><\/div><\/div><div id=\"pgc-763-1-1\"  class=\"panel-grid-cell\" ><div id=\"panel-763-1-1-0\" class=\"so-panel widget widget_orion_image_w panel-first-child\" data-index=\"7\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-763-1-1-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_image_w so-widget-orion_image_w-base\"\n\t\t\t\n\t\t>\r\n<div class=\"image-w relative  img-frame shadow-4\">\r\n\r\n\t\t\t\t\t\t\t\t\t\t<a rel=\"orion-images\" class=\" overlay-none overlay-hover-none\" href=\"https:\/\/dentalia.orionthemes.com\/documentation\/wp-content\/uploads\/2020\/09\/dentalia-pricelist-widget.jpg\" title=\"\" data-caption=\"\" data-fancybox=\"https:\/\/dentalia.orionthemes.com\/documentation\/wp-content\/uploads\/2020\/09\/dentalia-pricelist-widget.jpg\">\r\n\t\t\r\n\t\t\t\t\t<img width=\"960\" height=\"737\" src=\"https:\/\/dentalia.orionthemes.com\/documentation\/wp-content\/uploads\/2020\/09\/dentalia-pricelist-widget.jpg\" class=\"attachment- size-\" alt=\"\" loading=\"lazy\" \/>\t\t\t<div class=\"overlay\"><\/div>\r\n\t\t\r\n\t\t\t\t\t<\/a>\r\n\t\t\t\r\n\t\r\n\t<div class=\"absolute\">\r\n\t\t<div class=\"hover-desc table-wrap\">\r\n\t\t\t<div class=\"cell-wrap\">\r\n\t\t\t\t<h4 class=\"text-light\"><\/h4>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/div>\t\t\t\t\t\r\n<\/div>\r\n\r\n<\/div><\/div><\/div><div id=\"panel-763-1-1-1\" class=\"so-panel widget widget_orion_empty_space_w\" data-index=\"8\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-763-1-1-1\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_empty_space_w so-widget-orion_empty_space_w-base\"\n\t\t\t\n\t\t>\t<div class=\"row empty-space visible-lg visible-md visible-sm visible-xs\" style=\"height:30px;\">\r\n\t<\/div><\/div><\/div><\/div><div id=\"panel-763-1-1-2\" class=\"so-panel widget widget_orion_image_w panel-last-child\" data-index=\"9\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-763-1-1-2\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_image_w so-widget-orion_image_w-base\"\n\t\t\t\n\t\t>\r\n<div class=\"image-w relative  img-frame shadow-4\">\r\n\r\n\t\t\t\t\t\t\t\t\t\t<a rel=\"orion-images\" class=\" overlay-none overlay-hover-none\" href=\"https:\/\/dentalia.orionthemes.com\/documentation\/wp-content\/uploads\/2020\/09\/dentalia-pricelist-widget-settings.jpg\" title=\"\" data-caption=\"\" data-fancybox=\"https:\/\/dentalia.orionthemes.com\/documentation\/wp-content\/uploads\/2020\/09\/dentalia-pricelist-widget-settings.jpg\">\r\n\t\t\r\n\t\t\t\t\t<img width=\"960\" height=\"598\" src=\"https:\/\/dentalia.orionthemes.com\/documentation\/wp-content\/uploads\/2020\/09\/dentalia-pricelist-widget-settings.jpg\" class=\"attachment- size-\" alt=\"\" loading=\"lazy\" \/>\t\t\t<div class=\"overlay\"><\/div>\r\n\t\t\r\n\t\t\t\t\t<\/a>\r\n\t\t\t\r\n\t\r\n\t<div class=\"absolute\">\r\n\t\t<div class=\"hover-desc table-wrap\">\r\n\t\t\t<div class=\"cell-wrap\">\r\n\t\t\t\t<h4 class=\"text-light\"><\/h4>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/div>\t\t\t\t\t\r\n<\/div>\r\n\r\n<\/div><\/div><\/div><\/div><\/div><\/div><div id=\"pg-763-2\"  class=\"panel-grid panel-has-style\" ><div class=\"siteorigin-panels-stretch divider-no-animation tablet-1-in-row mobile-default desktop-default bg-altsitebg panel-row-style panel-row-style-for-763-2\" data-stretch-type=\"full\" ><div id=\"pgc-763-2-0\"  class=\"panel-grid-cell\" ><div id=\"panel-763-2-0-0\" class=\"so-panel widget widget_orion_heading_w panel-first-child\" data-index=\"10\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-763-2-0-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_heading_w so-widget-orion_heading_w-base\"\n\t\t\t\n\t\t> \r\n\t\t\t<div class=\"row orion-heading\" style=\"margin-bottom:24px;\">\r\n\t\t<div class=\"col-md-12   text-center style-display-3 style-text-default\">\r\n\t\t\t<h3 class=\"text-default text-uppercase display-3\">\r\n\t\t\t\tExample A (Dark text)\t\t\t<\/h3>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\r\n\t<\/div><\/div><\/div><div id=\"panel-763-2-0-1\" class=\"so-panel widget widget_orion_pricelist_w panel-last-child\" data-index=\"11\" ><div class=\"orion bg-sitebg default shadow-4 panel-widget-style panel-widget-style-for-763-2-0-1\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_pricelist_w so-widget-orion_pricelist_w-base\"\n\t\t\t\n\t\t>\r\n<div class=\"orion-pricelist row \">\r\n\t\t\r\n\r\n\t\t\t<div class=\"item col-md-12\">\r\n\t\t\t<div class=\"title \">\r\n\t\t\t\t<h6 class=\"item-title \"  >\r\n\t\t\t\t\tService 1\t\t\r\n\t\t\t\t<\/h6>\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h6 class=\"price item-title text-right highlight\" >\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"highlight-wrap\">\r\n\t\t\t\t\t\t\t\t<span class=\"highlight-innerwrap\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tfree\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t<\/h6>\r\n\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t<div class=\"description\" >\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t\t<div class=\"item col-md-12\">\r\n\t\t\t<div class=\"title \">\r\n\t\t\t\t<h6 class=\"item-title \"  >\r\n\t\t\t\t\tService 2\t\t\r\n\t\t\t\t<\/h6>\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h6 class=\"price item-title text-right\" >\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tfrom 750$\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t<\/h6>\r\n\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t<div class=\"description\" >\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t\t<div class=\"item col-md-12\">\r\n\t\t\t<div class=\"title \">\r\n\t\t\t\t<h6 class=\"item-title \"  >\r\n\t\t\t\t\tService 3\t\t\r\n\t\t\t\t<\/h6>\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h6 class=\"price item-title text-right\" >\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t60$ \/ hour\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t<\/h6>\r\n\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t<div class=\"description\" >\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t\t<div class=\"item col-md-12\">\r\n\t\t\t<div class=\"title \">\r\n\t\t\t\t<h6 class=\"item-title \"  >\r\n\t\t\t\t\tService 4\t\t\r\n\t\t\t\t<\/h6>\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h6 class=\"price item-title text-right\" >\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t30$\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t<\/h6>\r\n\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t<div class=\"description\" >\r\n\t\t\t\t<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.<\/p>\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/div><\/div><\/div><\/div><\/div><div id=\"pgc-763-2-1\"  class=\"panel-grid-cell\" ><div id=\"panel-763-2-1-0\" class=\"so-panel widget widget_orion_heading_w panel-first-child\" data-index=\"12\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-763-2-1-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_heading_w so-widget-orion_heading_w-base\"\n\t\t\t\n\t\t> \r\n\t\t\t<div class=\"row orion-heading\" style=\"margin-bottom:24px;\">\r\n\t\t<div class=\"col-md-12   text-center style-display-3 style-text-default\">\r\n\t\t\t<h3 class=\"text-default text-uppercase display-3\">\r\n\t\t\t\tExample B (Light text)\t\t\t<\/h3>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\r\n\t<\/div><\/div><\/div><div id=\"panel-763-2-1-1\" class=\"so-panel widget widget_orion_pricelist_w panel-last-child\" data-index=\"13\" ><div class=\"orion bg-c3 default panel-widget-style panel-widget-style-for-763-2-1-1\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_pricelist_w so-widget-orion_pricelist_w-base\"\n\t\t\t\n\t\t>\r\n<div class=\"orion-pricelist row text-light\">\r\n\t\t\r\n\r\n\t\t\t<div class=\"item col-md-12\">\r\n\t\t\t<div class=\"title \">\r\n\t\t\t\t<h6 class=\"item-title \"  >\r\n\t\t\t\t\tService 1\t\t\r\n\t\t\t\t<\/h6>\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h6 class=\"price item-title text-right highlight\" >\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"highlight-wrap\">\r\n\t\t\t\t\t\t\t\t<span class=\"highlight-innerwrap\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tfree\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t<\/h6>\r\n\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t<div class=\"description\" >\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t\t<div class=\"item col-md-12\">\r\n\t\t\t<div class=\"title \">\r\n\t\t\t\t<h6 class=\"item-title \"  >\r\n\t\t\t\t\tService 2\t\t\r\n\t\t\t\t<\/h6>\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h6 class=\"price item-title text-right\" >\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tfrom 750$\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t<\/h6>\r\n\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t<div class=\"description\" >\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t\t<div class=\"item col-md-12\">\r\n\t\t\t<div class=\"title \">\r\n\t\t\t\t<h6 class=\"item-title \"  >\r\n\t\t\t\t\tService 3\t\t\r\n\t\t\t\t<\/h6>\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h6 class=\"price item-title text-right\" >\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t60$ \/ hour\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t<\/h6>\r\n\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t<div class=\"description\" >\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t\t<div class=\"item col-md-12\">\r\n\t\t\t<div class=\"title \">\r\n\t\t\t\t<h6 class=\"item-title \"  >\r\n\t\t\t\t\tService 4\t\t\r\n\t\t\t\t<\/h6>\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h6 class=\"price item-title text-right\" >\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t30$\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t<\/h6>\r\n\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t<div class=\"description\" >\r\n\t\t\t\t<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.<\/p>\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>A customizable price list widget. Add+ creates a new, empty element. Service: The service title goes here. Description: You can add a short description of what&#8217;s included. Price: Enter the price of the service. Highlight price: Will make the price stand out. Text color: Choose between dark or light text. Settings panel: You can further<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":984,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/dentalia.orionthemes.com\/documentation\/wp-json\/wp\/v2\/pages\/763"}],"collection":[{"href":"https:\/\/dentalia.orionthemes.com\/documentation\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dentalia.orionthemes.com\/documentation\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dentalia.orionthemes.com\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dentalia.orionthemes.com\/documentation\/wp-json\/wp\/v2\/comments?post=763"}],"version-history":[{"count":11,"href":"https:\/\/dentalia.orionthemes.com\/documentation\/wp-json\/wp\/v2\/pages\/763\/revisions"}],"predecessor-version":[{"id":2949,"href":"https:\/\/dentalia.orionthemes.com\/documentation\/wp-json\/wp\/v2\/pages\/763\/revisions\/2949"}],"up":[{"embeddable":true,"href":"https:\/\/dentalia.orionthemes.com\/documentation\/wp-json\/wp\/v2\/pages\/984"}],"wp:attachment":[{"href":"https:\/\/dentalia.orionthemes.com\/documentation\/wp-json\/wp\/v2\/media?parent=763"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}