私は次のMagentoストアで作業しています:http://nscar.org/magento/
左側のナビゲーションを取得して、製品が入っているコンテナの100%に拡張しようとしています。提案をいただければ幸いです。
私は次のMagentoストアで作業しています:http://nscar.org/magento/
左側のナビゲーションを取得して、製品が入っているコンテナの100%に拡張しようとしています。提案をいただければ幸いです。
.col-leftのcssで、背景画像が見つからないため、から機能に変更し..images/background.gif
ます../images/background.gif
。
ページの本体に応じて、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>
leftDivIdとrightDivIdを適切なdivIDに変更します。
あなたが本当にやりたいのは、左側のサイドバー全体にオレンジ色の背景を繰り返すことだと思います。そのためには、#publicnavではなく#leftの背景を設定する必要があります。
/magento/skin/frontend/default/css/styles.cssで、必要に応じてこれを追加します。
#left {
height: 100%;
background:url('http://www.nscar.org/images/background.gif');
background-repeat:repeat-y;
}