ブロックを右側のサイドバーからメインコンテンツに転送します

サム

私はmagento1.8.1を使用しており、1つの拡張機能(checkdelivery)をインストールしました。しかし、フロントエンドでは、それらのブロックは右側のサイドバーに表示されますが、そのページに右側のサイドバーは必要ありません。そのブロックを右側のサイドバーからメインコンテンツに転送する方法。

彼らのPhtmlファイル:

    <div class="block block-list block-check-delivery">
<div class="block-title">
    <?php $blockLabel = Mage::getStoreConfig('checkdelivery/general/block_title'); ?>
    <strong><span><?php echo $this->__($blockLabel) ?></span></strong>
</div>
<div class="block-content" >        
    <br>
        <input name="zipcode" size="17" type="text" id="zipcode" maxlength="10" class="input-text" placeholder="<?php echo $this->__('Enter ZIP Code'); ?>"/>
        <button type="button" name="zip-check" title="Check" class="button" id="zip-check" ><span><?php echo $this->__('Check'); ?></span></button>
        <div id="delivery-message"></div>
        <?php $defaultHtml = Mage::getStoreConfig('checkdelivery/general/default_html'); ?>
        <div id="delivery-html"><?php echo $defaultHtml ?></div>

    <br>        
</div>

およびAjaxコード:

  <script>
Event.observe('zip-check', 'click', function(event){
    new Ajax.Request("<?php echo $this->getUrl('checkdelivery/index/index') ?>", {
        method: "get",
        parameters: {zipcode : $('zipcode').value },
        onSuccess: function(transport) {
             var json = transport.responseText.evalJSON();
             $('delivery-message').update(json.message);                 
             $('delivery-message').setStyle({ color: json.color});
             $('delivery-html').update(json.html);  
        }
    });
});

layout.xml

   <layout version="0.1.0">

<catalog_product_view>
    <reference name="right" > 
        <block type="checkdelivery/checkdelivery" before="-" name="checkdelivery"> 
            <action method="setTemplate" ifconfig="checkdelivery/general/active">
                <template>checkdelivery/checkdelivery.phtml</template>
            </action>
        </block>
    </reference> 
</catalog_product_view>
<catalog_product_view>
    <block type="checkdelivery/checkdelivery" before="-" name="checkdelivery"> 
        <action method="setTemplate" ifconfig="checkdelivery/general/active">
            <template>checkdelivery/checkdelivery.phtml</template>
        </action> 
    </block>
</catalog_product_view>

パンカイパリーク

次のようにレイアウトを更新します

<catalog_product_view>
  <reference name="content">
    <block type="checkdelivery/checkdelivery" name="checkdelivery" as="checkdelivery"> 
        <action method="setTemplate" ifconfig="checkdelivery/general/active">
            <template>checkdelivery/checkdelivery.phtml</template>
        </action> 
    </block>
  </reference>  
</catalog_product_view>

次のようにproduct / view.phtmlのブロックを呼び出します。

echo $this->getChildHtml('checkdelivery')

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

ShopByコンテンツをMagentoの右側のサイドバーに移動します

分類Dev

サイドバーの右側にコンテンツを保持するAngularMaterial

分類Dev

Bootstrapを使用して右側にコンテンツdivがある左側のサイドバー

分類Dev

モバイルで表示するときに、右側のコンテンツの真上にコンテンツブロックを表示する

分類Dev

コンテンツの外側でサイドバーをアニメーション化してから元に戻す

分類Dev

ページ付きフレキシブルのサイズ変更時にメインコンテンツの右側のサイドバーを表示するにはどうすればよいですか?

分類Dev

ブロックデバイスのコンテンツの転送

分類Dev

オーバーフローしたコンテンツをあるdivから別のdivに転送する

分類Dev

2つのインラインブロックdivはまだ垂直にスタックしています。(メインコンテンツはサイドバーの下にあります)HTMLとCSS

分類Dev

アイコンをWindowsタスクバーの右側に固定しますか?

分類Dev

base64イメージをクライアントからサーバーに転送する方法、またはs3バケットからバイナリ/ base64をダウンロードする方法は?

分類Dev

グリッドのコンテンツをスクロール可能にして、右側のスクロールバーを削除する方法

分類Dev

バックグラウンドインテリジェント転送サービスは正確に何をしますか?

分類Dev

C++、バイナリ ツリーの高さ、サブツリーが空かどうかをチェックする代わりに、サブツリーがリーフ ノードであるかどうかをチェックしています。セグメンテーション違反をスローします

分類Dev

C#クライアントからサーバーへのデータ転送サーバーは以前のクライアントメッセージを受信しています非同期サーバー-非同期クライアント

分類Dev

スクロールコンテナ内の右側の固定サイドバー

分類Dev

XCodeからドキュメントまたはライブラリディレクトリにコンテンツをプリロードします

分類Dev

Odoo8:ユーザーが追加したウェブサイトのコンテンツをバックエンドから翻訳する方法

分類Dev

L7プロトコルを使用してサブドメインをmikrotikのIPに転送する

分類Dev

ブロックとインラインワードフォームを右から左に表示します

分類Dev

Tomcatを使用してログインした後、サーブレットからjspにリクエストを転送します

分類Dev

Htaccessは、すべてのコンテンツをドメイン/フォルダーから別のドメインにリダイレクトします

分類Dev

textareaのコンテンツをファイルに保存し、PHPサーバーページからロードします

分類Dev

アイコンをテーブルセルの右側に揃えますか?

分類Dev

同じドメインIIS7の新しいサーバーにSSLを転送します

分類Dev

infinite-scroll.jsライブラリを使用してコンテンツのロード後にコールバックを実行します

分類Dev

画像をアップロードし、zip(クライアント側)に変換してからサーバーにアップロードします

分類Dev

右側に4つの垂直タブとコンテンツをブートストラップします

分類Dev

メインバンドルからドキュメントディレクトリ(サンドボックス)にファイルをコピーします

Related 関連記事

  1. 1

    ShopByコンテンツをMagentoの右側のサイドバーに移動します

  2. 2

    サイドバーの右側にコンテンツを保持するAngularMaterial

  3. 3

    Bootstrapを使用して右側にコンテンツdivがある左側のサイドバー

  4. 4

    モバイルで表示するときに、右側のコンテンツの真上にコンテンツブロックを表示する

  5. 5

    コンテンツの外側でサイドバーをアニメーション化してから元に戻す

  6. 6

    ページ付きフレキシブルのサイズ変更時にメインコンテンツの右側のサイドバーを表示するにはどうすればよいですか?

  7. 7

    ブロックデバイスのコンテンツの転送

  8. 8

    オーバーフローしたコンテンツをあるdivから別のdivに転送する

  9. 9

    2つのインラインブロックdivはまだ垂直にスタックしています。(メインコンテンツはサイドバーの下にあります)HTMLとCSS

  10. 10

    アイコンをWindowsタスクバーの右側に固定しますか?

  11. 11

    base64イメージをクライアントからサーバーに転送する方法、またはs3バケットからバイナリ/ base64をダウンロードする方法は?

  12. 12

    グリッドのコンテンツをスクロール可能にして、右側のスクロールバーを削除する方法

  13. 13

    バックグラウンドインテリジェント転送サービスは正確に何をしますか?

  14. 14

    C++、バイナリ ツリーの高さ、サブツリーが空かどうかをチェックする代わりに、サブツリーがリーフ ノードであるかどうかをチェックしています。セグメンテーション違反をスローします

  15. 15

    C#クライアントからサーバーへのデータ転送サーバーは以前のクライアントメッセージを受信しています非同期サーバー-非同期クライアント

  16. 16

    スクロールコンテナ内の右側の固定サイドバー

  17. 17

    XCodeからドキュメントまたはライブラリディレクトリにコンテンツをプリロードします

  18. 18

    Odoo8:ユーザーが追加したウェブサイトのコンテンツをバックエンドから翻訳する方法

  19. 19

    L7プロトコルを使用してサブドメインをmikrotikのIPに転送する

  20. 20

    ブロックとインラインワードフォームを右から左に表示します

  21. 21

    Tomcatを使用してログインした後、サーブレットからjspにリクエストを転送します

  22. 22

    Htaccessは、すべてのコンテンツをドメイン/フォルダーから別のドメインにリダイレクトします

  23. 23

    textareaのコンテンツをファイルに保存し、PHPサーバーページからロードします

  24. 24

    アイコンをテーブルセルの右側に揃えますか?

  25. 25

    同じドメインIIS7の新しいサーバーにSSLを転送します

  26. 26

    infinite-scroll.jsライブラリを使用してコンテンツのロード後にコールバックを実行します

  27. 27

    画像をアップロードし、zip(クライアント側)に変換してからサーバーにアップロードします

  28. 28

    右側に4つの垂直タブとコンテンツをブートストラップします

  29. 29

    メインバンドルからドキュメントディレクトリ(サンドボックス)にファイルをコピーします

ホットタグ

アーカイブ