{"id":564,"date":"2021-10-08T10:29:49","date_gmt":"2021-10-08T10:29:49","guid":{"rendered":"https:\/\/spyrowptheme.com\/documentation\/?page_id=564"},"modified":"2021-10-08T10:37:46","modified_gmt":"2021-10-08T10:37:46","slug":"modules-overview","status":"publish","type":"page","link":"https:\/\/spyrowptheme.com\/documentation\/modules-overview\/","title":{"rendered":"Modules Overview"},"content":{"rendered":"<div  class=\"tatsu-B1ZkX3q6Et tatsu-section  tatsu-bg-overlay   tatsu-clearfix\" data-title=\"\"  data-headerscheme=\"background--dark\"><div class='tatsu-section-pad clearfix' data-padding='{\"d\":\"90px 0px 90px 0px\"}' data-padding-top='90px'><div class=\"tatsu-row-wrap  tatsu-wrap tatsu-row-has-two-cols tatsu-medium-gutter tatsu-reg-cols  tatsu-clearfix tatsu-BkgymnqaEK\" ><div  class=\"tatsu-row \" ><div  class=\"tatsu-column  tatsu-bg-overlay tatsu-one-fourth tatsu-column-image-none tatsu-column-effect-none  tatsu-SJ4Qn5aNY\"  data-parallax-speed=\"0\" style=\"\"><div class=\"tatsu-column-inner \" ><div class=\"tatsu-column-pad-wrap\"><div class=\"tatsu-column-pad\" ><div  class=\"tatsu-module tatsu-sidebar tatsu-HJ3vyjTVK   \"  ><div class=\"widget_nav_menu widget\"><h6>Related Articles<\/h6><div class=\"menu-others-container\"><ul id=\"menu-others\" class=\"menu\"><li id=\"menu-item-594\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-594\"><a href=\"https:\/\/spyrowptheme.com\/documentation\/list-of-articles-others\/404-error-after-demo-import\/\" title=\"404 Error after Demo Import\">404 Error after Demo Import<\/a><\/li>\n<li id=\"menu-item-538\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-538\"><a href=\"https:\/\/spyrowptheme.com\/documentation\/list-of-articles-others\/site-performance\/\" title=\"Site Performance\">Site Performance<\/a><\/li>\n<li id=\"menu-item-536\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-536\"><a href=\"https:\/\/spyrowptheme.com\/documentation\/list-of-articles-others\/multi-language-support\/\" title=\"Multi Language Support\">Multi Language Support<\/a><\/li>\n<li id=\"menu-item-537\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-537\"><a href=\"https:\/\/spyrowptheme.com\/documentation\/list-of-articles-others\/site-translation\/\" title=\"Site Translation\">Site Translation<\/a><\/li>\n<li id=\"menu-item-540\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-540\"><a href=\"https:\/\/spyrowptheme.com\/documentation\/list-of-articles-others\/set-up-single-page-site\/\" title=\"Set up Single Page Site\">Set up Single Page Site<\/a><\/li>\n<li id=\"menu-item-534\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-534\"><a href=\"https:\/\/spyrowptheme.com\/documentation\/list-of-articles-others\/update-theme\/\" title=\"Update Theme\">Update Theme<\/a><\/li>\n<li id=\"menu-item-535\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-535\"><a href=\"https:\/\/spyrowptheme.com\/documentation\/list-of-articles-others\/update-plugins\/\" title=\"Update Plugins\">Update Plugins<\/a><\/li>\n<li id=\"menu-item-550\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-550\"><a href=\"https:\/\/spyrowptheme.com\/documentation\/list-of-articles-others\/change-log\/\" title=\"Change Log\">Change Log<\/a><\/li>\n<li id=\"menu-item-542\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-542\"><a href=\"https:\/\/spyrowptheme.com\/documentation\/list-of-articles-others\/typehub\/\" title=\"Typehub\">Typehub<\/a><\/li>\n<li id=\"menu-item-541\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-541\"><a href=\"https:\/\/spyrowptheme.com\/documentation\/list-of-articles-others\/colorhub\/\" title=\"Colorhub\">Colorhub<\/a><\/li>\n<\/ul><\/div><\/div><\/div><\/div><\/div><div class = \"tatsu-column-bg-image-wrap\"><div class = \"tatsu-column-bg-image\" ><\/div><\/div><div class=\"tatsu-overlay tatsu-column-overlay tatsu-animate-none\" ><\/div><\/div><style>.tatsu-row > .tatsu-SJ4Qn5aNY.tatsu-column{width: 25%;}.tatsu-SJ4Qn5aNY.tatsu-column > .tatsu-column-inner > .tatsu-column-overlay{mix-blend-mode: normal;}.tatsu-SJ4Qn5aNY > .tatsu-column-inner > .tatsu-top-divider{z-index: 9999;}.tatsu-SJ4Qn5aNY > .tatsu-column-inner > .tatsu-bottom-divider{z-index: 9999;}.tatsu-SJ4Qn5aNY > .tatsu-column-inner > .tatsu-left-divider{z-index: 9999;}.tatsu-SJ4Qn5aNY > .tatsu-column-inner > .tatsu-right-divider{z-index: 9999;}@media only screen and (max-width:1377px) {.tatsu-row > .tatsu-SJ4Qn5aNY.tatsu-column{width: 25%;}}@media only screen and (min-width:768px) and (max-width: 1024px) {.tatsu-row > .tatsu-SJ4Qn5aNY.tatsu-column{width: 25%;}}@media only screen and (max-width: 767px) {.tatsu-row > .tatsu-SJ4Qn5aNY.tatsu-column{width: 100%;}}<\/style><\/div><div  class=\"tatsu-column  tatsu-bg-overlay tatsu-three-fourth tatsu-column-image-none tatsu-column-effect-none  tatsu-S1eEmn9p4Y\"  data-parallax-speed=\"0\" style=\"\"><div class=\"tatsu-column-inner \" ><div class=\"tatsu-column-pad-wrap\"><div class=\"tatsu-column-pad\" ><div  class=\"tatsu-module tatsu-inline-text clearfix tatsu-S15d2q6NK   \" ><style>.tatsu-S15d2q6NK .tatsu-inline-text-inner{width: 100%;text-align: left;}.tatsu-S15d2q6NK.tatsu-inline-text{margin: 0px 0px 0px 0px;}@media only screen and (max-width: 767px) {.tatsu-S15d2q6NK .tatsu-inline-text-inner{width: 100%;}}<\/style><div class=\"tatsu-inline-text-inner tatsu-align-center\">\n<p><a href=\"..\/spyro-modules\/\" target=\"_blank\" rel=\"noopener\"><span class=\"tatsu-inline-link-style2\">CATEGORY &#8211; SPYRO MODULES<\/span><\/a><\/p>\n<\/div><\/div><div  class=\"tatsu-module tatsu-inline-text clearfix tatsu-rydX25TVK   \" ><style>.tatsu-rydX25TVK .tatsu-inline-text-inner{width: 100%;text-align: left;}@media only screen and (max-width: 767px) {.tatsu-rydX25TVK .tatsu-inline-text-inner{width: 100%;}}<\/style><div class=\"tatsu-inline-text-inner tatsu-align-center\">\n<h3>Modules Overview<\/h3>\n<\/div><\/div><div  class=\"tatsu-module tatsu-inline-text clearfix tatsu-HkQl6caNK   \" ><style>.tatsu-HkQl6caNK .tatsu-inline-text-inner{width: 100%;text-align: left;}@media only screen and (max-width: 767px) {.tatsu-HkQl6caNK .tatsu-inline-text-inner{width: 100%;}}<\/style><div class=\"tatsu-inline-text-inner tatsu-align-center\">\n<p style=\"color: #0e101a;margin-top: 0pt;margin-bottom: 0pt\"><span class=\"palette-3 \" style=\"margin-top: 0pt;margin-bottom: 0pt\" data-preserver-spaces=\"true\">Spyro Builder offers unique modules using which you could create a fully functional landing page for your website within minutes. It works closely with the Tatsu builder which comes bundled with the theme that you\u2019ve downloaded.<\/span><\/p>\n<p style=\"color: #0e101a;margin-top: 0pt;margin-bottom: 0pt\">\u00a0<\/p>\n<p style=\"color: #0e101a;margin-top: 0pt;margin-bottom: 0pt\"><span class=\"palette-2 palette-3 \" style=\"margin-top: 0pt;margin-bottom: 0pt\" data-preserver-spaces=\"true\">As of now, we have introduced a total of 8 Spyro Modules (pre-styled content blocks) which can be found in the modules list of the Tatsu builder. The newest additions are:<\/span><\/p>\n<ul style=\"color: #0e101a;margin-top: 0pt;margin-bottom: 0pt\">\n<li style=\"margin-top: 0pt;margin-bottom: 0pt;list-style-type: disc\"><span class=\"palette-2 palette-3 \"><strong style=\"color: #0e101a;margin-top: 0pt;margin-bottom: 0pt\">Spyro Accordion<\/strong><span style=\"margin-top: 0pt;margin-bottom: 0pt\" data-preserver-spaces=\"true\">\u00a0&#8211; A Special pre-defined module for building beautiful accordions.<\/span><\/span><\/li>\n<li style=\"margin-top: 0pt;margin-bottom: 0pt;list-style-type: disc\"><span class=\"palette-2 palette-3 \"><strong style=\"color: #0e101a;margin-top: 0pt;margin-bottom: 0pt\">Spyro Advance Tabs<\/strong><span style=\"margin-top: 0pt;margin-bottom: 0pt\" data-preserver-spaces=\"true\">\u00a0&#8211; The most appropriate way of presenting the content.<\/span><\/span><\/li>\n<li style=\"margin-top: 0pt;margin-bottom: 0pt;list-style-type: disc\"><span class=\"palette-2 palette-3 \"><strong style=\"color: #0e101a;margin-top: 0pt;margin-bottom: 0pt\">Spyro Fancy Tabs<\/strong><span style=\"margin-top: 0pt;margin-bottom: 0pt\" data-preserver-spaces=\"true\">\u00a0&#8211; The fanciest way to display your content dynamically.<\/span><\/span><\/li>\n<li style=\"margin-top: 0pt;margin-bottom: 0pt;list-style-type: disc\"><span class=\"palette-2 palette-3 \"><strong style=\"color: #0e101a;margin-top: 0pt;margin-bottom: 0pt\">Spyro Form<\/strong><span style=\"margin-top: 0pt;margin-bottom: 0pt\" data-preserver-spaces=\"true\">\u00a0&#8211; A simple form to collect user information quickly.<\/span><\/span><\/li>\n<li style=\"margin-top: 0pt;margin-bottom: 0pt;list-style-type: disc\"><span class=\"palette-2 palette-3 \"><strong style=\"color: #0e101a;margin-top: 0pt;margin-bottom: 0pt\">Spyro Before After Effect\u00a0<\/strong><span style=\"margin-top: 0pt;margin-bottom: 0pt\" data-preserver-spaces=\"true\">&#8211; A vertical slider to view before and after images.<\/span><\/span><\/li>\n<li style=\"margin-top: 0pt;margin-bottom: 0pt;list-style-type: disc\"><span class=\"palette-2 palette-3 \"><strong style=\"color: #0e101a;margin-top: 0pt;margin-bottom: 0pt\">Spyro Packages<\/strong><span style=\"margin-top: 0pt;margin-bottom: 0pt\" data-preserver-spaces=\"true\">\u00a0&#8211; A pre-build package module that can display Package Name, Price, Image, and more.<\/span><\/span><\/li>\n<li style=\"margin-top: 0pt;margin-bottom: 0pt;list-style-type: disc\"><span class=\"palette-2 palette-3 \"><strong style=\"color: #0e101a;margin-top: 0pt;margin-bottom: 0pt\">Spyro Price Switch<\/strong><span style=\"margin-top: 0pt;margin-bottom: 0pt\" data-preserver-spaces=\"true\">\u00a0&#8211; A simple toggle switch for price selection between monthly and annually with a discount.<\/span><\/span><\/li>\n<li style=\"margin-top: 0pt;margin-bottom: 0pt;list-style-type: disc\"><span class=\"palette-2 palette-3 \"><strong style=\"color: #0e101a;margin-top: 0pt;margin-bottom: 0pt\">Spyro Price<\/strong><span style=\"margin-top: 0pt;margin-bottom: 0pt\" data-preserver-spaces=\"true\">\u00a0&#8211; A unique price module that can list Price, label, Features, and a Button.<\/span><\/span><\/li>\n<\/ul>\n<p style=\"color: #0e101a;margin-top: 0pt;margin-bottom: 0pt\">\u00a0<\/p>\n<p style=\"color: #0e101a;margin-top: 0pt;margin-bottom: 0pt\"><span class=\"palette-2 palette-3 \"><span style=\"margin-top: 0pt;margin-bottom: 0pt\" data-preserver-spaces=\"true\">To add a module to the page, drag a module from this panel, drop it inside a column in the right panel, or go to any page\/post you want to edit &gt; Hit\u00a0<\/span><strong style=\"color: #0e101a;margin-top: 0pt;margin-bottom: 0pt\">Open with Tatsu<\/strong><span style=\"margin-top: 0pt;margin-bottom: 0pt\" data-preserver-spaces=\"true\">\u00a0&gt;\u00a0<\/span><strong style=\"color: #0e101a;margin-top: 0pt;margin-bottom: 0pt\">Add Section<\/strong><span style=\"margin-top: 0pt;margin-bottom: 0pt\" data-preserver-spaces=\"true\">\u00a0&gt;\u00a0<\/span><strong style=\"color: #0e101a;margin-top: 0pt;margin-bottom: 0pt\">Add a Column<\/strong><span style=\"margin-top: 0pt;margin-bottom: 0pt\" data-preserver-spaces=\"true\">\u00a0&gt;\u00a0<\/span><strong style=\"color: #0e101a;margin-top: 0pt;margin-bottom: 0pt\">Select any module<\/strong><span style=\"margin-top: 0pt;margin-bottom: 0pt\" data-preserver-spaces=\"true\">.<\/span><\/span><\/p>\n<\/div><\/div><\/div><\/div><div class = \"tatsu-column-bg-image-wrap\"><div class = \"tatsu-column-bg-image\" ><\/div><\/div><div class=\"tatsu-overlay tatsu-column-overlay tatsu-animate-none\" ><\/div><\/div><style>.tatsu-row > .tatsu-S1eEmn9p4Y.tatsu-column{width: 75%;}.tatsu-S1eEmn9p4Y.tatsu-column > .tatsu-column-inner > .tatsu-column-overlay{mix-blend-mode: normal;}.tatsu-S1eEmn9p4Y > .tatsu-column-inner > .tatsu-top-divider{z-index: 9999;}.tatsu-S1eEmn9p4Y > .tatsu-column-inner > .tatsu-bottom-divider{z-index: 9999;}.tatsu-S1eEmn9p4Y > .tatsu-column-inner > .tatsu-left-divider{z-index: 9999;}.tatsu-S1eEmn9p4Y > .tatsu-column-inner > .tatsu-right-divider{z-index: 9999;}@media only screen and (max-width:1377px) {.tatsu-row > .tatsu-S1eEmn9p4Y.tatsu-column{width: 75%;}}@media only screen and (min-width:768px) and (max-width: 1024px) {.tatsu-row > .tatsu-S1eEmn9p4Y.tatsu-column{width: 75%;}}@media only screen and (max-width: 767px) {.tatsu-row > .tatsu-S1eEmn9p4Y.tatsu-column{width: 100%;}}<\/style><\/div><\/div><\/div><\/div><div class=\"tatsu-section-background-wrap\"><div class = \"tatsu-section-background\" ><\/div><\/div><div class=\"tatsu-overlay tatsu-section-overlay\"><\/div><style>.tatsu-B1ZkX3q6Et .tatsu-section-pad{padding: 90px 0px 90px 0px;}.tatsu-B1ZkX3q6Et .tatsu-section-offset-wrap{transform: translateY(-0px);}.tatsu-B1ZkX3q6Et > .tatsu-bottom-divider{z-index: 9999;}.tatsu-B1ZkX3q6Et > .tatsu-top-divider{z-index: 9999;}.tatsu-B1ZkX3q6Et .tatsu-section-overlay{mix-blend-mode: normal;}<\/style><\/div>\n","protected":false},"excerpt":{"rendered":"<div><a href=\"https:\/\/spyrowptheme.com\/documentation\/modules-overview\/\" class=\"exp-read-more exp-read-more-underlined\">Read More<\/a><\/div>\n","protected":false},"author":9,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-564","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/spyrowptheme.com\/documentation\/wp-json\/wp\/v2\/pages\/564","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/spyrowptheme.com\/documentation\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/spyrowptheme.com\/documentation\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/spyrowptheme.com\/documentation\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/spyrowptheme.com\/documentation\/wp-json\/wp\/v2\/comments?post=564"}],"version-history":[{"count":0,"href":"https:\/\/spyrowptheme.com\/documentation\/wp-json\/wp\/v2\/pages\/564\/revisions"}],"wp:attachment":[{"href":"https:\/\/spyrowptheme.com\/documentation\/wp-json\/wp\/v2\/media?parent=564"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}