magento - 左侧导航不会扩展到 100% Magento

Question

我在 Magento 商店工作： http: //nscar.org/magento/

我试图让左侧导航扩展到产品所在容器的 100%。任何建议将不胜感激。

Answer 1

我猜你真正想做的是让橙色背景在整个左侧边栏上重复。为此，您只需为#left 而不是#publicnav 设置背景。

在 /magento/skin/frontend/default/css/styles.css 在适当的地方添加：

#left {
    height: 100%;
    background:url('http://www.nscar.org/images/background.gif');
    background-repeat:repeat-y;
}

Answer 2

在您的 .col-left 的 css 中，找不到背景图像，将其从更改..images/background.gif为../images/background.gif有效。

Answer 3

尝试根据页面主体使用javascript动态设置左侧菜单的高度。下面的代码会帮助你。

<script>
var leftH       = 0;
var rightH      = 0;
var minHeight   = 0;

function resize() {  
    leftH   = document.getElementById('box7-container').offsetHeight;
    rightH  = document.getElementById('box8-container').offsetHeight;
    minHeight= (leftH > rightH) ? leftH : rightH ;

    adjust_heights();
}

function adjust_heights() {
    var left    = document.getElementById('leftDivId');
    var right   = document.getElementById('rightDivId');
    minHeight = minHeight - 9;
    if(rightH == minHeight)
        left.style.height   = (minHeight) + 'px';
    else
        right.style.height  = (minHeight) + 'px'; 
}
resize();
</script>

使用适当的 div id 更改 leftDivId 和 rightDivId。