Home

lab.琉結

EC-CUBE 商品詳細のサブコメント 奇数、偶数でレイアウト変更

メモするほどでもないと思いますが、忘れないようにとりあえずメモ!
EC-CUBEデフォルトではサブコメント部分は単調に写真とテキストが同じように羅列していく。
これを奇数と偶数で写真とテキストのレイアウトを変更する。

言葉では説明しにくいのでこんな感じ。

EC-CUBE サブコメント レイアウト

今回は単純に画像とテキストの入れ替えなので、
大枠のsubareaにsubarea2を追加してcssでレイアウトを変える。

subarea → 偶数のサブコメントに適応(テキスト:左、写真:右)
subarea2 → 奇数のサブコメントに適応(テキスト:右、写真:左)

大枠のdivを奇数と偶数で切替するのですが、Smartyの関数で難なくできる。
http://www.smarty.net/manual/ja/language.function.if.php

<div class=”subarea”>

↑こいつを↓こんな感じで書き換えするとできた!

<!–{if $arrProduct[$key] != “”}–>
<!–{if $smarty.section.cnt.index is div by 2}–>
<div class=”subarea”>
<!–{else}–>
<div class=”subarea2″>
<!–{/if}–>

<?=”文字列”; ?> って<?php echo “”; ?>と同じらしい

  • 2010-07-01 (木)
  • php

表題通りで簡単な事ですが、メモ。
すこしPHPのコードを見ていたら、見慣れない書き方を発見!!

<?="文字列"; ?>

これはechoの省略刑らしい!
いや〜、勉強不足ですみません…

SOY CMS on PHP5.1.6

はい!大部苦労しました。
でもちゃんと対応方法が掲載されてるやん♪

SOY CMSはPHP5.2以降が動作条件ですが、どうしてもPHP5.1.6の環境でテストしてみたいということで作業しました。
忘れないようにメモ…。

今回はインストーラーなしで作業。
インストールマニュアルに従って、インストールする。

下記のポイントを押さえればどうにかインストールできました。
これからテストしていきますので、その他の不具合については未確認です。

【 ポイント 】

1. PEAR::Services_JSONの追加

PEARのサイトからServices_JSONをダウンロード。
解凍したファイルの中にある「JSON.php」をSOY CMSのフォルダ /common/lib/ 直下へ入れる。

2. .htaccessに下記のPHP設定オプション項目を定義

php_flag display_errors On
php_flag magic_quotes_gpc off
AcceptPathInfo On

3. /common/common.inc.php へ修正を加える

SOY CMSフォルダの /common/common.inc.phpの先頭へ下記のコードを追加する。

if ((!$_SERVER["PATH_INFO"])&&(isset($_SERVER["ORIG_PATH_INFO"]))) {
$_SERVER["PATH_INFO"] = $_SERVER["ORIG_PATH_INFO"];
}

function error_get_last(){
return NULL;
}

4. /common/lib/soy2_build.php へ修正を加える

ここで大部つまずいていました。
ポイント3までだと、初期設定画面でエラーを吐いて進めない。
Fatal error: Call to a member function execute() on a non-object…..

SOY CMSバージョン1.2.7の場合は、
さらにSOY CMSフォルダの /common/lib/soy2_build.php の2964行目付近

$result = $stmt->execute();

を下記に差しえる。

$result = ($stmt)? $stmt->execute(): false;

参考サイト↓
http://www.soycms.org/viewtopic.php?f=6&t=144&p=430

追記2010.06.23
上記だけだとページ新規作成の際にエラーが起こる
といってもエラー文が出るわけではなく、htmlコードが表示されてページの新規作成が行えなかった。

そこで、SOY CMSフォルダ /common/lib/json_lib.phpの56行目付近のコードを差し替えてあげると対処できた。

return $json->encode($content);

このコードを下記に差し替え。

header('Content-type: text/html; charset=utf-8');
return $json->encodeUnsafe($content);

参考サイト↓
http://www.sysgathe.com/2010/04/x20soy-cms127.html

追記2010.06.24
ブログページを作成して記事を3件くらい投稿しても記事が表示されない…orz
記事は公開になっているし、他の思い当たるところは何もないけど…。

カテゴリーの表示枠にはちゃんと投稿数3みたいな感じで出てるけどな〜。
これもPHPのバージョンの為か!?
でも同じ現象の人は調べても確認できないな。自分だけ!?

同じ現象の方、対処方法がわかるかたコメント下さい。
お願いします。m(_ _)m

CakePHP $html->image、$html->linkとか(外部リンク付き画像出力)

CakePHPをさわって小1時間。
さっそくイメージを出力についてわからずググる。

http://book.cakephp.org/ja/view/835/image

<?php echo $html->image(‘cake_logo.png’, array(‘alt’ => ‘CakePHP’))?>

でoutputがこうなる↓

<img src=”/img/cake_logo.png” alt=”CakePHP” />

なるへそ…
さらにリンク付きなら、

<?php echo $html->image(“recipes/6.jpg”, array(
“alt” => “Brownies”,
‘url’ => array(‘controller’ => ‘recipes’, ‘action’ => ‘view’, 6)
)); ?>

でoutputがこうなるらしい↓

<a href=”/ja/recipes/view/6″>
<img src=”/img/recipes/6.jpg” alt=”Brownies” />
</a>

ただこの書き方だとどうしても画像のリンクを外部リンク(別ウィンドウで表示する)targetの指定方法がみつからなかった。どなたか分かる方がいれば教えて下さいm(_ _)m

ということで、「$html->link」を使って出力する。

http://book.cakephp.org/ja/view/836/link

<?php echo $html->link(‘Enter’, ‘/pages/home’, array(‘class’=>’button’,'target’=>’_blank’)); ?>

でoutputがこうなる↓
<a href=”/ja/pages/home” target=”_blank”>Enter</a>

自分の場合は下記のような感じで

<?php
echo $html->link(
$html->image(“test.gif”,
array(“alt” => “test”,”class” =>”swap”)),
“http://lab.yu-yui.com”,
array(‘target’=>’_blank’),
null,
false
);
?>
でoutputがこうなる↓
<a href=”http://lab.ryu-yui.com/” target=”_blank”><img src=”/test.gif” alt=”test” /></a>

BaserCMS 管理画面で編集すると日本語が文字化け

表題通り、インストールは無事に完了。
管理画面でキーワードを修正しようとすると文字化け…

これもフォーラムの方に解決策がありました!

http://forum.basercms.net/modules/newbb/viewtopic.php?viewmode=thread&topic_id=68&forum=2&post_id=325#325

フォーラムではソースを修正していましたが、今回は.htaccessで対応。
今のところ問題ないですが、引き続き検証してみます。

BaserCMS ページの編集画面で確認するとプレビューできない

BaserCMSをテストで検証しています。
インストールは問題なく完了。

ただ、表題通り、ページの編集画面で確認ボタンをクリックすると 、プレビューできないということが判明。
フォーラムに修正方法が記述されていました。

http://forum.basercms.net/modules/newbb/viewtopic.php?topic_id=43&forum=4

PHPのバージョンが4だと問題が起こる様です。

baser/controllers/pages_controller.phpの内容、下記のように修正

call_user_func_array( array( $this, ‘display’ ), $path );

call_user_func_array( array( &$this, ‘display’ ), $path );

「この件について、BaserCMS1.5.4 にて解消しました。」との書き込みがありましたが、
おかしいな…インストールしたのは「basercms-1.5.7」のはずでしたが…

無事に修正できたので、とりあえずはスルー

webサイト ローディングとテキスト

Anna Bouchらの3氏が2000年に「ACMPress」に掲載した記事では、
ローディング 8〜10秒 → 不明日トレーションがたまる
ローディング 4秒以上 → ユーザー逃げるとまで言われている

また、Gitte Lindgaard of Carleton大学チームの調査によると1/20秒で印象を判断!
大きな要素は配色。

ドイツのハンブルグ大学チームの調査では
ロード時間が短く、配色もよくても、テキストは30%ほどしか読まれていない。
(タイトルや見出し、文章の一部)

http://www.mdn.co.jp/di/articles/584/

ユナイテッドアローズ 売上68億円

セレクトショップ大手のユナイテッドアローズ10年3月期の売上高は前年比の48%増の68億3100万円。
11年3月期は24%増を予想だそうです。

http://web-tan.forum.impressrd.jp/e/2010/06/02/8075
http://zozo.jp/shop/unitedarrows/

WordPress 記事一覧で class に odd とeven

久しぶりの投稿!
件名について、前にも同じようなことをしたような…

忘れちゃってて少し苦労したのでメモ。
もっと簡単な方法があったような気がするので、こんなすれば簡単だよっていう方コメント下さい。

件名にもある通り、WordPressのアーカイブページでそれぞれの記事をくくっているdivのclassへ
奇数の記事なら odd
偶数の記事ならeven

を追加したい。

http://www.o-theme.com/features/easy-odd-or-even-class/

上記の記事を参考に作業すると問題なくできました。

1. 下記のコードループ内のdivに追加
<?php echo $odd_or_even; $odd_or_even = ('odd'==$odd_or_even) ? 'even' : 'odd'; ?>
追加すると感じ↓
<?php while (have_posts()) : the_post(); ?>
<div class="posts <?php echo $odd_or_even; $odd_or_even = ('odd'==$odd_or_even) ? 'even' : 'odd'; ?>">

2. function.phpへコード追加
使用中テンプレートディレクトリーのfunction.phpへ下記のコード追加
$odd_or_even = 'odd';

これで問題なくOK!
その他、簡単な方法など分かる方はコメントでご教授下さい。m(_ _)m

ドキュタイプについて その前に…2010

携帯サイトを作成する前に色々とメモ。

【docomo】

<!DOCTYPE html PUBLIC “-//i-mode group (ja)//DTD XHTML i-XHTML(Locale/Ver.=ja/[iモードXHTMLバージョン]) 1.0//EN” “i-xhtml_4ja_10.dtd”>

自分は今のところxhtml1.0でコーディングすることがほとんどなのでこうなるみたい。

<!DOCTYPE html PUBLIC “-//i-mode group (ja)//DTD XHTML i-XHTML(Locale/Ver.=ja/1.0) 1.0//EN” “i-xhtml_4ja_10.dtd”>

【au】

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML Basic 1.0//EN” “http://www.w3.org/TR/xhtml-basic/xhtml-basic10.dtd”>

【softbank】

<!DOCTYPE html PUBLIC “-//J-PHONE//DTD XHTML Basic 1.0 Plus//EN” “xhtml-basic10-plus.dtd”>

ドキュタイプを振り分けるのが、一般的といことですが、
調べたところ下記の情報を確認しました。

http://ke-tai.org/blog/2009/10/14/doctype/
http://ke-tai.org/forum/comments.php?DiscussionID=8&Focus=354

つまりはある程度、共通のドキュタイプで可能のようです。

<!DOCTYPE html PUBLIC “-//WAPFORUM//DTD XHTML Mobile 1.0//EN” “http://www.wapforum.org/DTD/xhtml-mobile10.dtd”>

Home

Search
Feeds
Meta

Return to page top