画像ファイルについて

2002年6月25日
鈴川直美 (suzukawa@bitscope.co.jp)
この文書は、osCommerce 2.2のショップ(カタログ・ページ)で使用しているボタンやアイコンなどの画像ファイルについて記述しています。

目次

ショップの画像

ショップの画像はcatalog/images/に格納されています。ショップの画像には、ショップをデザインするための画像と、カテゴリーや商品の画像があります。

ここでは、ショップをデザインするための画像を解説します。

osCommerce 2.2になってアイコン画像、左右のナビゲーションボックスに表示する画像、ボタン画像などの格納先がそれぞれに準備されています。

特にボタン画像は、各言語に対応した画像を準備できるようになり、catalog/includes/languages/以下の各言語に対応したディレクトリ内に格納されています。

詳しくはそれぞれの説明を参照してください。

ヘッダで表示される画像

ヘッダ(header.php)では次の画像が表示されます。

ヘッダで表示される画像は、catalog/images/に格納されています。

タイトル(店名)( oscommerce.gif )

タイトル(店名)

アカウント( header_account.gif )

アカウント

カート( header_cart.gif )

カート

レジ( header_checkout.gif )

レジ

ボディで表示される画像

ボディではページのイメージ画像が表示されます。ページごとに表示される画像が異なっています。

ここでは、それぞれの画像がどのページで表示されるのかもふくめて解説します。

ボディで表示される画像は、catalog/images/に格納されています。

「アカウント」タイトルイメージ( table_background_account.gif )

「アカウント」タイトルイメージ

次のページで表示されます。

「アドレス帳」タイトルイメージ( table_background_address_book.gif )

「アドレス帳」タイトルイメージ

次のページで表示されます。

「閲覧」タイトルイメージ( table_background_browse.gif )

「閲覧」タイトルイメージ

次のページで表示されます。

「カート」タイトルイメージ( table_background_cart.gif )

「カート」タイトルイメージ

次のページで表示されます。

「確認」タイトルイメージ( table_background_confirmation.gif )

「確認」タイトルイメージ

次のページで表示されます。

「E-Mail」タイトルイメージ( table_background_contact_us.gif )

「E-Mail」タイトルイメージ

次のページで表示されます。

「デフォルト」タイトルイメージ( table_background_default.gif )

「デフォルト」タイトルイメージ

次のページで表示されます。

「配送」タイトルイメージ( table_background_delivery.gif )

「配送」タイトルイメージ

次のページで表示されます。

「履歴」タイトルイメージ( table_background_history.gif )

「履歴」タイトルイメージ

次のページで表示されます。

「リスト」タイトルイメージ( table_background_list.gif )

「リスト」タイトルイメージ

次のページで表示されます。

「ログイン」タイトルイメージ( table_background_login.gif )

「ログイン」タイトルイメージ

次のページで表示されます。

「手続き完了」タイトルイメージ( table_background_man_on_board.gif )

「手続き完了」タイトルイメージ

次のページで表示されます。

「パスワードを忘れました」タイトルイメージ( table_background_password_forgotten.gif )

「パスワードを忘れました」タイトルイメージ

次のページで表示されます。

「支払い」タイトルイメージ( table_background_payment.gif )

「支払い」タイトルイメージ

次のページで表示されます。

「新着商品」タイトルイメージ( table_background_products_new.gif )

次のナビゲーションボックスで表示されます。

「新着商品」タイトルイメージ

次のページで表示されます。

「レビュー」タイトルイメージ( table_background_reviews.gif )

「レビュー」タイトルイメージ

次のページで表示されます。

「新しいレビュー」タイトルイメージ( table_background_reviews_new.gif )

「新しいレビュー」タイトルイメージ

次のページで表示されます。

「特価商品」タイトルイメージ( table_background_specials.gif )

「特価商品」タイトルイメージ

次のページで表示されます。

「レジ」タイトルイメージ( table_background_checkout.gif )[未使用]

「レジ」タイトルイメージ

未使用の画像です。

各国の言語に対応したボタン画像があります。

ここでは、日本語のボタン画像について、どのページで表示されるのかもふくめて解説します。

日本語のボタン画像は、catalog/includes/languages/japanese/images/buttons/に格納されています。

「お知らせ」ボタン( button_notifications.gif )

「お知らせ」ボタン

次のページで表示されます。

「お知らせを取消す」ボタン( button_remove_notifications.gif )

「お知らせを取消す」ボタン

次のページで表示されます。

「注文する」ボタン( button_confirm_order.gif )

「注文する」ボタン

次のページで表示されます。

「アドレスを追加」ボタン( button_add_address.gif )

「アドレスを追加」ボタン

次のページで表示されます。

「カートに入れる」ボタン( button_in_cart.gif )

「カートに入れる」ボタン

次のページで表示されます。

「アドレス帳」ボタン( button_address_book.gif )

「アドレス帳」ボタン

次のページで表示されます。

「戻る」ボタン( button_back.gif )

「戻る」ボタン

次のページで表示されます。

「今すぐ購入」ボタン( button_buy_now.gif )

「今すぐ購入」ボタン

次のページで表示されます。

「アドレスを変更」ボタン( button_change_address.gif )

「アドレスを変更」ボタン

次のページで表示されます。

「配送オプション」ボタン( button_shipping_options.gif )

「配送オプション」ボタン

次のページで表示されます。

「レジへ」ボタン( button_checkout.gif )

「レジへ」ボタン

次のページで表示されます。

「削除」ボタン( button_delete.gif )

「削除」ボタン

次のページで表示されます。

「アカウント編集」ボタン( button_edit_account.gif )

「アカウント編集」ボタン

次のページで表示されます。

「履歴」ボタン( button_history.gif )

「履歴」ボタン

次のページで表示されます。

「次へ」ボタン( button_continue.gif )

「次へ」ボタン

次のページで表示されます。

「レビュー」ボタン( button_reviews.gif )

「レビュー」ボタン

次のページで表示されます。

友達に知らせる( button_tell_a_friend.gif )

友達に知らせる

次のナビゲーションボックスで表示されます。

「更新」ボタン( button_update.gif )

「更新」ボタン

次のページで表示されます。

「カートを更新」ボタン( button_update_cart.gif )

「カートを更新」ボタン

次のページで表示されます。

「レビューを書く」ボタン( button_write_review.gif )

「レビューを書く」ボタン

次のページで表示されます。

ナビゲーションボックスで表示される画像

左右のナビゲーションボックスでは次の画像が表示されます。

ここでは、それぞれの画像がどのナビゲーションボックスで表示されるのかもふくめて解説します。

日本の国旗アイコン画像は、catalog/includes/languages/japanese/images/に、「商品検索」ボタン画像は、catalog/includes/languages/japanese/images/buttons/に、カートのアイコン画像は、catalog/images/icons/に格納されています。

それ以外の画像は、catalog/images/に格納されています。

商品情報のお知らせ登録( box_products_notifications.gif )

商品情報のお知らせ登録

次のナビゲーションボックスで表示されます。

商品情報のお知らせ解除( box_products_notifications_remove.gif )

商品情報のお知らせ解除

次のナビゲーションボックスで表示されます。

レビューを書く( box_write_review.gif )

レビューを書く

次のナビゲーションボックスで表示されます。

「商品検索」ボタン( button_quick_find.gif )

「商品検索」ボタン

次のナビゲーションボックスで表示されます。

国旗アイコン( icon.gif )

国旗アイコン(日本)

次のナビゲーションボックスで表示されます。

カート( cart.gif )

カート

次のナビゲーションボックスで表示されます。

ボックスデザイン画像

左右のナビゲーションボックス、ボディ部の新着商品などを表示するボックスのデザインに使用する画像です。

これらの画像は、ボックス表示クラスモジュール(infobox/classes/boxes.php)により表示されます。

ボックスデザイン画像は、catalog/images/infobox/に格納されています。

矢印( arrow_right.gif )

矢印

ナビゲーションボックスで表示されます。

左の角( corner_left.gif )

左の角

ナビゲーションボックス、ボディ部のボックスで表示されます。

右の角( corner_right.gif )

右の角

ナビゲーションボックスで表示されます。

左右の角( corner_right_left.gif )

左右の角

ナビゲーションボックス、ボディ部のボックスで表示されます。

アイコン画像

ここでは、それぞれのアイコン画像がどのページやナビゲーションボックスで表示されるのかもふくめて解説します。

星のアイコン画像は、catalog/images/に、それ以外のアイコン画像は、catalog/images/icons/に格納されています。

星( stars_1 〜 stars_5.gif )

一つ星
二つ星
三つ星
四つ星
五つ星

次のページやナビゲーションボックスで表示されます。

Fedex( shipping_fedex.gif )

Fedex

次のページで表示されます。

佐川急便( shipping_sagawaex.gif )

佐川急便

次のページで表示されます。

UPS( shipping_ups.gif )

UPS

次のページで表示されます。

USPS( shipping_usps.gif )

USPS

次のページで表示されます。

ヤマト宅急便( shipping_yamato.gif )

ヤマト宅急便

次のページで表示されます。

ゆうパック( shipping_yuupack.gif )

ゆうパック

次のページで表示されます。

警告( warning.gif )

警告

警告エラーなどが発生したときに、osc共通関数(includes/functions/general.php)により表示されます。

カード会社マーク( collage-new-cc.gif )[未使用]

カード会社マーク

未使用の画像です。

表示場所を限定しない画像

表示する場所を限定していない画像があります。

表示場所を限定していない画像は、catalog/images/に格納されています。

ピクセル黒( pixel_black.gif )

線を引くための1X1ピクセルの黒い画像です。各ページの必要に合わせた幅と高さの線を引くために使用されます。

ピクセル透明( pixel_trans.gif )

マージンを調整するための1X1ピクセルの透明な画像です。各ページの必要に合わせた幅と高さで使用されます。