{"id":4611,"date":"2022-02-13T06:39:46","date_gmt":"2022-02-13T06:39:46","guid":{"rendered":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/?p=4611"},"modified":"2022-09-03T20:07:35","modified_gmt":"2022-09-03T20:07:35","slug":"linked-product-elements","status":"publish","type":"post","link":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/2022\/02\/13\/linked-product-elements\/","title":{"rendered":"Linked Product Elements"},"content":{"rendered":"\n

The UDesign Linked Products Element allows you to display any related products<\/strong> and up-sell products<\/strong> in your layout.<\/p>\n\n\n\n

A related product is one that is in the same category, or shares a tag. You can display the related products in Columns, or as a Carousel.<\/p>\n\n\n\n

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

As you can see below in the Element Options, there are a range of Options to control both the functionality and design of the Related Products.<\/p>\n\n\n\n

In here, we add only one field in UDesign Products. You can show to related or up-sell products using \u2018product status\u2019 field.<\/p>\n\n\n\n

How to create linked product element?<\/h4>\n\n\n\n

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

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

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

Step 3<\/strong> \u2013 Configure the UDesign Linked Product 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

This element offers various options so you can change as you want.<\/p>\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 define 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 Linked Products Element allows you to display any related products and up-sell products in your layout. A related product is one that is in the same category, or shares a tag. You can display the related products in Columns, or as a Carousel. To use the UDesign Linked Products Element, simply add the Element to a Column […]<\/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-4611","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\/4611","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=4611"}],"version-history":[{"count":2,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/4611\/revisions"}],"predecessor-version":[{"id":8027,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/4611\/revisions\/8027"}],"wp:attachment":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/media?parent=4611"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/categories?post=4611"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/tags?post=4611"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}