OliveCartのカスタマイズについて

久々の開発日誌の更新です。

本日はカート部分のカスタマイズ仕方の一例をご紹介いたします。

ショップサイトを構築し、その後カートのオーダーに進んでいきますが、オーダーページを自由にデザインできるのもOliveCartの大きな特徴の一つです。

phpファイルではなくhtmlファイルとしてデザイン、コーディングできるのでWebサイトを作るのにとっても分かりやく、構築しやすいかと思います。

オーダーページのファイルはどのファイル？

まずオーダーページのファイルをみてみましょう。

オーダーページのファイルは【olivecart】フォルダのなかの【cart】フォルダの中です。

この中には１つのphpファイル、５つのhtmlファイル、cssフォルダ、imageフォルダが入っています。

５つのhtmlファイルがオーダー部分となります。

step01.htmlファイル

まず、step01.htmlは、サンプルページsample01.htmlのカートの中身の部分のhtmlソースです。ここはソースだけで、デザインなどのCSS部分はsample01.htmlページからリンクされているCSSとなります。

カートの確認・変更ボタンは

<img src="{$CART_URL}cart/image/minicart_confirm.gif" width="135" height="32" />

この部分になります。{$CART_URL}は設定ファイルの#8[CART_URL] Cart folder URLで設定したURLになります。画像ファイルを場所にカートの確認・変更ボタンをおきます。

次に続く

ページトップ

Cart屋.comの更新情報などをお届けするメールマガジン。ぜひご登録ください！