{"id":4603,"date":"2022-02-13T06:36:16","date_gmt":"2022-02-13T06:36:16","guid":{"rendered":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/?p=4603"},"modified":"2022-12-07T22:22:59","modified_gmt":"2022-12-07T22:22:59","slug":"frequently-bought-together-element","status":"publish","type":"post","link":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/2022\/02\/13\/frequently-bought-together-element\/","title":{"rendered":"Frequently Bought Together Element"},"content":{"rendered":"\n<p>Why on earth are this element useful?<\/p>\n\n\n\n<p>Have you ever bought clothes and hat which are worked in with each other?<\/p>\n\n\n\n<p>Generally, people buy products which are worked in with each other. Let me give you an example.<\/p>\n\n\n\n<p>And it is good for your health to eat well-matched foods and also it tastes delicious that have bread and milk together.<\/p>\n\n\n\n<p>That\u2019s why this element is helpful in single product page.<\/p>\n\n\n\n<p>So you can show such products by using this element.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">How to create frequently bought together element?<\/h4>\n\n\n\n<p><strong>Step 1<\/strong>&nbsp;\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<p><strong>Step 2<\/strong>&nbsp;\u2013 Select UDesign Frequently Bought Together Element from the Element List.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"301\" height=\"822\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/02\/8-1-1.png\" alt=\"\" class=\"wp-image-4672\"\/><\/figure>\n\n\n\n<p><strong>Step 3<\/strong>&nbsp;\u2013 Configure the UDesign Frequently Bought Together Element to some place into your content.&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<p class=\"alert alert-info\">*Note: Before creating FBT Element, you need to enable FBT option in Customize Panel and add FBT products.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"345\" height=\"630\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/02\/1-5.png\" alt=\"\" class=\"wp-image-4605\"\/><\/figure>\n\n\n\n<p>You can see&nbsp;<a rel=\"noreferrer noopener\" href=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/2021\/11\/03\/frequently-bought-together\/\" target=\"_blank\">here<\/a>&nbsp;for more details about how to add FBT products.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Element Content Options<\/h4>\n\n\n\n<p>You can change content options as you want.<\/p>\n\n\n\n<p><strong>Typography:<\/strong>&nbsp;You can set product typography.<\/p>\n\n\n\n<p><strong>Width:<\/strong>&nbsp;You can control product width.<\/p>\n\n\n\n<p><strong>Space Between:<\/strong>&nbsp;You can control spacing between products.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Element Style Options<\/h4>\n\n\n\n<p>You can also set styles of add to cart button as you want.<\/p>\n\n\n\n<p><strong>Typography:<\/strong>&nbsp;You can set button typography.<\/p>\n\n\n\n<p><strong>Border:<\/strong>&nbsp;You can control button border \u2013 type, width, color, radius.<\/p>\n\n\n\n<p><strong>Padding, Margin:<\/strong>&nbsp;You can control padding and margin of button.<\/p>\n\n\n\n<p><strong>Color:<\/strong>&nbsp;You can choose text color, background color and border color.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Why on earth are this element useful? Have you ever bought clothes and hat which are worked in with each other? Generally, people buy products which are worked in with each other. Let me give you an example. And it is good for your health to eat well-matched foods and also it tastes delicious that [&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-4603","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\/4603","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=4603"}],"version-history":[{"count":2,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/4603\/revisions"}],"predecessor-version":[{"id":8351,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/4603\/revisions\/8351"}],"wp:attachment":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/media?parent=4603"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/categories?post=4603"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/tags?post=4603"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}