{"id":4620,"date":"2022-02-13T06:44:15","date_gmt":"2022-02-13T06:44:15","guid":{"rendered":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/?p=4620"},"modified":"2022-12-07T22:27:00","modified_gmt":"2022-12-07T22:27:00","slug":"product-compare-element","status":"publish","type":"post","link":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/2022\/02\/13\/product-compare-element\/","title":{"rendered":"Product Compare Element"},"content":{"rendered":"\n<p>A compare element is an important element of WooCommerce website. By using this element, you can compare products in product compare page.<\/p>\n\n\n\n<p>For example, when you are gonna buy a hat, you can choose various kinds of hats and compare them with each others.<\/p>\n\n\n\n<p>It must be compatible with eCommerce Related Plugins like&nbsp;<strong>WooCommerce<\/strong>,&nbsp;<strong>YITH&nbsp;<\/strong>and so on. And it must provides accurate information and stunning styles as well.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">How to create product compare element?<\/h4>\n\n\n\n<p><strong>Step 1<\/strong>&nbsp;\u2013 Create, or choose the Column into which you want to add your element. Click on Add New Element.<\/p>\n\n\n\n<p><strong>Step 2<\/strong>&nbsp;\u2013 Select UDesign Product Compare Element from the Element List.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"299\" height=\"825\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/02\/12-2.png\" alt=\"\" class=\"wp-image-4687\"\/><\/figure>\n\n\n\n<p><strong>Step 3<\/strong>&nbsp;\u2013 Configure the UDesign Product Compare Element to some place into your content. And then, default compare will be shown with default layout.&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><strong>Icon Size:<\/strong>&nbsp;You can control compare Icon size.<\/p>\n\n\n\n<p><strong>Colour and Hover Colour:&nbsp;<\/strong>You can control&nbsp;<em>icon colour and hover colour.<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>A compare element is an important element of WooCommerce website. By using this element, you can compare products in product compare page. For example, when you are gonna buy a hat, you can choose various kinds of hats and compare them with each others. It must be compatible with eCommerce Related Plugins like&nbsp;WooCommerce,&nbsp;YITH&nbsp;and so on. [&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-4620","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\/4620","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=4620"}],"version-history":[{"count":2,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/4620\/revisions"}],"predecessor-version":[{"id":8357,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/4620\/revisions\/8357"}],"wp:attachment":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/media?parent=4620"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/categories?post=4620"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/tags?post=4620"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}