{"id":1741,"date":"2021-11-02T01:36:10","date_gmt":"2021-11-02T01:36:10","guid":{"rendered":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/?p=1741"},"modified":"2024-03-22T03:53:52","modified_gmt":"2024-03-22T03:53:52","slug":"udesign-elements","status":"publish","type":"post","link":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/2021\/11\/02\/udesign-elements\/","title":{"rendered":"UDesign Elements"},"content":{"rendered":"\n

Today using native WordPress shortcode function is not comfortable and easy. Instead, you can create your pages using our Elementor<\/em> <\/strong> Page Builder elements (shortcodes) allowing to create page templates of any design. UDesign has developed an integrated set of elements expanding and improving options in order to provide comprehensive tools to present WooCommerce products and functionality.  <\/p>\n\n\n\n

UDesign Header Elements<\/h4>\n\n\n\n
    \n
  1. Account<\/a> – Allows you to place your account element on any part of your header.<\/li>\n\n\n\n
  2. Cart<\/a> – Offers you 4 kinds of display modes and 2 cart icon types.<\/li>\n\n\n\n
  3. Compare<\/a> – Allows you to design your compare process in simple and friendly way.<\/li>\n\n\n\n
  4. Currency Switcher<\/a> – Needs for switching currency of whole site.<\/li>\n\n\n\n
  5. Language Switcher<\/a> – Needs for switching currency of whole site. <\/li>\n\n\n\n
  6. Mobile Menu Toggle<\/a> – Provide you perfect responsive options of Main-Menu.<\/li>\n\n\n\n
  7. Vertical Divider<\/a> – Make your header more logical and intuitive than ever before.<\/li>\n\n\n\n
  8. Wishlist<\/a> – UDesign Wishlist Element is very compatible with yith<\/em> plugin.<\/li>\n<\/ol>\n\n\n\n

    UDesign Widgets<\/h4>\n\n\n\n
      \n
    1. Heading<\/a> – With Heading of UDesign, you can put heading and description on any place.<\/li>\n\n\n\n
    2. Timeline Horizontal<\/a> – You can create any types of timelines(horizontal) you want.<\/li>\n\n\n\n
    3. FlipBox<\/a> – Flip-Box of UDesign can decorate your page with various effect.<\/li>\n\n\n\n
    4. Image Compare<\/a> – With this element, you can compare images in a horizontal or vertical position.<\/li>\n\n\n\n
    5. Price Tables<\/a> – UDesign offers Price Tables to show various plans and price comparatively.<\/li>\n\n\n\n
    6. Table<\/a> – You can create any types of table you want.<\/li>\n\n\n\n
    7. Progress Bars<\/a> – Customers use progress bar to use process of task.<\/li>\n\n\n\n
    8. Timeline Vertical<\/a> – You can create any types of timelines(vertical) you want.<\/li>\n\n\n\n
    9. Products<\/a> – You can show products by using this element.<\/li>\n\n\n\n
    10. Polar Chart<\/a> – Polar Chart is to use for showing various kind of 2-dimensional data on the chart. <\/li>\n\n\n\n
    11. Product Categories<\/a> – You can show product categories by using this element.<\/li>\n\n\n\n
    12. Alert<\/a> – Alert is to use for announcing information about something important to you.<\/li>\n\n\n\n
    13. Icon Box<\/a> – The Icon Box Element is of what to transform your information to your customers. <\/li>\n\n\n\n
    14. Counters<\/a> – Counters Element is to use for announcing information related numbers.<\/li>\n\n\n\n
    15. Radar Chart<\/a> – Radar Chart is to use for showing various kind of 2-dimensional data on the chart.<\/li>\n\n\n\n
    16. Pie & Doughnut Chart<\/a> – Pie & Doughnut Chart is to use for showing various kind of 2-dimensional data on the chart.<\/li>\n\n\n\n
    17. Posts<\/a> – Posts is used in all most development of demos. UDesign offers post widget with 9 widely used types.<\/li>\n\n\n\n
    18. Image Box<\/a> – Sometimes, Imagebox is useful to display multi-information except products or posts.<\/li>\n\n\n\n
    19. Block<\/a> – As UDesign offers Block, you can set block-template on the page easily.<\/li>\n\n\n\n
    20. Countdown<\/a> – With UDesign Countdown Widget, you can make page beautifully.<\/li>\n\n\n\n
    21. Button<\/a> – UDesign provides several types of button exclusive of default style.<\/li>\n\n\n\n
    22. Image Gallery<\/a> – You can put images in a slider, grid or creative grid and also present images on popup content.<\/li>\n\n\n\n
    23. Search<\/a> –  You can put the widget on the anywhere and change the shape to Dropdown<\/strong>, Fullscreen<\/strong>, Overlap<\/strong>.<\/li>\n\n\n\n
    24. Testimonials<\/a> – You can create any types of testimonial you want.<\/li>\n\n\n\n
    25. Social Icons<\/a> – With this one, you can customize the shape of social icons in your mind.<\/li>\n\n\n\n
    26. Highlight<\/a> – With Hightlight widget, you can emphasize heading you want in the sentence.<\/li>\n\n\n\n
    27. Hotspot<\/a> – It is high time to display information right on the data in the development process of Demos.<\/li>\n\n\n\n
    28. Icon List<\/a> – With this element, you can show icon lists and also it is possible to make them as link.<\/li>\n\n\n\n
    29. Animated Text<\/a> – UDesign Animated Text can decorate your title satisfactorily.<\/li>\n\n\n\n
    30. Bar Chart<\/a> – With UDesign Bar Chart, you can container and show data more intuitive.<\/li>\n\n\n\n
    31. Line Chart<\/a> – On the line chart, you can observe the special data by clicking the other legends.<\/li>\n\n\n\n
    32. Events<\/a> – The Event Element is super versatile to present your events on your site.<\/li>\n\n\n\n
    33. Portfolio<\/a> – You can show portfolio by using this element.<\/li>\n\n\n\n
    34. Member<\/a> – You can show member by using this element.<\/li>\n\n\n\n
    35. Accordions(Section)<\/a> – With this one, you can set any widgets in the accordion body.<\/li>\n\n\n\n
    36. Creative Grid(Section)<\/a> – With this one, you can set any widgets in the body.<\/li>\n\n\n\n
    37. Slider(Section)<\/a> – UDesign offers section slider. With this one, you can set any widgets in the body.<\/li>\n\n\n\n
    38. Tabs(Section)<\/a> – UDesign offers Section Tab function and you can create any type of tabs.<\/li>\n\n\n\n
    39. Brands<\/a> – Showcase brands as a Carousel or Grid. You can show whether brand only or brands with products.<\/li>\n\n\n\n
    40. Banner<\/a> – Make your own banner with this element.<\/li>\n\n\n\n
    41. Contact<\/a> – Allows you easy-connect with your partner.<\/li>\n\n\n\n
    42. 360 Degree View<\/a> – Allows you to view the images in all directions.<\/li>\n\n\n\n
    43. Breadcrumb<\/a> – Put the breadcrumb into any part of your site.<\/li>\n\n\n\n
    44. Menu<\/a> – Insert menus you already built to site.<\/li>\n\n\n\n
    45. Site Logo<\/a> – Show off logo of current site.<\/li>\n\n\n\n
    46. Price List<\/a> – Show off price list.<\/li>\n\n\n\n
    47. Sticky Navigation<\/a> – This element helps you to navigate to each section easily.<\/li>\n\n\n\n
    48. Circle Info<\/a> – You can show information in an attracting rotating circle.<\/li>\n\n\n\n
    49. Circle Progress Bar<\/a> – You can show statistic information in a circled form.<\/li>\n\n\n\n
    50. Scroll Progress Bar<\/a> – You can show this widget to show your viewpoint visually in page.<\/li>\n\n\n\n
    51. Marquee<\/a> – Allows you apply marquee effects with text or images<\/li>\n<\/ol>\n\n\n\n

      UDesign Single Builder Elements<\/h4>\n\n\n\n

      UDesgin Single Builder Elements is only supported for Single builder. You can build your own layout as much as possible using our following elements.<\/p>\n\n\n\n

        \n
      1. Featured Image<\/a> – Show off the post feature image.<\/li>\n\n\n\n
      2. Author Box<\/a> – Display the author information.<\/li>\n\n\n\n
      3. Post Comments<\/a> – Show off the customer’s say to the site.<\/li>\n\n\n\n
      4. Post navigation<\/a> – Allows you to locate navigation on any part of the page.<\/li>\n\n\n\n
      5. Related Posts<\/a> – Display the related posts with current one.<\/li>\n\n\n\n
      6. Post meta<\/a> – Show off the post meta such as author name, comments count and so on.<\/li>\n\n\n\n
      7. Post Tags<\/a> – Show tags of current post.<\/li>\n<\/ol>\n\n\n\n

        UDesign Archive Builder Elements<\/h4>\n\n\n\n

        UDesgin Archive Builder Elements is only supported for Archive builder. You can build your own layout as much as possible using our following elements.<\/p>\n\n\n\n

          \n
        1. Archive Posts<\/a> – Display all posts added to current site.<\/li>\n<\/ol>\n\n\n\n

          UDesign Shop Builder Elements<\/h4>\n\n\n\n

          UDesgin Shop Builder Elements is only supported for Shop builder. You can build your own shop layout as much as possible using our following elements.<\/p>\n\n\n\n

            \n
          1. Shop Products<\/a> – Display all products added to current site.<\/li>\n\n\n\n
          2. Shop Sort<\/a> – Place the sort options on any part of your page.<\/li>\n\n\n\n
          3. Product Results<\/a> – Show the number of products existed in current site.<\/li>\n\n\n\n
          4. Pagination<\/a> – Display the pagination on any part of your page.<\/li>\n\n\n\n
          5. Count Per Page<\/a> – Display options to set the number of products showed per page.<\/li>\n\n\n\n
          6. Grid \/ List Toggle<\/a> – Select a layout mode such as grid and list.<\/li>\n\n\n\n
          7. Filter Toggle<\/a> – Put the filter button in shop page.<\/li>\n<\/ol>\n\n\n\n

            UDesign Single Product Elements<\/h4>\n\n\n\n

            UDesgin Single Product Elements is only supported for Single product page layout. If you mind our single product page layout, then you can build your own layout using UDesign single product elements. All elements functionality is like this:<\/p>\n\n\n\n

              \n
            1. Product Images<\/a> – Show product gallery images with thumbnails.<\/li>\n\n\n\n
            2. Product Navigation<\/a> – Allows you to locate navigation on any part of page.<\/li>\n\n\n\n
            3. Product Title<\/a> – Display title of product.<\/li>\n\n\n\n
            4. Product Meta<\/a> – Display product meta including category and sku.<\/li>\n\n\n\n
            5. Product Rating<\/a> – Show off product ratings.<\/li>\n\n\n\n
            6. Product Price<\/a> – Display product price.<\/li>\n\n\n\n
            7. Product Flash Sale<\/a> – Show countdown in case of sale product.<\/li>\n\n\n\n
            8. Product Excerpt<\/a> – Show short description of product.<\/li>\n\n\n\n
            9. Product Cart Form<\/a> – Display quanityinput, add to cart and product variation.<\/li>\n\n\n\n
            10. Product Data tabs<\/a> – Showcase product data such as description, specification or reviews.<\/li>\n\n\n\n
            11. Product Frequently Bought Together<\/a> – Display the products with which customers often buy current product.<\/li>\n\n\n\n
            12. Linked Products<\/a> – Show off related product.<\/li>\n\n\n\n
            13. Product Compare<\/a> – Allows you to insert compare button in any part of your single product page.<\/li>\n\n\n\n
            14. Product Wishlist<\/a> – Allows you to add wishlist button to any part of your single product page.<\/li>\n\n\n\n
            15. Product Tags<\/a> – Show the tags added to current product.<\/li>\n\n\n\n
            16. Product Attributes<\/a> – Show product attributes.<\/li>\n\n\n\n
            17. Vendor Products<\/a> – Show off vendor product.<\/li>\n\n\n\n
            18. Add To Cart<\/a> – Allows you to add to cart button to any part of your single product page.<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"

              Today using native WordPress shortcode function is not comfortable and easy. Instead, you can create your pages using our Elementor Page Builder elements (shortcodes) allowing to create page templates of any design. UDesign has developed an integrated set of elements expanding and improving options in order to provide comprehensive tools to present WooCommerce products and […]<\/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":[7],"tags":[],"class_list":["post-1741","post","type-post","status-publish","format-standard","hentry","category-elementor"],"_links":{"self":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/1741","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=1741"}],"version-history":[{"count":2,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/1741\/revisions"}],"predecessor-version":[{"id":9747,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/1741\/revisions\/9747"}],"wp:attachment":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/media?parent=1741"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/categories?post=1741"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/tags?post=1741"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}