WEBあくまこ » EC-CUBE http://wb.corekuuma.com WEB制作している人のメモ。 Wed, 17 Jun 2009 07:57:23 +0000 http://wordpress.org/?v=2.9.1 en hourly 1 EC-CUBEにthickbox http://wb.corekuuma.com/archives/72 http://wb.corekuuma.com/archives/72#comments Mon, 30 Jun 2008 13:03:30 +0000 daisukew http://wb.corekuuma.com/?p=72 今日はEC－CUBEにthickboxを入れてみます。
画像などが、ビヨーンと出てくるやつです。lightboxでもいいのですが、マイブームはthickboxなので。
EC-CUBE2.1.2
CORESERVERです。

data/Smarty/templates/テンプレート名/site_frame.tpl
を編集するのです。

このファイルは、サーバーにできてるので、ダウンロードして編集してアップロードしましょう。

1.thickboxをダウンロード

画像やhtmlファイルがビヨーンと出てくる、thickboxやlightboxをダウンロードして、一番上の階層にでも入れます。jsフォルダを作って入れました。

2.<head>にjs読み込み記述

site_frame.tplのヘッダ部分に以下を追加して、thickbox.jsを読み込むようにします。
35行目あたりがいいかな？


<script type="text/javascript" src="<!--{$smarty.const.SITE_URL}-->js/jquery.js"></script>
<script type="text/javascript" src="<!--{$smarty.const.SITE_URL}-->js/thickbox.js"></script>
<link rel="stylesheet" href="<!--{$smarty.const.SITE_URL}-->js/thickbox.css" type="text/css" media="all">

3.商品詳細ページをちょっといじる

画像を拡大表示させたいところに、class=”thickbox”をつけたaタグを書いて、拡大画像にリンクします。


<a href="<!--{$arrFile.main_large_image.filepath}-->" target="_blank" class="thickbox">
   <img src="<!--{$arrFile[$key].filepath}-->" width="<!--{$smarty.const.NORMAL_IMAGE_WIDTH}-->" height="<!--{$smarty.const.NORMAL_IMAGE_HEIGHT}-->" alt="<!--{$arrProduct.name|escape}-->" class="picture" />
</a>

サブ画像のところはこんな風に・・・。


<a href="<!--{$arrFile[$lkey].filepath}-->" target="_blank" class="thickbox">
<img src="<!--{$arrFile[$key].filepath}-->" alt="<!--{$arrProduct.name|escape}-->" width="<!--{$smarty.const.NORMAL_SUBIMAGE_WIDTH}-->" height="<!--{$smarty.const.NORMAL_SUBIMAGE_WIDTH}-->" class="picture" />
</a>

これで、拡大画像を表示するときに、ビヨ～ンって出てくるようになるのですよ。

他にも、Ajaxを入れたくなったら、site_frame.tplに追加していくことにします。

]]> http://wb.corekuuma.com/archives/72/feed 0 EC-CUBEの新着商品をトップページに（再） http://wb.corekuuma.com/archives/70 http://wb.corekuuma.com/archives/70#comments Sun, 29 Jun 2008 18:59:52 +0000 daisukew http://wb.corekuuma.com/?p=70 「新着所品の一覧をトップページ表示させてみました」を見ながら、もう一度やってみました。そして、もっと詳しく再エントリー。実際、このエントリーだけ見てもわかんないよね。
環境：EC-CUBE 2.1.2, CERVSERVER, PostgreSQL 8.2.4

１．Block作成→blocだね。

管理画面のレイアウト編集画面で、新規ブロック作成。
ブロック名：新着商品
ファイル名：newitems(.tpl)
などにして、表示させたいところに配置します。

トップページのメインの下に配置しました。
newitems.tplをダウンロードできるようにしました。自分のサイト用なので、画像とタイトル、価格しか表示しませんが。

２．データベースで関連付け

データベースのdtb_blocに新着商品ができてるので、php_pathにfrontparts/bloc/newitems.phpと書きます。

phpPgAdmin（など）で、データベースにアクセスし、dtb_blocを表示　→　「新着商品」を編集します。
そこのphp_pathが空欄なので、frontparts/bloc/newitems.phpと書くのです。
この、newitems.phpを今から作ります。

３．クラスを参照させる。

さっきの参照ファイルfrontparts/bloc/newitems.phpを作ります。

newitems.phpをダウンロードできできるようにしました。

４．クラス定義を作る。

data/class/pages/frontparts/bloc/LC_Page_FrontParts_Bloc_newitems.php
を新規作成します。
同一フォルダのLC_Page_FrontParts_Bloc_Best5.phpをコピーして使いました。
クラス名と、参照ファイル名と、参照データを変更してアップロードします。

参照ファイル名：newitems(.tpl)
クラス名：LC_Page_FrontParts_Bloc_NewItems
最後のデータ参照functionの中は、商品一覧表示のものをコピーして使いました。

LC_Page_FrontParts_Bloc_newitems.phpをダウンロードできるようにしました。

というわけで、登場した3つのファイルをまとめたものを置いておきます。
newitems.tplは、テンプレート内のblocフォルダ
newitems.phpは、frontparts/bloc/
LC_Page_FrontParts_Bloc_newitems.phpは、data/class/pages/frontparts/bloc/です。

2.0と、2.1.2で動作確認してます。

]]> http://wb.corekuuma.com/archives/70/feed 2 CORESERVERにEC-CUBE 2.1.2 http://wb.corekuuma.com/archives/69 http://wb.corekuuma.com/archives/69#comments Sun, 29 Jun 2008 17:52:09 +0000 daisukew http://wb.corekuuma.com/?p=69 EC-SUBE 2.0を使ってたのですが、パラメータ設定をいじってたら、表示できなくなってしまったので、バージョンアップを決意。2.1.2を入れてみました。

いろいろ手間取ったけど、無事、インストール完了。その手順をメモしよう。
5回くらい失敗した。

1.ダウンロード

本家サイトからダウンロードして、htmlフォルダの中身をインストールするフォルダに展開。
ドメインウェブで設定してあるので、こんな感じ。
/public_html/ドメイン名/
ここにhtmlフォルダ内のすべてを入れます。
次に、dataフォルダを、同じ場所に入れます。

2.define.php

dataフォルダとhtmlフォルダの関連付けを変更しなくてはいけないので、define.phpを変更します。

/** HTMLディレクトリからのDATAディレクトリの相対パス */
define(“HTML2DATA_DIR”, “/data/”);

/** DATA ディレクトリから HTML ディレクトリの相対パス */
define(“DATA_DIR2HTML”, “/../”);

こういう風にね。

3.CGIモードにしよう。

.htaccessに以下を追加。

AddHandler application/x-httpd-phpcgi .php

これでインストール時にパーミッションを変更しろとか言われないです。
他の方法もあるんだけどね。

4.データベースを作っておく

CORESERVERの管理画面からデータベースを作っておく。文字コードはUNICODE。

5.インストール

インストールしたURLにアクセスして、インストールします。
インストールしたら、install/index.phpを消すように言われるので、消します。

6.php.iniの追加

パラメータ設定や、商品登録時のカテゴリに不具合が出るので、php.iniを追加します。

admin/basisと、admin/productsに以下の内容のphp.iniを。￥マークが勝手につかないようにする処理です。

magic_quotes_gpc = off

とりあえずはこんなとこ。
あと、新着商品をトップページに表示させたり、カラム数を変えたり、カスタムするとこがいろいろあるので、少しずつやっていこう・・・。

]]> http://wb.corekuuma.com/archives/69/feed 1 EC-CUBE：商品登録時に関連商品が出てこない。 http://wb.corekuuma.com/archives/68 http://wb.corekuuma.com/archives/68#comments Sun, 29 Jun 2008 13:31:13 +0000 daisukew http://wb.corekuuma.com/?p=68 EC-CUBEの商品登録画面にある、「関連商品表示／非表示」のボタンを押しても何も出てこない症状を解消したのでメモ。

データベースのmtb_constantsテーブルに、RECOMMEND_PRODUCT_MAXを追加し、EC-CUBE管理画面からパラメータを再設定すると出るようになりました。内容は以下。上から順です。フォーラムに書いてあったとおりにしてあります。

  • RECOMMEND_PRODUCT_MAX
  • 6
  • 523
  • 関連商品の数

そろそろ、EC-CUBE自体アップグレードしたほうがいいのかな。

参考：http://xoops.ec-cube.net/modules/newbb/viewtopic.php?topic_id=1525&forum=9&post_id=5050#forumpost5050
環境：EC-CUBE 2.0.1

]]> http://wb.corekuuma.com/archives/68/feed 0 EC-CUBE:パンくずリスト、その２。 http://wb.corekuuma.com/archives/67 http://wb.corekuuma.com/archives/67#comments Sat, 21 Jun 2008 04:38:35 +0000 daisukew http://wb.corekuuma.com/?p=67 以前のエントリー：EC-CUBE:パンくずなど。でパンクズの表示はできるようになりましたが、追加ページやお問い合わせなどが表示されないので、ちょっと改造。

http://www.gnnk.net/20080113050103/
このサイトを元に、/data/Smarty/templates/default/site_main.tplに追加するやつを変更しました。

<a href="<!--{$smarty.const.SITE_URL}-->index.php">TopPage</a>
<!--{$tpl_topicpath}-->
<!--{$arrProduct.name|escape}-->

<strong><!--{if $tpl_topicpath == ""}-->
 > <!--{$tpl_title|escape}-->
<!--{/if}-->

$tpl_topicpathは、パンクズのつなぎマーク（>）。これが無いとき（詳細や一覧ページじゃ無い時）に、そのページの名前を表示します。強引ですが。

参考：http://www.gnnk.net/20080113050103/
環境：EC-CUBE 2.0.1

 

]]> http://wb.corekuuma.com/archives/67/feed 0 EC-CUBEのセッションが変になった。 http://wb.corekuuma.com/archives/66 http://wb.corekuuma.com/archives/66#comments Fri, 20 Jun 2008 13:58:24 +0000 daisukew http://wb.corekuuma.com/?p=66 CORESERVERのユーザー（ファイル所有者）は、最初apacheになってるので、自分に変えます。
CORESERVER管理画面の、ツール→「ファイル所有者の修正」をするのですが、タイミングを誤ると、セッションが変になってエラーがでます。出ました。

ファイル所有者を変更したことで、セッションの初期パスへ、アクセスできなくなってしまうからです。

そこで、php.iniに、

session.save_path = /virtual/アカウント名/public_html/ドメイン/tmp

これを追加し、該当ディレクトリ（tmp）をパーミッション707で作ります。ディレクトリの場所や名前は好きにすればいいと思います。

そうそう、products/,shopping/,user_data/など、全部のphp.iniに追加しないといけないようです。
面倒です。

EC-CUBEを動かし始めてから、ファイル所有者の変更をするとエラーでますので、対策方法でした。
直ってよかった。

]]> http://wb.corekuuma.com/archives/66/feed 0 EC-CUBE　新着一覧をトップページに表示させたメモ。 http://wb.corekuuma.com/archives/51 http://wb.corekuuma.com/archives/51#comments Sun, 23 Mar 2008 11:28:35 +0000 daisukew http://wb.corekuuma.com/2008/03/23/ec-cube%e3%80%80%e6%96%b0%e7%9d%80%e4%b8%80%e8%a6%a7%e3%82%92%e3%83%88%e3%83%83%e3%83%97%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%ab%e8%a1%a8%e7%a4%ba%e3%81%95%e3%81%9b%e3%81%9f%e3%83%a1%e3%83%a2%e3%80%82/ 新着所品の一覧をトップページ表示させてみました。
環境：EC-CUBE 2.0.1　PostgreSQL 8.2.4

参考にさせていただいたサイト：EC-CUBE新着商品（なんか違うページになってました）

最新情報：EC-CUBEの新着商品をトップページに（再）[2008.06.30]
 

１．Block作成 

管理画面のレイアウト編集画面で、新規ブロック作成。
ブロック名：新着商品
ファイル名：newitems(.tpl) 
などにして、表示させたいところに配置します。

２．データベースで関連付け

データベースのdtb_blocに新着商品ができてるので、php_pathにfrontparts/bloc/newitems.phpと書きます。

３．クラスを参照させる。

さっきの参照ファイルfrontparts/bloc/newitems.phpを作ります。
ここの場所、extends用っぽいけど、まあいいや。best5.phpをもとに、参照を変更しただけです。

require_once(CLASS_PATH . “pages/frontparts/bloc/LC_Page_FrontParts_Bloc_newitems.php”);
….
$objPage = new LC_Page_FrontParts_Bloc_NewItems();

４．クラス定義を作る。

data/class/pages/frontparts/bloc/LC_Page_FrontParts_Bloc_newitems.php
を新規作成します。
同一フォルダのLC_Page_FrontParts_Bloc_Best5.phpをコピーして使いました。
クラス名と、参照ファイル名と、参照データを変更してアップロードします。

参照ファイル名：newitems(.tpl) 
クラス名：LC_Page_FrontParts_Bloc_NewItems
最後のデータ参照functionの中は、商品一覧表示のものをコピーして使いました。

こんな感じで、一応は動くようになりましたが、全体にextendsの場所で作ったほうがよかったかな。

]]> http://wb.corekuuma.com/archives/51/feed 0 EC-CUBE:カラム数を変える。 http://wb.corekuuma.com/archives/50 http://wb.corekuuma.com/archives/50#comments Sat, 22 Mar 2008 04:01:45 +0000 daisukew http://wb.corekuuma.com/2008/03/22/ec-cube%e3%82%ab%e3%83%a9%e3%83%a0%e6%95%b0%e3%82%92%e5%a4%89%e3%81%88%e3%82%8b%e3%80%82/ 以前、右カラムが出てこなくて変更した場所らへんをまた変える。

sidebarとかrightbarとか言うところですね。

詳細ページのみ右カラムを消したいので、data/class/pages/products/LC_Page_Products_Detail.php

class LC_Page_Products_Detail extends LC_Page {

のあとに

var $tpl_column_num = 2;

を追加。

]]> http://wb.corekuuma.com/archives/50/feed 0 EC-CUBEのおすすめ画像を大きくしたい。 http://wb.corekuuma.com/archives/45 http://wb.corekuuma.com/archives/45#comments Sat, 22 Mar 2008 03:57:56 +0000 daisukew http://wb.corekuuma.com/2008/03/22/ec-cube%e3%81%ae%e3%81%8a%e3%81%99%e3%81%99%e3%82%81%e7%94%bb%e5%83%8f%e3%82%92%e5%a4%a7%e3%81%8d%e3%81%8f%e3%81%97%e3%81%9f%e3%81%84%e3%80%82/ EC-CUBEでトップページに表示させるおすすめ商品の画像って、小さいんだ。で、resize_image.php?image・・・・の数値を変えればいいんだけど、サムネイル以上の大きさにはならない。

メインの画像を表示させるにはどうしたらいいかな。

まず、画像表示部分を変えよう。

<img src=”<!–{$smarty.const.IMAGE_SAVE_URL|sfTrimURL}–>/<!–{$arrBestProducts[cnt].main_image}–>” alt=”<!–{$arrBestProducts[cnt].name|escape}–>” />

これだけだとmain_imageを取得できないので、
data/class/pages/frontparts/bloc/LC_Page_FrontParts_Bloc_Best5.php
をいじる。main_imageを取得できるようにしてあげた。106行目あたり。

function lfGetRanking(){
….
$col = “DISTINCT A.*, name, price02_min, price01_min, main_list_image, main_image “;
….

これで無事表示されました。

]]> http://wb.corekuuma.com/archives/45/feed 0 EC-CUBE:パンくずなど。 http://wb.corekuuma.com/archives/47 http://wb.corekuuma.com/archives/47#comments Sat, 15 Mar 2008 19:10:02 +0000 daisukew http://wb.corekuuma.com/2008/03/16/ec-cube%e3%83%91%e3%83%b3%e3%81%8f%e3%81%9a%e3%81%aa%e3%81%a9%e3%80%82/ 最近EC-CUBEをいじって遊んでます。

今日は、商品一覧のタイトルを、カテゴリーの名称にしたかったのでいろいろ調査。
・Tシャツ > ブランド名
の場合、ブランド名を表示したいんだけど、Tシャツになってしまう。

そこで、ピンポイントの情報は無かったんだけど、「パンくずリストを設置する」という情報が役に立ちました。

参考：http://www.gnnk.net/20080113050103/
環境：EC-CUBE 2.0.1

パンくずも設置できて、カテゴリ名もサブカテゴリ名を表示できるようにできて、よかったよかった。

カテゴリの構造を
・ブランド名>Tシャツ
にすればよかったことなのかもしれないですが。

]]> http://wb.corekuuma.com/archives/47/feed 0