{"id":4572,"date":"2022-02-13T06:09:49","date_gmt":"2022-02-13T06:09:49","guid":{"rendered":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/?p=4572"},"modified":"2022-02-13T07:17:45","modified_gmt":"2022-02-13T07:17:45","slug":"product-navigation-element","status":"publish","type":"post","link":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/2022\/02\/13\/product-navigation-element\/","title":{"rendered":"Product Navigation Element"},"content":{"rendered":"\n<p>Nav plays a key role in single product page.<\/p>\n\n\n\n<p>You can display product navigation by using this element and customize anything you want.<\/p>\n\n\n\n<p>In here, shows description about next or previous nav.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">How to create product navigation 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>\u00a0\u2013 Select UDesign Product Navigation 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=\"808\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/02\/2-3-1.png\" alt=\"\" class=\"wp-image-4660\"\/><\/figure>\n\n\n\n<p><strong>Step 3<\/strong>&nbsp;\u2013 Configure the UDesign Product Navigation 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<h4 class=\"wp-block-heading\">Element Style Options<\/h4>\n\n\n\n<p>We offer various kinds of style so you can style product navigation element.<\/p>\n\n\n\n<p><strong>Align:<\/strong>&nbsp;You can select alignment of navigation.<\/p>\n\n\n\n<p><strong>Typography:<\/strong>&nbsp;You can set font size, weight, line height and letter-spacing of navigation label.<\/p>\n\n\n\n<p><strong>Icon Size:<\/strong>&nbsp;You can control icon size of navigation previous or next icon.<\/p>\n\n\n\n<p><strong>Prev Icon, Next Icon:<\/strong>&nbsp;You can change icon you want.<\/p>\n\n\n\n<p><strong>Link Colour, Icon Colour:<\/strong>&nbsp;You can choose colour of link and icon. Also can change hover colour you want.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Nav plays a key role in single product page. You can display product navigation by using this element and customize anything you want. In here, shows description about next or previous nav. How to create product navigation element? Step 1&nbsp;\u2013 Please create, or choose the Column into which you want to add your element. Click [&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-4572","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\/4572","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=4572"}],"version-history":[{"count":2,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/4572\/revisions"}],"predecessor-version":[{"id":4661,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/4572\/revisions\/4661"}],"wp:attachment":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/media?parent=4572"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/categories?post=4572"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/tags?post=4572"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}