{"id":56126,"date":"2015-10-21T04:22:05","date_gmt":"2015-10-21T08:22:05","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=56126"},"modified":"2016-02-17T04:43:11","modified_gmt":"2016-02-17T09:43:11","slug":"opencart-2-x-how-to-change-order-of-featured-latest-bestsellers-tabs-on-home-page","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/opencart-2-x-how-to-change-order-of-featured-latest-bestsellers-tabs-on-home-page.html","title":{"rendered":"OpenCart 2.x. How to change order of Featured, Latest, Bestsellers tabs on home page"},"content":{"rendered":"

OpenCart 2.x. How to change order of Featured, Latest, Bestsellers tabs on home page<\/a><\/p>\r\n

This tutorial will show you how to change order of Featured<\/strong>, Latest<\/strong>, Bestsellers<\/strong> tabs on home page in OpenCart 2.x.<\/p>\r\n

\"OpenCart<\/a><\/p>\r\n

    \r\n
  1. \r\n

    Use FTP or cPanel and navigate to catalog\\view\\theme\\themeXXX\\template\\module\\tm_single_category_product.tpl file. On lines 25-48 you will find the following code:<\/p>\r\n

     \r\n\t\t<?php if ($latest_products) { ?>\r\n                        <li>\r\n                            <a href=\"#tab-latest-<?php echo $module; ?>\" role=\"tab\"\r\n                               data-toggle=\"tab\"><?php echo $heading_latest; ?><\/a>\r\n                        <\/li>\r\n                <?php } ?>\r\n                <?php if ($featured_products) { ?>\r\n                        <li>\r\n                            <a href=\"#tab-featured-<?php echo $module; ?>\" role=\"tab\"\r\n                               data-toggle=\"tab\"><?php echo $heading_featured; ?><\/a>\r\n                        <\/li>\r\n                <?php } ?>\r\n                <?php if ($special_products) { ?>\r\n                        <li>\r\n                            <a href=\"#tab-specials-<?php echo $module; ?>\" role=\"tab\"\r\n                               data-toggle=\"tab\"><?php echo $heading_specials; ?><\/a>\r\n                        <\/li>\r\n                <?php } ?>\r\n                <?php if ($bestseller_products) { ?>\r\n                        <li>\r\n                            <a href=\"#tab-bestsellers-<?php echo $module; ?>\" role=\"tab\"\r\n                               data-toggle=\"tab\"><?php echo $heading_bestsellers; ?><\/a>\r\n                        <\/li>\r\n                <?php } ?>\r\n<\/pre>\r\n<\/li>\r\n
  2. \r\n
     Now you need to cut and paste the block of code which is responsible for a tab you want to move before or after other tabs. Let’s make the Featured<\/strong> products the last tab. For this we need to move the following block of code:<\/p>\r\n
      \r\n\t\t<?php if ($featured_products) { ?>\r\n\t\t\t<li>\r\n\t\t\t<a href=\"#tab-featured-<?php echo $module; ?>\" role=\"tab\"\r\n\t\t\t\tdata-toggle=\"tab\"><?php echo $heading_featured; ?><\/a>\r\n\t\t\t<\/li>\r\n\t\t<?php } ?>\r\n<\/pre>\r\n
    After the code which is displaying bestsellers:<\/p>\r\n
     \r\n\t\t<?php if ($bestseller_products) { ?>\r\n\t\t\t<li>\r\n\t\t\t<a href=\"#tab-bestsellers-<?php echo $module; ?>\" role=\"tab\"\r\n\t\t\t\tdata-toggle=\"tab\"><?php echo $heading_bestsellers; ?><\/a>\r\n\t\t\t<\/li>\r\n\t\t<?php } ?>\r\n<\/pre>\r\n<\/li>\r\n
  3. \r\n
    The code after the changes should look like this:<\/p>\r\n
     \r\n\t\t<?php if ($latest_products) { ?>\r\n                    <li>\r\n                        <a href=\"#tab-latest-<?php echo $module; ?>\" role=\"tab\"\r\n                            data-toggle=\"tab\"><?php echo $heading_latest; ?><\/a>\r\n                    <\/li>\r\n                <?php } ?>\r\n                <?php if ($special_products) { ?>\r\n                    <li>\r\n                        <a href=\"#tab-specials-<?php echo $module; ?>\" role=\"tab\"\r\n                            data-toggle=\"tab\"><?php echo $heading_specials; ?><\/a>\r\n                    <\/li>\r\n                <?php } ?>\r\n                <?php if ($bestseller_products) { ?>\r\n                    <li>\r\n                        <a href=\"#tab-bestsellers-<?php echo $module; ?>\" role=\"tab\"\r\n                            data-toggle=\"tab\"><?php echo $heading_bestsellers; ?><\/a>\r\n                    <\/li>\r\n                <?php } ?>\r\n\t\t<?php if ($featured_products) { ?>\r\n                    <li>\r\n                        <a href=\"#tab-featured-<?php echo $module; ?>\" role=\"tab\"\r\n                            data-toggle=\"tab\"><?php echo $heading_featured; ?><\/a>\r\n                    <\/li>\r\n                <?php } ?>\r\n<\/pre>\r\n<\/li>\r\n
  4. \r\n
     Save the file, reupload it and reload your page. Now your Featured<\/strong> tab is the last tab:<\/p>\r\n
    \"OpenCart<\/a><\/p>\r\n<\/li>\r\n<\/ol>\r\n
    Thank you for checking our tutorial. Now you know how to change order of Featured<\/strong>, Latest<\/strong>, Bestsellers<\/strong> tabs on home page in OpenCart 2.x.<\/p>\r\n
    Feel free to check the detailed video tutorial below:<\/p>\r\n
    OpenCart 2.x. How to change order of Featured, Latest, Bestsellers tabs on home page<\/a><\/p>\r\n
    <\/p>","protected":false},"excerpt":{"rendered":"
    This tutorial will show you how to change order of Featured<\/strong>, Latest<\/strong>, Bestsellers<\/strong> tabs on home page in OpenCart 2.x.<\/p>\n","protected":false},"author":93,"featured_media":56131,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1156],"tags":[2091,831,684,1157,857,977],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/56126"}],"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\/93"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=56126"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/56126\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/56131"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=56126"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=56126"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=56126"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}