我在产品页面上有很多自定义选项。
我想用一个静态块填充左侧的空白区域,该块仅在产品视图中有超过 4 个自定义选项时才会出现。
Step1:使用显示静态块内容
<div class="css_class_of_container" id="ID_OF_THE_STATIC_BLOCK_CONTAINER">
<?php
echo Mage::getModel('cms/block')
->load('STATIC_BLOCK_IDENTIFIER')
->toHtml();
?>
</div>
Step2:添加css默认隐藏静态块容器使用
.css_class_of_container { display: none;}
第三步。使用 javascript 根据可用自定义选项的数量显示和隐藏静态块。
在app/design/package/theme/catalog/product/view/options.phtml
<?php if (count($_options)):?>
<script type="text/javascript">
<?php if(count($_options) > 4):?>
//if you are using jquery
jQuery(document).ready(function(){
jQuery("#ID_OF_THE_STATIC_BLOCK_CONTAINER").show();
});
//if using native javascript
setTimeout('showhiddenStaticBlock()', 500);
function showHiddenStaticBlock() {
document.getElementById("ID_OF_THE_STATIC_BLOCK_CONTAINER").style.display = 'block';
}
<?php endif;?>
</script>
<?php endif;?>