layout - Magento は、container2 に静的ブロックを表示します

Question

製品ページに多くのカスタム オプションが必要です。

製品ビューに 4 つ以上のカスタム オプションがある場合にのみ表示される静的ブロックで、左側の空白スペースを埋めたいと思います。

http://goo.gl/Y7JMQf

Answer 1

ステップ 1: を使用して静的ブロックのコンテンツを表示する

<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>

ステップ 2: css を追加して、デフォルトで静的ブロック コンテナーを非表示にします。

.css_class_of_container { display: none;}

Step3. 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;?>