0

我想弄清楚如何将默认布局从 3 列更改为 2 列。除了搜索结果之外,我已经能够在每个页面上成功地做到这一点。我不介意将默认布局更改为 2 列,因为我希望它是统一的。

这是一个问题,我在一个托管的解决方案上(我讨厌它,但是嘿,我只是开发人员)。我无权访问文件系统或单个文件。我还没有找到上传和替换任何文件的方法,所以我所做的所有更改都必须从后端完成。我真的希望这可以做到。

4

1 回答 1

0

答案是,你不能。干净利落。

但是,您可以使用 jQuery 破解它并让它正常工作。这是我使用的代码:

//Check for 3 col layout.
if($j('.col3-layout').length>0){
    //swap the 3 col layout for the 2 col layout
    $j('.col3-layout').addClass('col2-left-layout').removeClass('col3-layout');
    //grab all the code in the wapper, and place it in the main
    var html=$j('.col-wrapper').html();
    $j('.main').html(html);
    //If products are shown as a grid, reorder them.  If it is a list, leave it alone.
    if(!$j('.grid').attr('href')){
        //Grab all items in the list, push them into an array, and then remove all the data.
        var items=new Array();
        $j('.products-grid .item').each(function(){
            items.push($j(this).html());
        });
        $j('.products-grid').remove();
        //build your output
        var html='';
        var gridsize=4; //items per row
        for(var i=0;i<items.length;i++){
            if(i%gridsize==0){//start a new row
                html+='<ul class="products-grid '
                if(i/gridsize==0)//very first row
                    html+='first ';
                else if(i==items.length-gridsize)//last row
                    html+='last '
                if(i/gridsize%2==0)//even class
                    html+='even">';
                else
                    html+='odd">';//odd class
                html+='<li class="item first">'+items[i]+"</li>";
            }else if(i%gridsize==gridsize-1){//very item in row
                html+='<li class="item last">'+items[i]+"</li></ul>";
            }else
                html+='<li class="item">'+items[i]+"</li>";
        }
        $j('.category-products').html(html);  //populate the data.
    }
}
于 2012-07-30T16:23:37.607 回答