{"id":4582,"date":"2022-02-13T06:18:19","date_gmt":"2022-02-13T06:18:19","guid":{"rendered":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/?p=4582"},"modified":"2022-05-05T23:27:48","modified_gmt":"2022-05-05T23:27:48","slug":"product-price-element","status":"publish","type":"post","link":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/2022\/02\/13\/product-price-element\/","title":{"rendered":"Product Price Element"},"content":{"rendered":"\n<p>The Product Price Element is a simple Element to display WooCommerce Product Price anywhere in your Layout.<\/p>\n\n\n\n<p>This displays the product price information such as new price and old one and it can be customized to suit.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">How to create product price element?<\/h4>\n\n\n\n<p><strong>Step 1<\/strong>&nbsp;\u2013 Please create, or choose the Column into which you want to add your element.<\/p>\n\n\n\n<p><strong>Step 2<\/strong>&nbsp;\u2013 Select UDesign Product Price Element from the Element List.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"300\" height=\"817\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/02\/4-3-1.png\" alt=\"\" class=\"wp-image-4664\"\/><\/figure>\n\n\n\n<p><strong>Step 3<\/strong>&nbsp;\u2013 Configure the UDesign Product Price Element to some place into your content.&nbsp;<\/p>\n\n\n\n<p><strong>Step 4<\/strong>&nbsp;\u2013 After you finish your configuration, don\u2019t forget to save all changes.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Element Style Options<\/h4>\n\n\n\n<p>You can style price in style editor as you want.<\/p>\n\n\n\n<p><strong>Typography:<\/strong>&nbsp;You can set product price typography.<\/p>\n\n\n\n<p><strong>Alignment:<\/strong>&nbsp;You can set alignment of product price.<\/p>\n\n\n\n<p><strong>Color:<\/strong>&nbsp;You can choose price color, new price color and old price color.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Product Price Element is a simple Element to display WooCommerce Product Price anywhere in your Layout. This displays the product price information such as new price and old one and it can be customized to suit. How to create product price element? Step 1&nbsp;\u2013 Please create, or choose the Column into which you want [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[29],"tags":[],"class_list":["post-4582","post","type-post","status-publish","format-standard","hentry","category-single-product-builder"],"_links":{"self":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/4582","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/comments?post=4582"}],"version-history":[{"count":2,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/4582\/revisions"}],"predecessor-version":[{"id":7708,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/4582\/revisions\/7708"}],"wp:attachment":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/media?parent=4582"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/categories?post=4582"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/tags?post=4582"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}