夏天来了，所以问愚蠢的问题：D长话短说，我有带有ThemeGlobal Lite主题的opencart 2.0.1 . 我希望在类别视图中添加第三种列出产品的方法 .

<?php include('catalog/view/theme/'.$config->get('config_template').'/template/themeglobal/product_list.tpl'); ?>

这包括我理解产品列表的模板 .

<button id="list" <?php if($theme_options->get('default_list_grid') != '1') { echo 'class="active"'; } ?> rel="tooltip" title="List" onclick="display('list');"><i class="fa fa-th-list"></i></button>
                <button id="grid" <?php if($theme_options->get('default_list_grid') == '1') { echo 'class="active"'; } ?> rel="tooltip" title="Grid" onclick="display('grid');"><i class="fa fa-th"></i></button>
//This is my added new button
            <button id="list" <?php if($theme_options->get('default_list_grid') != '1') { echo 'class="active"'; } ?> rel="tooltip" title="modifed List" 
onclick="display('list');"><i class="fa fa-th-list"></i></button>

现在我看到第三个视图选项按钮，到目前为止，这么好 . 现在，下面的javascript正在切换product_grid.tpl和product_list.tpl之间的tpl文件

<script type="text/javascript">
function display(view) {

    if (view == 'list') {
        $('.product-grid').css("display", "none");
        $('.product-list').css("display", "block");

        $('.display').html('<button class="active" id="list" rel="tooltip" title="List" onclick="display(\'list\');"><i class="fa fa-th-list"></i></button> <button id="grid" rel="tooltip" title="Grid" onclick="display(\'grid\');"><i class="fa fa-th"></i></button> ');

        $.cookie('display', 'list');
    } else {

        $('.product-grid').css("display", "block");
        $('.product-list').css("display", "none");

        $('.display').html('<button id="list" rel="tooltip" title="List" onclick="display(\'list\');"><i class="fa fa-th-list"></i></button> <button class="active" id="grid" rel="tooltip" title="Grid" onclick="display(\'grid\');"><i class="fa fa-th"></i></button>');

        $.cookie('display', 'grid');
    }
}

view = $.cookie('display');

if (view) {
    display(view);
}

我的愚蠢问题是，如何添加第三个视图，名为product_modified_grid.tpl？

javascript php opencart