{"id":49099,"date":"2015-06-03T07:53:23","date_gmt":"2015-06-03T11:53:23","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=49099"},"modified":"2017-07-25T10:33:32","modified_gmt":"2017-07-25T14:33:32","slug":"joomla-3-x-how-to-work-with-tm-ajax-style-switcher-module","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/joomla-3-x-how-to-work-with-tm-ajax-style-switcher-module.html","title":{"rendered":"Joomla 3.x. How to work with &#8220;TM ajax style switcher module&#8221;"},"content":{"rendered":"<p><a href=\"http:\/\/www.youtube.com\/watch?v=eI19o94LI9Y?width=1280&amp;height=720\" rel=\"prettyPhoto\">Joomla 3.x. How to work with &#8220;TM ajax style switcher module&#8221;<\/a><\/p>\r\n<p>This tutorial will show you how to work with  <strong>&#8216;TM ajax style switcher&#8217;<\/strong> module in Joomla 3.x template:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/06\/Joomla_3_How_to_work_with_TM_ajax_style_switcher_module_1.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/06\/Joomla_3_How_to_work_with_TM_ajax_style_switcher_module_1-300x199.png\" alt=\"Joomla_3_How_to_work_with_TM_ajax_style_switcher_module_1\" width=\"300\" height=\"199\" class=\"aligncenter size-medium wp-image-49100\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/06\/Joomla_3_How_to_work_with_TM_ajax_style_switcher_module_1-300x199.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/06\/Joomla_3_How_to_work_with_TM_ajax_style_switcher_module_1-150x99.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/06\/Joomla_3_How_to_work_with_TM_ajax_style_switcher_module_1.png 944w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<p>To <strong>activate<\/strong> style switcher, please follow instructions listed below:<\/p>\r\n<ol>\r\n<li>\r\n<p>Navigate to <strong>Extensions<\/strong> &gt; <strong>Modules Manager<\/strong>. Make sure<strong> &#8216;Login or register&#8217;<\/strong> module is published:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/06\/Joomla_3_How_to_work_with_TM_ajax_style_switcher_module_3.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/06\/Joomla_3_How_to_work_with_TM_ajax_style_switcher_module_3-300x97.png\" alt=\"Joomla_3_How_to_work_with_TM_ajax_style_switcher_module_3\" width=\"300\" height=\"97\" class=\"aligncenter size-medium wp-image-49101\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/06\/Joomla_3_How_to_work_with_TM_ajax_style_switcher_module_3-300x97.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/06\/Joomla_3_How_to_work_with_TM_ajax_style_switcher_module_3-150x49.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/06\/Joomla_3_How_to_work_with_TM_ajax_style_switcher_module_3.png 948w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<li>\r\n<p>Add a new Joomla user via <strong>Users<\/strong> &gt; <strong>User Manager<\/strong> &gt; <strong>Add New User<\/strong> menu:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/06\/Joomla_3_How_to_work_with_TM_ajax_style_switcher_module_4.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/06\/Joomla_3_How_to_work_with_TM_ajax_style_switcher_module_4-300x72.png\" alt=\"Joomla_3_How_to_work_with_TM_ajax_style_switcher_module_4\" width=\"300\" height=\"72\" class=\"aligncenter size-medium wp-image-49102\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/06\/Joomla_3_How_to_work_with_TM_ajax_style_switcher_module_4-300x72.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/06\/Joomla_3_How_to_work_with_TM_ajax_style_switcher_module_4-150x36.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/06\/Joomla_3_How_to_work_with_TM_ajax_style_switcher_module_4.png 992w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<li>\r\n<p>Make sure to assign your user to <strong>&#8216;Super Users&#8217;<\/strong> group:<\/p>\r\n<p>\t<a href=\"\/help\/wp-content\/uploads\/2015\/06\/Joomla_3_How_to_work_with_TM_ajax_style_switcher_module_2.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/06\/Joomla_3_How_to_work_with_TM_ajax_style_switcher_module_2-250x300.png\" alt=\"Joomla_3_How_to_work_with_TM_ajax_style_switcher_module_2\" width=\"250\" height=\"300\" class=\"aligncenter size-medium wp-image-49103\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/06\/Joomla_3_How_to_work_with_TM_ajax_style_switcher_module_2-250x300.png 250w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/06\/Joomla_3_How_to_work_with_TM_ajax_style_switcher_module_2-125x150.png 125w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/06\/Joomla_3_How_to_work_with_TM_ajax_style_switcher_module_2.png 629w\" sizes=\"(max-width: 250px) 100vw, 250px\" \/><\/a><\/p>\r\n<\/li>\r\n<li>\r\n<p>Log into your website via <strong>&#8216;Login or register&#8217;<\/strong> module at the front-end:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/06\/Joomla_3_How_to_work_with_TM_ajax_style_switcher_module_5.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/06\/Joomla_3_How_to_work_with_TM_ajax_style_switcher_module_5-300x207.png\" alt=\"Joomla_3_How_to_work_with_TM_ajax_style_switcher_module_5\" width=\"300\" height=\"207\" class=\"aligncenter size-medium wp-image-49104\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/06\/Joomla_3_How_to_work_with_TM_ajax_style_switcher_module_5-300x207.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/06\/Joomla_3_How_to_work_with_TM_ajax_style_switcher_module_5-150x103.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/06\/Joomla_3_How_to_work_with_TM_ajax_style_switcher_module_5.png 851w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<li>\r\n<p>Style switcher has been successfully activated. Refresh your website to see customization tool box:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/06\/Joomla_3_How_to_work_with_TM_ajax_style_switcher_module_1.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/06\/Joomla_3_How_to_work_with_TM_ajax_style_switcher_module_1-300x199.png\" alt=\"Joomla_3_How_to_work_with_TM_ajax_style_switcher_module_1\" width=\"300\" height=\"199\" class=\"aligncenter size-medium wp-image-49100\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/06\/Joomla_3_How_to_work_with_TM_ajax_style_switcher_module_1-300x199.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/06\/Joomla_3_How_to_work_with_TM_ajax_style_switcher_module_1-150x99.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/06\/Joomla_3_How_to_work_with_TM_ajax_style_switcher_module_1.png 944w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<\/ol>\r\n<p>To <strong>make color changes<\/strong> in your theme, please follow the steps listed below:<\/p>\r\n<ol>\r\n<li>\r\n<p>Select desired color scheme;<\/p>\r\n<\/li>\r\n<li>\r\n<p>Click <strong>&#8216;Save&#8217;<\/strong> button to keep your changes and update the color scheme: <\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/06\/Joomla_3_How_to_work_with_TM_ajax_style_switcher_module_6.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/06\/Joomla_3_How_to_work_with_TM_ajax_style_switcher_module_6-300x190.png\" alt=\"Joomla_3_How_to_work_with_TM_ajax_style_switcher_module_6\" width=\"300\" height=\"190\" class=\"aligncenter size-medium wp-image-49105\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/06\/Joomla_3_How_to_work_with_TM_ajax_style_switcher_module_6-300x190.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/06\/Joomla_3_How_to_work_with_TM_ajax_style_switcher_module_6-150x95.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/06\/Joomla_3_How_to_work_with_TM_ajax_style_switcher_module_6.png 628w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<\/ol>\r\n<p>To <strong>edit existing color schemes<\/strong>:<\/p>\r\n<ol>\r\n<li>\r\n<p>Access your server via <strong>File Manager<\/strong> or any <strong>ftp client<\/strong> software;<\/p>\r\n<\/li>\r\n<li>\r\n<p>Navigate to <strong>&#8216;templates\/themeXXX\/color_schemes\/css&#8217;<\/strong> folder;<\/p>\r\n<\/li>\r\n<li>\r\n<p>Edit <strong>&#8216;color_scheme_X.css&#8217;<\/strong> (where <strong>X<\/strong> is the number of the color scheme) file to your needs, using any <strong>php\/text<\/strong> editor: <\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/06\/Joomla_3_How_to_work_with_TM_ajax_style_switcher_module_7.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/06\/Joomla_3_How_to_work_with_TM_ajax_style_switcher_module_7-300x208.png\" alt=\"Joomla_3_How_to_work_with_TM_ajax_style_switcher_module_7\" width=\"300\" height=\"208\" class=\"aligncenter size-medium wp-image-49106\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/06\/Joomla_3_How_to_work_with_TM_ajax_style_switcher_module_7-300x208.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/06\/Joomla_3_How_to_work_with_TM_ajax_style_switcher_module_7-150x104.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/06\/Joomla_3_How_to_work_with_TM_ajax_style_switcher_module_7.png 681w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<\/ol>\r\n<p>This is the end of the tutorial. Now you know how to  work with  <strong>&#8216;TM ajax style switcher&#8217;<\/strong> module in Joomla 3.x template.<\/p>\r\n<p>Feel free to check the detailed video tutorial below:<\/p>\r\n<p><a href=\"http:\/\/www.youtube.com\/watch?v=eI19o94LI9Y?width=1280&amp;height=720\" rel=\"prettyPhoto\">Joomla 3.x. How to work with &#8220;TM ajax style switcher module&#8221;<\/a><\/p>\r\n<p><\/p>\r\n<div class=\"inline-banner\">\r\n<a href=\"https:\/\/www.templatemonster.com\/cart.php?addOffer=587\">\r\n<img src=\"\/help\/files\/banners\/inline\/Banner-1-(500-x100).jpg\" \/>\r\n<\/a>","protected":false},"excerpt":{"rendered":"<p>This tutorial will show you how to work with  &#8216;TM ajax style switcher&#8217; module in Joomla 3.x template.<\/p>\n","protected":false},"author":37,"featured_media":49109,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[724],"tags":[1281,483,557,517,1993],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/49099"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/37"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=49099"}],"version-history":[{"count":1,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/49099\/revisions"}],"predecessor-version":[{"id":82224,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/49099\/revisions\/82224"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/49109"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=49099"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=49099"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=49099"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}