2013年8月 6日
Zen Cartハイエンド版の特徴(2):addon_modulesで画面ブロックの柔軟なレイアウトを
前回は、addon_modules の構成とインストール方法をご紹介しました。
しかし前回の設定では、ユーザー側にはモジュールをどこに表示するかを指定していないため、フロント(来訪者が閲覧する)側には何も反映されません。どこに表示するかを指定する方法について、今回は説明します。。
Zen Cart には、サイドボックスに includes/modules/sideboxes/ のモジュールを割り当てる機能があります。どれがON(表示)で、どの順番で表示されるかが分かりやすい構成になっています。
▲サイドボックスの表示設定 (※図版はクリックで拡大します)
ブロックの設定と詳細編集
サイドボックスでは左右が指定できますが、addon_modules ではレイアウトの指定を「ブロック」という単位で「ヘッダー・フッター、左右サイドボックス、メインコンテンツ内の上下」のいずれかに配置することができます。
▲ブロックの設定 (※図版はクリックで拡大します)
ブロックの編集により、表示位置を「main」にした場合は、CSSセレクタにより任意の位置に設定ができます。
以下の画像の場合は、HTMLの id="breadcrumb" の箇所をこのブロックで置換します。id="breadcrumb"は、通常ですとパンくずメニューが表示される部分ですから、パンくずの出力を通常の表示内容から変更することができます。
※挿入位置指定には、置換の他に「直後、直前、要素外直後、要素外直前」が指定できます。
▲ブロックの編集 (※図版はクリックで拡大します)
下のチェックボックスに全画面一覧が出ているのですが、これにチェックを入れた画面だけ表示する(もしくは、入れたものだけ非表示にする)という指定ができます。これにより、サイドボックスはカート画面では表示しないようにするとか、注文確定の画面にだけ表示する、といった細かな指定が可能です。
コード中からブロックを呼び出す方法
上記のようにCSSセレクタで指定するのは面倒だし、独自のテンプレートの任意の位置にaddon_modulesの出力ができないの!? と思われる人もいるかもしれませんね。
──はい、そのようにできます!
echo $GLOBALS['{モジュールクラス名}']->getBlock('{ブロックメソッド名}', $current_page_base); 例: echo $GLOBALS['multiple_image_view']->getBlock('block_expd',$current_page_base);
テンプレートなどに上記のように記述すると、任意のモジュール内のブロックが実行可能です。
CSSセレクタを利用しなくてもピンポイントにモジュールの表示が可能になります。
次回は、addon_modules の各機能を紹介していきます。
カテゴリー: Zen Cart(オンラインショップ構築)
タグ: addon_modules , オンラインショップ , ECサイト , Zen Cart , ZHE
Zen Cart ハイエンド版 のブログ記事をもっと見る
- Zen Cart:Google Chrome SameSite Cookie対応について
- Zen Cartハイエンド版の機能拡張:退会機能
- Zen Cartハイエンド版のモジュール:かんたん顧客管理機能でより詳細な絞り込みを
- Zen Cartハイエンド版のモジュール:point_basedeでポイント管理を行う
- Zen Cartハイエンド版のモジュール:social_buttonsによりコンテンツを共有する
- Zen Cartハイエンド版のモジュール:am_ajax_addressで郵便番号による住所自動入力をサポート
- Zen Cartハイエンド版のモジュール:product_csvで商品データの一括インポート・一括エクスポートをする
- Zen Cartハイエンド版のモジュール:email_templateで会員登録や注文時のメールの内容を変更する
- Zen Cartハイエンド版のモジュール:easy_adminで管理画面のメニューを自由にカスタマイズする
- Zen Cartハイエンド版の特徴(2):addon_modulesで画面ブロックの柔軟なレイアウトを
- Zen Cartハイエンド版の特徴(1):addon_modulesによる機能追加
- Zen Cart ハイエンド版:連載スタートにあたって(ポイント制, ゲスト購入, スマートフォン対応...)
Zen Cart ハイエンド版 のデモサイトを見る
« 前の記事:Zen Cartハイエンド版の特徴(1):addon_modulesによる機能追加
» 次の記事:Zen Cartハイエンド版のモジュール:easy_adminで管理画面のメニューを自由にカスタマイズする
アークウェブの本
Zen Cartによるオンラインショップ構築・運用テクニック―オープンソース徹底活用
内容充実のZen Cart公式本(v1.3対応)がついに発表です。アークウェブのスタッフをはじめZen-Cart.JPの中心メンバーが共著で執筆しました。続きを読む
新着はてブ
カテゴリー
- Shopify(ショピファイ)オンラインショップ構築
- NGO・NPO向け情報
- スマートフォン
- だれもが使えるウェブコンクール
- mixiアプリ
- OpenSocial (システム開発)
- アークウェブのCSR
- A-Form, A-Member, A-Reserve(MTプラグイン)
- Ruby on Rails(システム開発)
- necoったー
- Miqqle
- WebSig24/7
- ecoったー
- ビッグイシュー(The Big Issue)
- CSR(企業の社会的責任)
- マッシュアップ
- RIA (システム開発)
- セキュリティ(システム開発)
- 唐松(アクセス解析)
- Ajax (システム開発)
- テスト(システム開発)
- データベース
- PukiWiki
- Web 2.0
- SEO・サーチエンジン最適化
- XP・アジャイル(システム開発)
- Web・ITニュースクリップ
- Webアクセシビリティ
- Webデザイン
- SEM・サーチエンジン広告
- Webユーザビリティ
- CMS・MovableType
- Zen Cart(オンラインショップ構築)
- Snippy(SNS・ソーシャルブックマーク)
- アークウェブ
- オープンソース
- CMS(コンテンツマネジメント・システム)
- Webマーケティング
- AMP
- SNS