{"id":2964,"date":"2024-07-03T13:07:10","date_gmt":"2024-07-03T10:07:10","guid":{"rendered":"https:\/\/www.collectionpro.fi\/ohjeet\/visual-navigation\/"},"modified":"2025-08-11T12:05:40","modified_gmt":"2025-08-11T09:05:40","slug":"visual-navigation","status":"publish","type":"ht_kb","link":"https:\/\/www.collectionpro.fi\/en\/help\/visual-navigation\/","title":{"rendered":"Visual navigation"},"content":{"rendered":"\n<p>The Web Platform&#8217;s visual navigation is used to make it easier for users to navigate and browse through the system. It provides a catalog-like browsing experience where users can easily find and select hierarchical items using visual cues. <\/p>\n\n<p>Visual navigation makes the system more user-friendly and efficient to use, especially when dealing with large amounts of data or complex hierarchical structures.<\/p>\n\n<h2 class=\"wp-block-heading\">Fields<\/h2>\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"549\" height=\"707\" src=\"https:\/\/www.collectionpro.fi\/wp-content\/uploads\/2025\/08\/visual_navigation_settings.png\" alt=\"\" class=\"wp-image-2965\" srcset=\"https:\/\/www.collectionpro.fi\/wp-content\/uploads\/2025\/08\/visual_navigation_settings.png 549w, https:\/\/www.collectionpro.fi\/wp-content\/uploads\/2025\/08\/visual_navigation_settings-466x600.png 466w, https:\/\/www.collectionpro.fi\/wp-content\/uploads\/2025\/08\/visual_navigation_settings-39x50.png 39w\" sizes=\"(max-width: 549px) 100vw, 549px\" \/><figcaption class=\"wp-element-caption\"><em><sup>Fields to fill in<\/sup><\/em><\/figcaption><\/figure>\n\n<figure class=\"wp-block-table is-style-stripes\"><table><thead><tr><th>Field<\/th><th><\/th><th>Description<\/th><\/tr><\/thead><tbody><tr><td>Title<\/td><td>awp_vn_title<\/td><td>Enter a title or name for the item.<br\/>The title should be descriptive and easy to understand.<\/td><\/tr><tr><td>Description<\/td><td>awp_vn_description<\/td><td>Enter a description for the item.<\/td><\/tr><tr><td>Image<\/td><td><\/td><td>Add an image associated with the item.<br\/>Choose a high-quality image that is highly representative of the subject&#8217;s content.<\/td><\/tr><tr><td>Order<\/td><td><\/td><td>Enter the sequence number of the item.<br\/>Items with a lower number are shown first.<\/td><\/tr><tr><td>Width<\/td><td><\/td><td>Set the display width of the item in navigation.<br\/>Values to use:<br\/>1: The item covers the entire width<br\/>2: The item covers 50% of the available width<br\/>4: The item covers 25% of the available width<br\/>The image can be made non-clickable by adding a minus sign (-) in front of the number (e.g. -2).<\/td><\/tr><\/tbody><\/table><\/figure>\n\n<p>Considerations:<\/p>\n\n<ul class=\"wp-block-list\">\n<li>All four fields must be filled in for each item displayed in the visual navigation.<\/li>\n\n\n\n<li>The quality and representativeness of the images are important.<\/li>\n\n\n\n<li>The order and width of the objects affect the visuality and usability of the navigation experience.<\/li>\n\n\n\n<li>In case of doubt, it is recommended to consult the administrator or the person in charge.<\/li>\n<\/ul>\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/www.collectionpro.fi\/wp-content\/uploads\/2025\/08\/wp_visual_navigation-1024x524.png\" alt=\"\" class=\"wp-image-1405\"\/><figcaption class=\"wp-element-caption\"><em><sup>Example of visual navigation<\/sup><\/em><\/figcaption><\/figure>\n\n<h2 class=\"wp-block-heading\">Web Platform customization<\/h2>\n\n<p>The appearance of the Web Platform can be adapted to use the organization&#8217;s own look and feel. For example, texts, colors, and other visual elements in the visual navigation are customizable. This makes it possible to create a consistent brand experience across the platform.  <\/p>\n\n<p><\/p>\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"305\" height=\"457\" src=\"https:\/\/www.collectionpro.fi\/wp-content\/uploads\/2024\/07\/firefox_AyeBXOx7Nw.png\" alt=\"\" class=\"wp-image-1419\" srcset=\"https:\/\/www.collectionpro.fi\/wp-content\/uploads\/2024\/07\/firefox_AyeBXOx7Nw.png 305w, https:\/\/www.collectionpro.fi\/wp-content\/uploads\/2024\/07\/firefox_AyeBXOx7Nw-33x50.png 33w\" sizes=\"(max-width: 305px) 100vw, 305px\" \/><figcaption class=\"wp-element-caption\"><em><sup>Custom visual navigation text<\/sup><\/em><\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>The Web Platform&#8217;s visual navigation is used to make it easier for users to navigate and browse through the system. It provides a catalog-like browsing experience where users can easily find and select hierarchical items using visual cues. Visual navigation makes the system more user-friendly and efficient to use, especially when dealing with large amounts&#8230;<\/p>\n","protected":false},"author":2,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[81],"ht-kb-tag":[],"class_list":["post-2964","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-web-platform"],"_links":{"self":[{"href":"https:\/\/www.collectionpro.fi\/en\/wp-json\/wp\/v2\/ht-kb\/2964"}],"collection":[{"href":"https:\/\/www.collectionpro.fi\/en\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/www.collectionpro.fi\/en\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/www.collectionpro.fi\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.collectionpro.fi\/en\/wp-json\/wp\/v2\/comments?post=2964"}],"version-history":[{"count":2,"href":"https:\/\/www.collectionpro.fi\/en\/wp-json\/wp\/v2\/ht-kb\/2964\/revisions"}],"predecessor-version":[{"id":3043,"href":"https:\/\/www.collectionpro.fi\/en\/wp-json\/wp\/v2\/ht-kb\/2964\/revisions\/3043"}],"wp:attachment":[{"href":"https:\/\/www.collectionpro.fi\/en\/wp-json\/wp\/v2\/media?parent=2964"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.collectionpro.fi\/en\/wp-json\/wp\/v2\/ht-kb-category?post=2964"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.collectionpro.fi\/en\/wp-json\/wp\/v2\/ht-kb-tag?post=2964"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}