{"id":6096,"date":"2016-06-13T20:15:45","date_gmt":"2016-06-13T20:15:45","guid":{"rendered":"https:\/\/manuals.qantumthemes.xyz\/sonik\/?post_type=ht_kb&#038;p=6096"},"modified":"2016-06-13T20:28:22","modified_gmt":"2016-06-13T20:28:22","slug":"4-0-qt-gridstacks-definition","status":"publish","type":"ht_kb","link":"https:\/\/manuals.qantumthemes.xyz\/sonik\/knowledge-base\/4-0-qt-gridstacks-definition\/","title":{"rendered":"4.0 QT Gridstacks: definition"},"content":{"rendered":"<p><strong>QT Gridstacks<\/strong> are an innovative way to build websites, created by Qantumthemes in 2016.<\/p>\n<p>The gridstacks are a way to reppresent informations, mostly archives of custom post types, width differen type of design and interactivity.<\/p>\n<p>This means that you can use any gridstack to represent any type of post, in total freedom.<\/p>\n<p>The gridstacks included in this theme are:<\/p>\n<ol>\n<li>\u00a03D Carousel<\/li>\n<li>Diamonds<\/li>\n<li>Owl Carousel<\/li>\n<li>Skywheel<\/li>\n<li>Slideshow<\/li>\n<\/ol>\n<p>To add a gridstack to your contents you can either add the shortcode from the text editor or, using the Visual composer, with\u00a0the custom Gridstack buttons.<\/p>\n<h2 id=\"_\" ><\/h2>\n<h2 id=\"integration-method-1-shortcode\" >Integration method 1: Shortcode<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-6097\" src=\"https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-13-at-22.04.25.png\" alt=\"Screen Shot 2016-06-13 at 22.04.25\" width=\"935\" height=\"427\" srcset=\"https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-13-at-22.04.25.png 935w, https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-13-at-22.04.25-300x137.png 300w, https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-13-at-22.04.25-768x351.png 768w, https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-13-at-22.04.25-50x23.png 50w, https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-13-at-22.04.25-920x420.png 920w, https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-13-at-22.04.25-600x274.png 600w, https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-13-at-22.04.25-320x146.png 320w\" sizes=\"(max-width: 935px) 100vw, 935px\" \/><\/p>\n<h2 id=\"_\" ><\/h2>\n<h2 id=\"integration-method-2-visual-composer\" >Integration method 2: Visual Composer<\/h2>\n<ol>\n<li>Click ADD and select the QT Gridstack tab<\/li>\n<\/ol>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-6099\" src=\"https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-13-at-22.06.51.png\" alt=\"Screen Shot 2016-06-13 at 22.06.51\" width=\"1523\" height=\"290\" srcset=\"https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-13-at-22.06.51.png 1523w, https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-13-at-22.06.51-300x57.png 300w, https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-13-at-22.06.51-768x146.png 768w, https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-13-at-22.06.51-1024x195.png 1024w, https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-13-at-22.06.51-50x10.png 50w, https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-13-at-22.06.51-920x175.png 920w, https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-13-at-22.06.51-600x114.png 600w, https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-13-at-22.06.51-320x61.png 320w\" sizes=\"(max-width: 1523px) 100vw, 1523px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>2. Fill the parameters of your gridstack (everyone may have different parameters)<\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-6098\" src=\"https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-13-at-22.05.30.png\" alt=\"Screen Shot 2016-06-13 at 22.05.30\" width=\"1155\" height=\"740\" srcset=\"https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-13-at-22.05.30.png 1155w, https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-13-at-22.05.30-300x192.png 300w, https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-13-at-22.05.30-768x492.png 768w, https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-13-at-22.05.30-1024x656.png 1024w, https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-13-at-22.05.30-50x32.png 50w, https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-13-at-22.05.30-920x589.png 920w, https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-13-at-22.05.30-600x384.png 600w, https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-content\/uploads\/2016\/06\/Screen-Shot-2016-06-13-at-22.05.30-320x205.png 320w\" sizes=\"(max-width: 1155px) 100vw, 1155px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h1 id=\"general-informations-about-the-gridstacks\" >General informations about the gridstacks:<\/h1>\n<ol>\n<li>To correctly display a gridstacks, every post of that type needs to have a featured image<\/li>\n<li>Some gridstacks, if the featured image is missing, will replace it with a default one, which you can customize in Appearance-&gt;Customize.<\/li>\n<li>Some gridstacks may skip the items without a featured image<\/li>\n<li>The Quantity refers to the total number of items extracted by the query<\/li>\n<li>The post type is limited to the ones provided with the theme, to ensure the compatibility with the visualization<\/li>\n<li>You can filter the gridstacks by any taxonomy: be sure to select the one used for that particular post type<\/li>\n<li>The term\u00a0ID is the numeric ID of the taxonomy item you want to use for the query. To discover the ID of a term, you may need to edit it and check the ID in the URL. For example, it will appear in a string like this:?taxonomy=artistgenre&amp;tag_ID=<strong>223<\/strong><\/li>\n<li>The HTML\/PHP of the gridstaks is in sonik\/includes\/frontend\/gridstacks<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h2 id=\"taxonomies-and-filtering\" >Taxonomies and filtering<\/h2>\n<p>To filter the results of a gridstack, you may need to specify a taxonomy and term ID.<\/p>\n<p>Each custom post type has its own taxonomy:<\/p>\n<ul>\n<li>Members -&gt; <strong>membertype<\/strong><\/li>\n<li>Song charts -&gt; <strong>chartcategory<\/strong><\/li>\n<li>Podcast -&gt; <strong>podcastfilter<\/strong><\/li>\n<li>Events -&gt; <strong>eventtype<\/strong><\/li>\n<li>Album releases -&gt; <strong>genre<\/strong><\/li>\n<li>Places -&gt; <strong>pcategory<\/strong><\/li>\n<li>Radio shows -&gt; <strong>showgenre<\/strong><\/li>\n<li>Radio schedule -&gt; <strong>schedule_cat<\/strong><\/li>\n<li>Products -&gt; <strong>products_cat<\/strong><\/li>\n<\/ul>\n<h1 id=\"troubleshooting\" >Troubleshooting:<\/h1>\n<p>The gridstacks requires Javascript to run. If you have problems like<\/p>\n<ul>\n<li>The gridstack doesn&#8217;t appear<\/li>\n<li>It appears smashed<\/li>\n<li>It doesn&#8217;t work properly<\/li>\n<\/ul>\n<p>means generally that something is interferring with its perfect functioning.<\/p>\n<h2 id=\"what-to-do\" >What to do?<\/h2>\n<ol>\n<li>make a backup of your database in case your site is already populated (just in case)<\/li>\n<li>disable any external plugin not provided with the theme<\/li>\n<li>be sure that you are not adding conflicting values in the gridstack parameters<\/li>\n<li>in case you changed default parameters, try with the default values suggested for each\u00a0field<\/li>\n<li>check in the chrome debugger if any error is appearing<\/li>\n<li>be sure to have posts for the selected post type<\/li>\n<\/ol>\n<h2 id=\"advanced-filtering-ordering\" >Advanced filtering\/ordering<\/h2>\n<p>In order to perfectly craft the results, you may need to add specific taxonomies. If you want to change the query in ways that are not covered by the gridstack&#8217;s parameters, you may need to customize the main files of the theme.<br \/>\nPlease note that these advanced database queries, file code customization, and advanced theme modding, are not covered by the standard theme support service.<\/p>\n<p>The options and look\u00a0of each gridstack is covered in the next manual sections.<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"author":1,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht_kb_category":[584],"ht_kb_tag":[594,590,591,592,593],"class_list":["post-6096","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-gridstacks","ht_kb_tag-filtering","ht_kb_tag-gridstacks","ht_kb_tag-how-to","ht_kb_tag-integration","ht_kb_tag-shortcodes"],"_links":{"self":[{"href":"https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-json\/wp\/v2\/ht_kb\/6096"}],"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=6096"}],"version-history":[{"count":3,"href":"https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-json\/wp\/v2\/ht_kb\/6096\/revisions"}],"predecessor-version":[{"id":6102,"href":"https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-json\/wp\/v2\/ht_kb\/6096\/revisions\/6102"}],"wp:attachment":[{"href":"https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-json\/wp\/v2\/media?parent=6096"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-json\/wp\/v2\/ht_kb_category?post=6096"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/manuals.qantumthemes.xyz\/sonik\/wp-json\/wp\/v2\/ht_kb_tag?post=6096"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}