{"id":4404,"date":"2022-02-13T04:18:42","date_gmt":"2022-02-13T04:18:42","guid":{"rendered":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/?p=4404"},"modified":"2022-02-13T04:19:04","modified_gmt":"2022-02-13T04:19:04","slug":"compare-element","status":"publish","type":"post","link":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/2022\/02\/13\/compare-element\/","title":{"rendered":"Compare Element"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">The Compare element plays an important role in your website, especially in your header part. The UDesign Compare Element is offered by UDesign.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Generally, people use wishlist and compare element in case of install\u00a0<strong>YITH<\/strong>\u00a0plugin. But with UDesign, you can use them without installing\u00a0<strong>YITH<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>UDesign<\/strong>\u00a0offers you easy-to-use and easy-to-customize compare element.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The UDesign Compare Element allows you to design your compare process in simple and friendly way.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">And also it allows you to place your compare element on any part of your header. And it provides multiple custom options.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In case you click compare icon, you can go to compare page to compare products with each others.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">How to create compare element?<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 1<\/strong>\u00a0\u2013 Please create, or choose the Column into which you want to add your element.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 2<\/strong>\u00a0\u2013 Select UDesign Compare 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=\"559\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/02\/8.png\" alt=\"\" class=\"wp-image-4409\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 3<\/strong>\u00a0\u2013 Configure the UDesign Compare Element to some place into your header.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 4<\/strong>\u00a0\u2013 After you finish your configuration, don\u2019t forget to save all changes.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Element Content Options<\/strong><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Compare Type:<\/strong>\u00a0There are 2 types of compare \u2013 block and inline.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Mini Compare List:<\/strong>\u00a0Compare element offers 3 types of mini compare list \u2013 do not show, dropdown and offcanvas.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Show Icon:<\/strong>\u00a0It is set whether show icon or not.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Icon:<\/strong>\u00a0You can change compare icon as you like.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Show Count:<\/strong>\u00a0It is set whether show count or not.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Show Label:<\/strong>\u00a0You can hide compare label.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Compare Label:<\/strong>\u00a0You can change compare label by using this option.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Element Style Options<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">And also you can change styles in style editor as you want such as typography, icon size etc.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Compare element plays an important role in your website, especially in your header part. The UDesign Compare Element is offered by UDesign. Generally, people use wishlist and compare element in case of install\u00a0YITH\u00a0plugin. But with UDesign, you can use them without installing\u00a0YITH. UDesign\u00a0offers you easy-to-use and easy-to-customize compare element. The UDesign Compare Element allows [&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":[24],"tags":[],"class_list":["post-4404","post","type-post","status-publish","format-standard","hentry","category-header-builder"],"_links":{"self":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/4404","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=4404"}],"version-history":[{"count":2,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/4404\/revisions"}],"predecessor-version":[{"id":4412,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/4404\/revisions\/4412"}],"wp:attachment":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/media?parent=4404"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/categories?post=4404"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/tags?post=4404"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}