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

カート部分のカスタマイズ方法の続きです。

step02のページ以降はカートの中身のページとなります。

カートの中のページ（step0２.htmlファイル）のカスタマイズ

カートの中を確認するページからオーダーのページのカスタマイズの方法です。

ヘッダーのロゴ部分を変更する

まず、step02.htmlは、カートの中身を表示するページとなります。DWで開くとこのような感じになります。

OliveCartのカスタマイズ

所々にphpの記述がありますが、ほぼhtmlファイルとしてみることが可能です。

まずヘッダーのロゴ部分はこの部分です。

この部分をショップのロゴやショップの名前に編集します。

ページの幅を変更する

step02のボックス部分の幅はデフォルトで５８０pxになっていますので、幅をかえる場合は 各CSSファイルを修正します。

変更するファイルとCSSファイルとの該当するidは、common.cssファイルの#container、herader.cssファイルの#header、home.cssファイルの#main、footer.cssファイルの#footer のwidthを修正します。

テキスト部分の修正

タイトル部分、テキスト部分の修正は自由にできます。

お買い上げ商品の詳細テーブルの修正

お買い上げ商品が表示されているテーブルの修正はcart.cssファイルを修正します。幅、タイトル部分の色をCSSファイルで修正してください。

各種ボタンを変更する場合

オーダーページには各種ボタンが多数使われています。

ボタンの置いてあるフォルダは【olivecart】フォルダのなかの【cart】フォルダの中【image】フォルダの中です。

たくさんの画像ファイルがあるので間違わないように変更しましょう。

続く

ページトップ

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