「Apple Zen Template」 Zen Cart用テンプレート

Zen Cart用のテンプレートはいろいろなところで販売されていますが、無料のものが本家でもいくつも公開されています。
その中から綺麗に出来ているものを紹介します。
Apple Zen Template
apple_zen
=説明文抜粋=
This Template works with all 1.3.* versions of Zen Cart. Will not work with any 1.2.* versions. Has been tested on 1.3.7, 1.3.6, 1.3.5 and 1.3.0.2.
This template is designed to increase in size as font size is increased in the browser, keeping the same aspect ratio. Even the logo is designed to resize (optional). In this template, I’ve also included some extra features, such as a horizontal drop down menu which includes your categories. Also included is the Order Steps Table-less module which gives your customer a visual indicator of where they are in the order process.
This template is designed to **ONLY** have sideboxes on the right side of the page, and will automatically move all left sideboxes over to the right side. It is NOT possible to have sideboxes on the left side with this template, but if you forget to go to the Layout Boxes Controller in the admin and change all sideboxes to the right, your left boxes will still display, but they will display below any right sideboxes.
I’ve included three extra colors… red, blue, and grey. To change colors, simply open up includes/templates/apple_zen/css/stylesheet.css, and un-comment the color you want to use, and comment out the color you don’t want to use. You’ll also need to open up includes/templates/apple_zen/css/stylesheet_header_menu.css to change the colors in the drop down menu.
このテンプレートは1.3系全てに利用できます。
文字サイズを固定にしていないのでブラウザから文字サイズの変更を行えることと、テーブルレイアウトではないため文字サイズが大きくなったときにページの幅も動的に変更されます。
また、このテンプレートは右カラムしか使用しませんので、管理画面のサイドボックスの設定での「左右」は無視され、承継的に右カラムに表示されます。
色等はCSSから変更できます。
解凍するとこんな構成です。
ファイル/フォルダ名
───────────────────────────────────────
apple_zen_template_2-6
└ Apple Zen 2.6
   ├ includes
   │ ├ classes
   │ │ └ categories_ul_generator.php
   │ ├ extra_datafiles
   │ │ └ about_us_filenames.php
   │ ├ languages
   │ │ ├ apple_zen
   │ │ │ └ english.php
   │ │ └ english
   │ │    ├ apple_zen
   │ │    │ ├ about_us.php
   │ │    │ ├ header.php
   │ │    │ └ specials.php
   │ │    ├ extra_definitions
   │ │    │ └ apple_zen
   │ │    │    ├ about_us.php
   │ │    │    ├ headermenu.php
   │ │    │    └ order_steps_defines.php
   │ │    └ html_includes
   │ │       └ define_about_us.php
   │ ├ modules
   │ │ ├ pages
   │ │ │ ├ about_us
   │ │ │ │ └ header_php.php
   │ │ │ └ specials
   │ │ │    └ main_template_vars.php
   │ │ └ sideboxes
   │ │    └ apple_zen
   │ │       ├ ezpages_drop_menu.php
   │ │       └ information.php
   │ ├ templates
   │ │ └ apple_zen
   │ │    ├ buttons
   │ │    │ └ english
   │ │    │    ├ button_add_address.gif
   │ │    │    ├ button_add_selected.gif
   │ │    │    ├ button_add_to_cart.gif
   │ │    │    ├ button_back.gif
   │ │    │    ├ button_buy_now.gif
   │ │    │    ├ button_cancel.gif
   │ │    │    ├ button_change_address.gif
   │ │    │    ├ button_checkout.gif
   │ │    │    ├ button_confirm_order.gif
   │ │    │    ├ button_confirm_send.gif
   │ │    │    ├ button_continue.gif
   │ │    │    ├ button_continue_checkout.gif
   │ │    │    ├ button_continue_shopping.gif
   │ │    │    ├ button_create_account.gif
   │ │    │    ├ button_delete.gif
   │ │    │    ├ button_delete_small.gif
   │ │    │    ├ button_download.gif
   │ │    │    ├ button_goto_prod_details.gif
   │ │    │    ├ button_in_cart.gif
   │ │    │    ├ button_login.gif
   │ │    │    ├ button_logoff.gif
   │ │    │    ├ button_more_reviews.gif
   │ │    │    ├ button_next.gif
   │ │    │    ├ button_ppcheckout.gif
   │ │    │    ├ button_prev.gif
   │ │    │    ├ button_read_reviews.gif
   │ │    │    ├ button_redeem.gif
   │ │    │    ├ button_return_to_product_list.gif
   │ │    │    ├ button_reviews.gif
   │ │    │    ├ button_search.gif
   │ │    │    ├ button_send.gif
   │ │    │    ├ button_send_a_gift_cert.gif
   │ │    │    ├ button_send_another.gif
   │ │    │    ├ button_shipping_estimator.gif
   │ │    │    ├ button_sold_out.gif
   │ │    │    ├ button_sold_out_sm.gif
   │ │    │    ├ button_submit.gif
   │ │    │    ├ button_submit_link.gif
   │ │    │    ├ button_tell_a_friend.gif
   │ │    │    ├ button_TellAFriend.gif
   │ │    │    ├ button_unsubscribe.gif
   │ │    │    ├ button_update.gif
   │ │    │    ├ button_update_cart.gif
   │ │    │    ├ button_view.gif
   │ │    │    ├ button_write_review.gif
   │ │    │    ├ search_small.gif
   │ │    │    ├ small_delete.gif
   │ │    │    ├ small_edit.gif
   │ │    │    └ small_view.gif
   │ │    ├ common
   │ │    │ ├ tpl_box_default_left.php
   │ │    │ ├ tpl_box_default_right.php
   │ │    │ ├ tpl_drop_menu.php
   │ │    │ ├ tpl_footer.php
   │ │    │ ├ tpl_header.php
   │ │    │ └ tpl_main_page.php
   │ │    ├ css
   │ │    │ ├ checkout_confirmation.css
   │ │    │ ├ checkout_payment.css
   │ │    │ ├ checkout_shipping.css
   │ │    │ ├ checkout_success.css
   │ │    │ ├ stylesheet.css
   │ │    │ └ stylesheet_header_menu.css
   │ │    ├ images
   │ │    │ ├ arrow_checkout.gif
   │ │    │ ├ content_bg.gif
   │ │    │ ├ content_bg2.gif
   │ │    │ ├ dropmenu.gif
   │ │    │ ├ headerborder.gif
   │ │    │ ├ logo.gif
   │ │    │ ├ orderstep.png
   │ │    │ ├ scr_apple_zen.jpg
   │ │    │ ├ shadowAlpha_bot.png
   │ │    │ ├ shadowLeft.png
   │ │    │ ├ shadowRight.png
   │ │    │ ├ sideboxleft.gif
   │ │    │ ├ sideboxleft-blue.gif
   │ │    │ ├ sideboxleft-grey.gif
   │ │    │ ├ sideboxleft-red.gif
   │ │    │ ├ site-bg.gif
   │ │    │ ├ site-bg-blue.gif
   │ │    │ ├ site-bg-grey.gif
   │ │    │ ├ site-bg-red.gif
   │ │    │ └ submenu.gif
   │ │    ├ sideboxes
   │ │    │ ├ tpl_ezpages_drop_menu.php
   │ │    │ └ tpl_search_header.php
   │ │    ├ templates
   │ │    │ ├ tpl_about_us_default.php
   │ │    │ ├ tpl_checkout_confirmation_default.php
   │ │    │ ├ tpl_checkout_payment_default.php
   │ │    │ ├ tpl_checkout_shipping_default.php
   │ │    │ ├ tpl_checkout_success_default.php
   │ │    │ └ tpl_specials_default.php
   │ │    └ template_info.php
   │ └ csshover.htc
   ├ pre_1.3.7_files
   │ ├ tpl_checkout_payment_default.php
   │ ├ tpl_checkout_success_default.php
   │ └ tpl_main_page.php
   ├ additions_to_.htaccess
   └ readme.txt
───────────────────────────────────────
27 個のフォルダと 110 個 336 KByte のファイルがあります。
結構なボリュームがあります。
インストールは、言語ファイルの用意をするだけで良いと思います。
「about_us」というページが追加されているので、日本ではそのまま会社概要とか特商法の表示義務などに転用すれば良いと思います。
そしてカート内のステップ表示が実装されています。
スライドバーとテキストによる表示ですが、CSSで表現しているので画像の用意等が必要ありません。
カート遷移
表示上の特徴はヘッダ下のグローバルメニューがプルダウン式になっていることです。
コード的にはテーブルレスになっていることが特筆できる点でしょう。
右カラムのみの利用になっていることと、表示順序を考慮して書かれているようで、CSSを適用せずに表示すると下記のような順序で記述されていることが分かります。
1.ヘッダ
2.メインコンテンツ
3.サイドボックス
4.フッタ
5.グローバルメニュー
できればヘッダ表示すらもっと下に記述してもいいくらいだと思いますが、概ね重要な情報から記述されているのでページの要旨がページ上部に配置されます。
これはページの論理構造の最適化に貢献すると考えられます。
ただ、日本語版に入れた場合の固有の問題かもしれませんが、マイページが正しく表示されないのでこの部分は要ハックでしょう。
マイページ
//////////////////////////////////////////////////////////////////////////
Zen Cartでのサイト構築、モジュール開発、カスタマイズなどお気軽にご相談ください。
オフィスあんどぷらす http://www.andplus.net/
えぇ商いどっと混む http://www.a-akinai.com/
人気ブログランキング 人気blogランキング にほんブログ村 企業ブログ 情報通信業へ
//////////////////////////////////////////////////////////////////////////

「Product Attribute Grid」 Zen Cartのオプションをグリッド表示

Zen Cartのオプションをグリッド表示(表形式)に変更する海外モジュールを紹介します。
Product Attribute Grid
The grid is populated
=説明文抜粋=
The module is designed to set out attributes within a grid format, when 2 dropdown or radio options are available. For example, if an item has both colour and size. The grid is populated with quantity fields, so that a number of products can be added at any time.
このモジュールはドロップダウンもしくはラジオボタンのオプションが2つあるときに表形式で表示するモジュールです。
1.3.8a用です。
解凍するとこんな構成になっています。
ファイル/フォルダ名
───────────────────────────────────────
product_attribute_grid_1-0-1
└ Product Attribute Grid
   ├ 1.3.8a Store files
   │ ├ extra_cart_actions
   │ │ └ absolute_products_with_attributes.php
   │ ├ modules
   │ │ └ YOUR_TEMPLATE
   │ │    └ attributes.php
   │ └ templates
   │    └ YOUR_TEMPLATE
   │       └ templates
   │          ├ tpl_modules_attributes.php
   │          └ tpl_product_info_display.php
   └ INSTALL README.txt
───────────────────────────────────────
8 個のフォルダと 5 個 81 KByte のファイルがあります。
テンプレートのリネームのみでインストールしてみます。
インストール自体は簡単です。
実際の表示は冒頭のSSのようになるのですが、表のフィールド部はテキストフィールドになります。
つまり、欲しいオプションの組み合わせの欄に数量を記入してカートに入れるボタンをクリックするという動作になります。
当然ながらオプション別の在庫管理機能はありませんので、数量を入れてカートに進んだ後に、在庫がなければアラートが出るという仕組みはデフォルトに準じます。
//////////////////////////////////////////////////////////////////////////
Zen Cartでのサイト構築、モジュール開発、カスタマイズなどお気軽にご相談ください。
オフィスあんどぷらす http://www.andplus.net/
えぇ商いどっと混む http://www.a-akinai.com/
人気ブログランキング 人気blogランキング にほんブログ村 企業ブログ 情報通信業へ
//////////////////////////////////////////////////////////////////////////

続「template switch」 Zen Cartでテンプレート切り替え

先日のZen Cart用海外モジュール、「template switch」テンプレート切り替えモジュールの続報です。
template switch
昨日のエントリで書いた
———–
管理画面>追加設定ツール>テンプレートの設定
で「新しい言語追加」ボタンからテンプレートを追加します。
これで切り替えた先のテンプレートでもサイドボックスが表示できました。
ただ、管理画面でテンプレートを追加する際、2つまで(既にひとつ入っている=1.3.8a日本語版ではClassic)なのでひとつしか追加できませんでした。
———–
の記述ですが、根本的な勘違いでした。お恥ずかしい。。。
設定された言語の数しか「新しい言語の追加」はできませんよね。。ふたつしか設定できなかったのは英語と日本語のふたつが設定されていたからでした。
※日本語のテンプレートとして追加設定しても英語切り替え時にそのテンプレートが表示されてますがこのあたり制御自体出来ているのか仕様がよく分かりません。シラナイダケカモ。
単純にテンプレートの言語がDefault(All)として登録されているものを編集し、テンプレート変更するだけで良いです。
その際にテンプレートはいくつでも追加が出来ます。
テンプレートごとのサイドボックス設定を変更する場合には逐一、テンプレート設定を変更してからサイドボックスの変更画面へ行けば良いです。
で、肝心のこのモジュールの動作ですが1.3.8a日本語版でも問題なく動きます。
テンプレートもいくつか追加してみましたがきちんと切り替えられます。
切り替えたテンプレートはCookieに保存されるのでサイトへの再訪問時にはその時選択したテンプレートで表示されるようになります。
名前だけ変更した同一テンプレートを追加し、サイドボックスの構成のみを変えるといったことも出来るので「フル表示とシンプル表示」といった使い分けも出来そうです。
classic
classic
classicのサイドボックスを減らしたもの
classic2
//////////////////////////////////////////////////////////////////////////
Zen Cartでのサイト構築、モジュール開発、カスタマイズなどお気軽にご相談ください。
オフィスあんどぷらす http://www.andplus.net/
えぇ商いどっと混む http://www.a-akinai.com/
人気ブログランキング 人気blogランキング にほんブログ村 企業ブログ 情報通信業へ
//////////////////////////////////////////////////////////////////////////

「template switch」 Zen Cartでテンプレート切り替え

Zen Cartのテンプレートを、他のCMSのように閲覧者側で切り替えられる海外モジュールを紹介します。
template switch
=説明文抜粋=
PURPOSE
allow the user to select a template of choise
for demonstration
the selected templatet is stored in a cookie; if the user went back to the
shop, she will see her template
目的はユーザー側でテンプレートの切り替えを可能にすることで、選択したテンプレートをCookieに保存するため再訪問時に以前選択したテンプレートで表示できるようになるようです。
1.3.8用です。
解凍するとこんな構成です。
ファイル/フォルダ名
───────────────────────────────────────
template_switch_2008_06_06
└ template_switch_2008_06_06
   ├ images
   │ └ templates.txt
   ├ includes
   │ ├ init_includes
   │ │ └ overrides
   │ │    └ init_templates.php
   │ ├ languages
   │ │ ├ english
   │ │ │ └ extra_definitions
   │ │ │    └ template_switch.php
   │ │ └ german
   │ │    └ extra_definitions
   │ │       └ template_switch.php
   │ ├ modules
   │ │ └ sideboxes
   │ │    └ template_switch.php
   │ └ templates
   │    └ template_default
   │       └ sideboxes
   │          └ tpl_template_switch.php
   └ readme.txt
───────────────────────────────────────
15 個のフォルダと 7 個 7 KByte のファイルがあります。
思ったよりシンプルな構成です。
テンプレートはオーバーライドされていませんが、複数のテンプレートを切り替えるものであることと、新設ファイルの追加なのでこのままの構成で使ったほうがよさそうです。
事前にテンプレートを複数用意する必要があると思います。(というか複数あるからこのモジュールを使うのでしょうが。。)
そして(なぜか)imagesディレクトリにある「templates.txt」を編集しておきます。
利用したいテンプレート名を箇条書きに書いてあるだけのテキストファイルです。
ここで書くのはテンプレート名ではなくテンプレートディレクトリ名です。
言語も日本語を用意して1.3.8a日本語版にインストールしてみます。
インストールが完了したら管理画面のサイドボックスの設定でtemplate_switchを有効にします。
ショップ側を見てみます。
サイドボックスはきちんと表示され、設定したテンプレートが選択できるようになっています。
切り替えてみます。
・・・
サイドボックスが消えました。。。
サイドボックスの設定画面を良く見ると当たり前なことに気付きました。
includes/modules/sideboxes/classic/
等のサイドボックス表示用のファイル群を忘れていました。
同時に、管理画面からテンプレートをインストールし忘れていました。
管理画面>追加設定ツール>テンプレートの設定
で「新しい言語追加」ボタンからテンプレートを追加します。
これで切り替えた先のテンプレートでもサイドボックスが表示できました。
ただ、管理画面でテンプレートを追加する際、2つまで(既にひとつ入っている=1.3.8a日本語版ではClassic)なのでひとつしか追加できませんでした。
もっとたくさん追加できると使い道が広がりそうです。
このあたりは英語版に入れて改めて試してみようと思います。
このモジュールちょっと興味が沸いたのでしばらく追いかけてみようと思います。
//////////////////////////////////////////////////////////////////////////
Zen Cartでのサイト構築、モジュール開発、カスタマイズなどお気軽にご相談ください。
オフィスあんどぷらす http://www.andplus.net/
えぇ商いどっと混む http://www.a-akinai.com/
人気ブログランキング 人気blogランキング にほんブログ村 企業ブログ 情報通信業へ
//////////////////////////////////////////////////////////////////////////

「Live Multi Yahoo&Skype」 Zen Cartでリアルタイムに顧客サポート

Zen Cartでチャットによるリアルタイムサポートを可能にする海外モジュールを紹介します。
YahooMessenger及びSkypeに対応しているようです。
Live Multi Yahoo&Skype
Live Multi Yahoo&Skype
=説明文抜粋=
The mod can display Live Multi icon on your shop, Now, it supports Skype and Yahoo Messenger.
問い合わせアイコンを表示させるもののようです。
SkypeとYahooMessengerのサポートは行わないよと。当然ですけど。
1.3.8で開発のようです。
解凍するとこんな構成です。
ファイル/フォルダ名
───────────────────────────────────────
Live Multi Yahoo&Skype_v.1.0
├ includes
│ ├ languages
│ │ └ english
│ │    └ extra_definitions
│ │       └ live_multi.php
│ ├ modules
│ │ └ sideboxes
│ │    └ live_multi.php
│ └ templates
│    └ template_default
│       └ sideboxes
│          └ tpl_live_multi.php
├ livemulti.sql
├ README.txt
└ uninstall.sql
───────────────────────────────────────
9 個のフォルダと 6 個 15 KByte のファイルがあります。
1.3.8a日本語版に入れてみます。
(英語版に入れようかと思いましたが後のローカライズ作業用に今後はやはり日本語版ベースでテストしていきます。)
SQLの適用の前に、言語ファイルの日本語を用意します。(ここではコピペだけでいきます。)
テンプレートはオーバーライドされていないのでご自分の環境に合わせてオーバーライド構成にしたほうが良いでしょう。
例)
───────────────────────────────────────
modules
└ sideboxes
   └ classic
      └ live_multi.php
───────────────────────────────────────
templates
└ classic
   └ sideboxes
      └ tpl_live_multi.php
───────────────────────────────────────
アップロードして適用し、管理画面のサイドボックスの設定で有効にします。
これだけだとまだ使える状態ではないので
管理画面>一般設定>Live Multi Configuration
で設定を行います。
Skype、YahooMessenger共に3つずつ設定できるようです。
それぞれ問い合わせ窓口を別にできるのかも知れませんが、私はアカウントを複数持っているわけではないのでSkypeにひとつのみ設定してみました。
複数設定した場合単純にSkype等のログイン状態のアイコンが羅列されるだけなので異なる窓口に対応さえたい場合にはサイドボックスの表示部分をハックする必要があります。
※Skypeしか試していませんが、ログイン状態を取得できるまで時間がかかった気がします。ローカルサーバー故かもしれませんので詳細は調べていません。
このモジュールは単にSkype等への橋渡しを行うためのものですので、チャット自体やアイコンはSkype等の機能そのものです。
慣れ親しんだUIで利用できるところ、利用ユーザーが多い点は利点かと思います。
//////////////////////////////////////////////////////////////////////////
Zen Cartでのサイト構築、モジュール開発、カスタマイズなどお気軽にご相談ください。
オフィスあんどぷらす http://www.andplus.net/
えぇ商いどっと混む http://www.a-akinai.com/
人気ブログランキング 人気blogランキング にほんブログ村 企業ブログ 情報通信業へ
//////////////////////////////////////////////////////////////////////////