機能とデザインの完全分離
新着情報/WEBインベンター

バージョンUP、最新情報、キャンペーン情報などを、月1回ほど配信 - WEBインベンター

新着情報/WEBインベンター 新着情報/WEBインベンター

ショッピングカートの機能とデザインの完全分離 2010年09月02日

ショッピングカートの機能とデザインの完全分離

WEBインベンターのご利用に心から感謝いたします。
ショッピングカートのデザイン以外の設定とデザインの設定を分離できるようにバージョンUPいたしましたのでお知らせいたします。この改善により、他の設定を変更することなくデザインだけを簡単に変更できるようになり、無料テンプレートが格段に使いやすくなりました。また、管理メニューのデザインを新しくしました。さらに、キャンペーンについてもお知らせいたします。詳しくは、下記をご覧ください。

(1)ショッピングカートの機能とデザインの完全分離
(2)無料テンプレートの構成と利用方法
(3)これにより、さらに便利になった機能
(4)管理メニューの新デザイン
(5)キャンペーン

━━━━━━━━━━━━━━━━━━━━━━━━━━━
1.ショッピングカートの機能とデザインの完全分離
━━━━━━━━━━━━━━━━━━━━━━━━━━━
スタイルシートCSSには情報とデザインを分離するという画期的な発想が根底にあります。それでスタイルシートを使うことによりデザインと情報を完全に分離できます。しかし、ショッピングカートの開発段階において色やサイズなどをWEB上から設定できる機能を取り入れてきました。そのため、デザインの調整時にはスタイルシートとWEB上からの設定の両方を同時に行なう必要があります。それで、今回、WEB上から設定するデザインの部分をライブラリーの形で設定できる機能を取り入れました。

これには大きなメリットがあります。
(1)カートの他の設定を変更せずにデザインの変更を瞬時に行なえる。

デメリットもあります。
(2)デザインの設定はWEB上からではなく、設定ライブラリーをテキストエディターで修正してUPすることにより行なう必要がある。

しかし、これは外部スタイルシートを使うことになれている人には問題ないかもしれません。また、設定ライブラリーをサーバにUPしなければその部分はWEB上からの設定が有効になるようになっていますので、どちらを使うかを選択できます。

今回の機能追加は下記のショッピングカートが対象です。
reserve Ver.11
epsilon-NPZ Ver.12
Multi-AFF Ver.12
PCtoMobile Ver.14
PCtoMobile2 Ver.14
PCtoMobile-Unicode Ver.14
Contents-Cart Ver.14
Contents-Mall Ver.15


修正プログラム:


【2010/08/30】機能とデザインの完全分離(デザインの設定ライブラリー機能)
set.pl
entry.cgi
histry.cgi
shopssl.cgi(PCtoMobile以外)
address.cgi(PCtoMobile2のみ)
k_set.pl
fset.pl
fsetk.pl

※古いバージョンをお使いの方は新機能が追加されていますので、すべてのプログラムを更新する必要があります。⇒バージョンUPの方法


━━━━━━━━━━━━━━━━━━━━━━━━━━━
2.無料テンプレートの構成と利用方法
━━━━━━━━━━━━━━━━━━━━━━━━━━━
35個の無料テンプレートが用意されていますが、その構成は下記のようになります。(詳しくはこちらをご覧ください。⇒無料テンプレート

■ファイルの構成■
  readme.txt
  shop_info.cgi(PCtoMobile専用)
  form_info.cgi(PCtoMobile専用)
  html/css
        スタイルシート
     /template
        設定ライブラリー ←←←今回追加された部分
     /images
        画像ファイル


■利用方法■
reserve以上のカートで利用できます。htmlフォルダごとUPして上書きすることにより、デザインを変更することができます。

templateフォルダをUPするかどうかは、下記を参考にして決定してください。

■templateフォルダをUPする場合■
templateフォルダをUPすることにより、瞬時にデザインを変更できます。

テンプレートの設定ライブラリーをUPするとシステム設定のデザインに関する設定が無視され、設定ライブラリーの設定が優先的に適用されます。

《templateフォルダ内の設定ライブラリー》
k_color.pl・・・・・(携帯用色の設定)
k_form1.pl・・・・・(携帯問い合わせの設定)
k_home.pl・・・・・(携帯用HOIMEの設定)
k_top1.pl・・・・・(携帯用TOP1の設定)
k_top2.pl・・・・・(携帯用TOP2の設定)
k_top3.pl・・・・・(携帯用TOP3の設定)
pc_color.pl・・・・・(PC用色の設定)
pc_css.pl・・・・・(PC用スタイルシートの設定)
pc_footer.pl・・・・・(PC用フッターのカスタマズの設定)
pc_menu_header.pl・・・・・(PC用メニュー・ヘッダーのカスタマズの設定)
pc_order.pl・・・・・(PC用注文フォームのカスタマイズの設定)
pc_order_f.pl・・・・・(PC用注文フォームのフッターの設定)
pc_order_h.pl・・・・・(PC用注文フォームのヘッダーの設定)
pc_top1.pl・・・・・(PC用TOP1の設定)
pc_top2.pl・・・・・(PC用TOP2の設定)
pc_width.pl・・・・・(PC用幅の設定)


たとえば、設定ライブラリーpc_color.plはPC用カートの色に関する設定ですが、システム設定よりもこちらが優先的に適用されます。逆に、pc_color.plをサーバから削除すると、システム設定が有効になります。

また、TOP1のぺージの内容を変更したい時は、pc_top1.plをテキストエディターで開いて編集してUPします。

PCtoMobileの場合は、設定ファイルshop_info.cgi、form_info.cgiが付属していますので、設定ライブラリーを使わなくてもかまいません。しかし、すでにシステム設定を行なっている場合は、設定ライブラリーを使うことにより、設定をし直すことなくデザインだけを瞬時に変更できます。

WEB上から設定できる機能がないものに関しましては、設定ライブラリーで利用可能となることはありません。

■templateフォルダをUPしない場合■
設定ライブラリーのファイルをテキストエディターで開くと、システム設定に関する情報が得られます。それに倣ってWEB上から設定すると目的のデザインが得られます。


━━━━━━━━━━━━━━━━━━━━━━━━━━━
3.これにより、さらに便利になった機能
━━━━━━━━━━━━━━━━━━━━━━━━━━━
PCtoMobile以外では、WEB上から注文フォームのヘッダーとフッターをカスタマイズする機能はありませんが、他のカートでも設定ライブラリー(pc_order.pl、pc_order_f.pl、pc_order_h.pl)を使うことにより可能となります。これにより、3カラムでは幅が狭すぎるときなどに便利になりました。


━━━━━━━━━━━━━━━━━━━━━━━━━━━
4.管理メニューの新デザイン
━━━━━━━━━━━━━━━━━━━━━━━━━━━
管理メニューのデザインを新しくしました。一層使いやすくなりました。reserve以上のショッピングカートで実施しました。

修正プログラム:

【2010/09/02】管理メニューの新デザイン
setup.cgi
setup_pl/adm_menu.pl
(reserveの場合は、set_class_pl/adm_menu.pl)

こちらのサンプルでご覧になれます。サンプルの左メニューの下の「管理者用」から管理画面に入れます。
サンプル


━━━━━━━━━━━━━━━━━━━━━━━━━━━
5.キャンペーン
━━━━━━━━━━━━━━━━━━━━━━━━━━━
キャンペーン期間中、PCtoMobile、Contents-Cartを約1割引きの価格にてご提供いたします。ご購入の際に、連絡事項に『キャンペーン特別価格』とご記入の上、銀行振り込みにて下記の金額をご送金ください。

【キャンペーン特別価格】
    PCtoMobile   58,000円⇒53,000円
    PCtoMobile-2   78,000円⇒71,000円
    PCtoMoible-Unicode   88,000円⇒80,000円
    Contents-Cart   72,000円⇒65,000円
    Contents-Mall   148,000円⇒135,000円

【キャンペーン期間】
    2010/8/30(月)〜2010/9/13(月)

【お求めはこちらから】⇒キャンペーン商品


引き続き皆様のご意見を取り入れながら、さらに優れたシステムを開発して行きたいと思います。ご指導の程、よろしくお願いいたします。



Copyright (C) 2010  WEBインベンター All rights reserved.