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 CORE SERVERを使ってみました。 http://wb.corekuuma.com/archives/3 http://wb.corekuuma.com/archives/3#comments Fri, 14 Dec 2007 04:01:36 +0000 daisukew http://wb.corekuuma.com/2007/12/14/core-server%e3%82%92%e4%bd%bf%e3%81%a3%e3%81%a6%e3%81%bf%e3%81%be%e3%81%97%e3%81%9f%e3%80%82/ いままでさくらのレンタルサーバー1Gを使ってましたが、CORESERVERってサーバーに乗り換えました。
EC-CUBEを使ってみたくてCORESERVERを試用したら、いろいろ便利なことがわかったので。

主な魅力的機能として、EC-CUBEを使える、容量が15GB、再販可能、ワイルドカードサブドメイン可能、料金同じ、などなどです。

ということで、とりあえずEC-CUBE2.0と、WordPressMU1.3を入れてみたので、忘れないようにその手順をメモ。

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