{"id":6138,"date":"2016-06-13T22:54:50","date_gmt":"2016-06-13T22:54:50","guid":{"rendered":"https:\/\/manuals.qantumthemes.xyz\/sonik\/?post_type=ht_kb&#038;p=6138"},"modified":"2016-06-13T23:21:25","modified_gmt":"2016-06-13T23:21:25","slug":"2-0-2-tripleview-pages","status":"publish","type":"ht_kb","link":"https:\/\/manuals.qantumthemes.xyz\/sonik\/knowledge-base\/2-0-2-tripleview-pages\/","title":{"rendered":"2.0.2 Tripleview Pages"},"content":{"rendered":"<h2 id=\"what-are-tripleview-pages\" >What are Tripleview pages?<\/h2>\n<p>Tripleview pages are pages with a header which const on a flexible height slider, which contains archives or specific contents instead of normal pictures and texts.<\/p>\n<p>It allows you to create special pages where the user can easily check all the latest contents for different specific post types, in a fun and intuitive way. Is based on a horisontal sliding, a top centered menu, and a list of pre-selected modules.<\/p>\n<p>Example of Tripleview Page:<\/p>\n<p style=\"text-align: justify;\"><img loading=\"lazy\" decoding=\"async\" class=\"size-post wp-image-6141\" src=\"https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-14-at-00.55.28-920x452.png\" alt=\"Screen Shot 2016-06-14 at 00.55.28\" width=\"920\" height=\"452\" srcset=\"https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-14-at-00.55.28-920x452.png 920w, https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-14-at-00.55.28-300x148.png 300w, https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-14-at-00.55.28-768x378.png 768w, https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-14-at-00.55.28-1024x503.png 1024w, https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-14-at-00.55.28-50x25.png 50w, https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-14-at-00.55.28-600x295.png 600w, https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-14-at-00.55.28-320x157.png 320w, https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-14-at-00.55.28.png 1280w\" sizes=\"(max-width: 920px) 100vw, 920px\" \/><\/p>\n<p style=\"text-align: justify;\">A Polidecor page is composed by 2 parts:<\/p>\n<ul>\n<li style=\"text-align: justify;\">A <strong>static<\/strong> part: is created by adding contents normally, also using the Visual Composer and Gridstacks (check Gridstack section). A recommendation: keep it light! Be sure to select small image sizes and don&#8217;t add too many static contents to avoid problems with the browsers maximum page size limits.<a href=\"https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-14-at-00.59.55.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-post-mid wp-image-6142\" src=\"https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-14-at-00.59.55-600x290.png\" alt=\"Screen Shot 2016-06-14 at 00.59.55\" width=\"600\" height=\"290\" srcset=\"https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-14-at-00.59.55-600x290.png 600w, https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-14-at-00.59.55-300x145.png 300w, https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-14-at-00.59.55-768x371.png 768w, https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-14-at-00.59.55-1024x495.png 1024w, https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-14-at-00.59.55-50x24.png 50w, https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-14-at-00.59.55-920x445.png 920w, https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-14-at-00.59.55-320x155.png 320w, https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-14-at-00.59.55.png 1280w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/a><\/li>\n<li style=\"text-align: justify;\">A <strong>dynamica<\/strong> page: the <strong>Tripleview<\/strong> modules<br \/>\n<a href=\"https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-14-at-01.01.22.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-post-mid wp-image-6143\" src=\"https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-14-at-01.01.22-600x343.png\" alt=\"Screen Shot 2016-06-14 at 01.01.22\" width=\"600\" height=\"343\" srcset=\"https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-14-at-01.01.22-600x343.png 600w, https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-14-at-01.01.22-300x171.png 300w, https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-14-at-01.01.22-768x439.png 768w, https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-14-at-01.01.22-1024x585.png 1024w, https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-14-at-01.01.22-50x29.png 50w, https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-14-at-01.01.22-920x526.png 920w, https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-14-at-01.01.22-320x183.png 320w, https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-14-at-01.01.22.png 1280w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/a><\/li>\n<\/ul>\n<h1 style=\"text-align: justify;\" id=\"how-to-create-a-tripleview-page\" >How to create a Tripleview page:<\/h1>\n<p>&nbsp;<\/p>\n<p style=\"text-align: justify;\">1 &#8211; Go to pages-&gt;Add New and select page <strong>Tripleview<\/strong> in the Page Attributes<\/p>\n<p style=\"text-align: justify;\"><a href=\"https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-14-at-01.03.13.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-6144\" src=\"https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-14-at-01.03.13.png\" alt=\"Screen Shot 2016-06-14 at 01.03.13\" width=\"269\" height=\"436\" srcset=\"https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-14-at-01.03.13.png 269w, https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-14-at-01.03.13-185x300.png 185w, https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-14-at-01.03.13-31x50.png 31w\" sizes=\"(max-width: 269px) 100vw, 269px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">2 &#8211;\u00a0Save the page in order to have the Tripleview Modules active. You can also choose &#8220;Save Draft&#8221; \u00a0to avoid the page being public.<\/p>\n<p style=\"text-align: justify;\">Once saved the Tripleview fields will appear in this way:<br \/>\n<a href=\"https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-14-at-01.06.36.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft wp-image-6145 size-full\" src=\"https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-14-at-01.06.36.png\" alt=\"Screen Shot 2016-06-14 at 01.06.36\" width=\"1615\" height=\"988\" srcset=\"https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-14-at-01.06.36.png 1280w, https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-14-at-01.06.36-300x184.png 300w, https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-14-at-01.06.36-768x470.png 768w, https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-14-at-01.06.36-1024x626.png 1024w, https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-14-at-01.06.36-50x31.png 50w, https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-14-at-01.06.36-920x563.png 920w, https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-14-at-01.06.36-600x367.png 600w, https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-14-at-01.06.36-320x196.png 320w\" sizes=\"(max-width: 1615px) 100vw, 1615px\" \/><\/a><\/p>\n<p>3 &#8211; To add new sections, click on the + button<br \/>\n<a href=\"https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-14-at-01.07.30.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-6146\" src=\"https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-14-at-01.07.30.png\" alt=\"Screen Shot 2016-06-14 at 01.07.30\" width=\"88\" height=\"78\" srcset=\"https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-14-at-01.07.30.png 88w, https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-14-at-01.07.30-50x44.png 50w\" sizes=\"(max-width: 88px) 100vw, 88px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">4 &#8211; Add as many sections as you need, without exaggerating (minimum 3, maximum 6 or 8 depending on the weight of the contents and background images). Then Save or Save Draft.<\/p>\n<p style=\"text-align: justify;\">5 &#8211; For each section, set the desired parameters:<\/p>\n<p style=\"text-align: justify;\"><a href=\"https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-14-at-01.09.53.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-6147\" src=\"https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-14-at-01.09.53.png\" alt=\"Screen Shot 2016-06-14 at 01.09.53\" width=\"451\" height=\"623\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li>Section title: will be the title and menu item for that slide<\/li>\n<li>Section type: you can choose between Album Releases, Artists, Charts, Events, Podcast, Post, Staff members, Latest Release and Radio Player.<\/li>\n<li>Section header image (an overlay gradiend to the background color will always be applied to ensure perfect legibility of the contents. You can modify the background opacity in Appearance-&gt;Customize-&gt;Header)<\/li>\n<li>Menu Icon (choose among more than thousand icons. Or add your own CSS Class!<\/li>\n<li>Hide title<\/li>\n<li>Link to archive: you can add the URL of any other page to automatically add a link at the end of that section.<\/li>\n<li>Hide: will hide the section without deleting it (you may want to enable it later on, or you are working on it)<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<hr \/>\n<h3 id=\"_\" ><\/h3>\n<h3 id=\"_\" ><\/h3>\n<h3 id=\"note\" ><strong>Note: <\/strong><\/h3>\n<p><strong>&#8211; Latest release will embed always the latest release ordered by Publish Date and Menu Order. Is the perfect way to expose the latest album of an artist or music label.<\/strong><\/p>\n<p><strong>&#8211; Radio Station: will embed a player with the first Radio Channel created<\/strong><\/p>\n<p><strong>&#8211; Important info: Latest Release and Radio Channel can&#8217;t be added symultaneously at the same Tripleview page (you need to have max. 1 featured player).<\/strong><\/p>\n<p><strong>You can always add the latest release via Shortcode to the page contents, disabling the Featured Player: In this way you can add many releases together in a page containing a Radio Player.<\/strong><\/p>\n<p><strong><br \/>\n<a href=\"https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-14-at-01.18.04.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-6149\" src=\"https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-14-at-01.18.04.png\" alt=\"Screen Shot 2016-06-14 at 01.18.04\" width=\"709\" height=\"349\" srcset=\"https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-14-at-01.18.04.png 709w, https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-14-at-01.18.04-300x148.png 300w, https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-14-at-01.18.04-50x25.png 50w, https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-14-at-01.18.04-600x295.png 600w, https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-14-at-01.18.04-320x158.png 320w\" sizes=\"(max-width: 709px) 100vw, 709px\" \/><\/a><\/strong><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"author":1,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht_kb_category":[540],"ht_kb_tag":[],"class_list":["post-6138","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-contents"],"_links":{"self":[{"href":"https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-json\/wp\/v2\/ht_kb\/6138"}],"collection":[{"href":"https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-json\/wp\/v2\/ht_kb"}],"about":[{"href":"https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-json\/wp\/v2\/comments?post=6138"}],"version-history":[{"count":5,"href":"https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-json\/wp\/v2\/ht_kb\/6138\/revisions"}],"predecessor-version":[{"id":6153,"href":"https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-json\/wp\/v2\/ht_kb\/6138\/revisions\/6153"}],"wp:attachment":[{"href":"https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-json\/wp\/v2\/media?parent=6138"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-json\/wp\/v2\/ht_kb_category?post=6138"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-json\/wp\/v2\/ht_kb_tag?post=6138"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}