{"id":4616,"date":"2022-02-13T06:41:54","date_gmt":"2022-02-13T06:41:54","guid":{"rendered":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/?p=4616"},"modified":"2022-12-07T22:25:52","modified_gmt":"2022-12-07T22:25:52","slug":"vendor-products-element","status":"publish","type":"post","link":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/2022\/02\/13\/vendor-products-element\/","title":{"rendered":"Vendor Products Element"},"content":{"rendered":"\n

The UDesign Vendor Products Element allows you to display any vendor products<\/strong> in your layout.<\/p>\n\n\n\n

A vendor product is one that vendor asked to sell or advertise. You can display the vendor products in Columns, or as a Carousel.<\/p>\n\n\n\n

To use the UDesign Vendor Products Element, simply add the Element to a Column in your layout and configure the Element options to display the vendor products as you desire.<\/p>\n\n\n\n

How to create vendor products element?<\/h4>\n\n\n\n

Step 1<\/strong> \u2013 Please create, or choose the Column into which you want to add your element. Click on Add New Element.<\/p>\n\n\n\n

Step 2<\/strong> \u2013 Select UDesign Vendor Products Element from the Element List.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Step 3<\/strong> \u2013 Configure the UDesign Vendor Products Element to some place into your content. <\/p>\n\n\n\n

Step 4<\/strong> \u2013 After you finish your configuration, don\u2019t forget to save all changes.<\/p>\n\n\n\n

Element Content Options<\/strong><\/h4>\n\n\n\n

Products Layout:<\/strong> You can choose products layout type \u2013 Grid, Slider and Creative Grid.<\/p>\n\n\n\n

Image Size:<\/strong> You can select products image size.<\/p>\n\n\n\n

Columns:<\/strong> You can select the number of columns to display products on desktop, tablet and mobile mode.<\/p>\n\n\n\n

Column Spacing:<\/strong> You can select the amount of spacing between items.<\/p>\n\n\n\n

Load More:<\/strong> You can choose load more type \u2013 By Button or By Scroll.<\/p>\n\n\n\n

Filter by Category Widget:<\/strong> If there is a category widget enabled \u2018Filter Products\u2019 option in the same section, you can filter products by category widget<\/p>\n\n\n\n

Filter by Category:<\/strong> You can defines whether to show or hide category filters above products.<\/p>\n\n\n\n

Select Products:<\/strong> You can choose product ids of specific products to display.<\/p>\n\n\n\n

Select Brands:<\/strong> You can choose brands which include products to display.<\/p>\n\n\n\n

Product Count:<\/strong> You can controls number of products to display or load more.<\/p>\n\n\n\n

Product Status:<\/strong> You can choose product status: All, Featured, On Sale, Recently Viewed.<\/p>\n\n\n\n

Order By:<\/strong> You can defines how products should be ordered: Default, ID, Name, Date, Modified, Price, Random, Rating, Total Sales.<\/p>\n\n\n\n

Order Way:<\/strong> You can defines products ordering type.<\/p>\n\n\n\n

Date From:<\/strong> Start date that the ordering will be applied.<\/p>\n\n\n\n

Date To:<\/strong> End date that the ordering will be applied.<\/p>\n\n\n\n

Product Type:<\/strong> Select your specific product type to suit your need.<\/p>\n\n\n\n

Show In Box:<\/strong> Choose to show outline border around each product.<\/p>\n\n\n\n

Shadow Effect on Hover:<\/strong> You can set product hover shadow effect.<\/p>\n\n\n\n

Media Shadow Effect on Hover:<\/strong> You can set media shadow effect.<\/p>\n\n\n\n

Show Information:<\/strong> Choose to show information of product: Category, Label, Price, Rating, Attribute, Cart, Compare, Quick view, Wishlist, Excerpt.<\/p>\n\n\n\n

Show Sales Bar:<\/strong> This option defines whether to show or hide sales bar.<\/p>\n\n\n\n

Show Labels:<\/strong> Select to show product labels on left part of product thumbnail: Top, Sale, New, Out of Stock, Custom labels.<\/p>\n","protected":false},"excerpt":{"rendered":"

The UDesign Vendor Products Element allows you to display any vendor products in your layout. A vendor product is one that vendor asked to sell or advertise. You can display the vendor products in Columns, or as a Carousel. To use the UDesign Vendor Products Element, simply add the Element to a Column in your […]<\/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-4616","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\/4616","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=4616"}],"version-history":[{"count":2,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/4616\/revisions"}],"predecessor-version":[{"id":8354,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/4616\/revisions\/8354"}],"wp:attachment":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/media?parent=4616"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/categories?post=4616"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/tags?post=4616"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}