サイドバーに商品をランダムで入れ替える

おすすめ商品をサイドバーに1商品だしていたんですが、ランダムにできないかと、調べてみました。
JS使えるから、なんとかなるだろうと。検索しました。
カラーミーショップの独自タグのループでランダムがあればすぐ終わったんですが、なかったので、更にしらべてみると。
やっぱり、jQueryでランダムに表示するみたいだったので。
早速参考にやってみる。↓参考

おすすめ商品をランダム表示にして更新の手間を減らす方法

簡単なプラグインを作って、表示させるみたいです。

記事通りにやればすぐ出来ます。

で、やってみたんですが、リロードすると、たまに商品が出ない、、

Firebugでみてみると、<br>が表示されてる。

var chn = $(this).children().hide().length;

children()で、brも取得されてるからです。

って、BRどっから出てきたのかとおもったら。↓デフォルトで入っている、クリアするためのBRでした。こいつを削除したらすぐ治りましたが。

<!-- 商品を3個で改行(最後は含まない) ※4個で改行にする場合は " % 3 "　を " % 4 " に変更してください-->
<{if $smarty.section.num.iteration % 4 == 0 and $smarty.section.num.last == false}><br style="clear:both;" /><{/if}>

無事うまく表示出来ました。

Fc2カートの商品詳細ページにYoutubeを貼付けるといことで、商品詳細のコメントなどにYoutubeの埋め込みタグを入れてみてもただ無視されるだけで、表示されません。
注釈で使用可能なタグが書いてあります。
※HTMLタグ使用可(<a><b><font><u><i><s>)
これ以外はタグを入れても表示するときに無視されます。

で、少し調べてみたんですが、ぜんぜんいい記事がでてこない、要望が多いようでリクエストされている人もいらっしゃいます。
http://request.fc2.com/view_wish.php?wid=24_1271491664_1819330

で、jQueryで解決できそうだったんで、試してみたら問題なく表示できました。
まず、外部サーバに javascriptを置いておく必要があります、それをヘッダーで読み込みます。

で、Fc2のコメントで使用可能なタグにIDを付けます、

<b id="youtube">ここにYoutubeのURL</b>

で、jqueryで idの部分を引っ張り出してきて、入れ替えます。

var youtubeUrl = $('#youtube').text();
$('#youtube').replaceWith('<iframe width="560" height="315" src="http://www.youtube.com/embed/'+youtubeUrl+'" frameborder="0" allowfullscreen></iframe>');

これで、問題なく表示できました。

ループの回数を制御する

お勧め商品をサイドバーに１つだけ表示する必要があったので。
loop=$recommend　でおすすめ商品をループさせる、テンプレートを用意、カラーミーショップの独自タグのページには回数を制御するまで載っていなかったので、カラーミーショップの掲示板みてみると、あった。

maxの値で設定するみたい。

<{section name=num loop=$recommend}>

max = 1を追加して一回ループにする。

<{section name=num loop=$recommend max=1}>

これで、なんとか回数も制御できました。

商品詳細のメイン画像を、サムネイル画像をマウスオーバーすると入れ替える

デフォルトでは、その他の画像はサムネイル画像をクリックすると target=”_blank” で新しいウィンドウに画像だけを表示するので、これはあんまり見ている方もいい気分じゃないので、有料テンプレートがやっているみたいなので、コチラを参考に。
http://sample33.shop-pro.jp/?pid=25591325

JS直接書き込めるので、問題無いですね。

メインの画像にIDをつける

<img src="<{$product.img_url}>" id="largeMain" />

で、その下に、関数を設定する

//DOMでメインの画像を指定する
var mImg = document.getElementById('largeMain');
//入れかの関数
function ci(elm){
   mImg.src = elm;
}

サムネイル画像に、有料テンプレートのまんまですが。↓を設定

<a onmouseover="ci('<{$product.img_url}>');return false;" href="#"><img src="<{$product.img_url}>" width="100" /></a>

プライバシーポリシーページを表示したときに、最近チェックした商品を表示させない

ショップのプライバシーポリシーページを表示したときに、最近チェックした商品の項目がデフォルトでは表示されますが、このページにはこの機能はいらないとの事だったので、
消すことに、カラーミーショップではプライバシーページ専用のテンプレートが別にありますが最近チェックした商品を表示しているところは、共通のテンプレートなので、
そこに、if文でプライバシーページを表示しているときは表示しないようにすればいいとおもい、早速テンプレートの中をみてみる。

<strong>｜最近チェックした商品</strong><br />
<{if $history_num != 0}>
	<{section name=num loop=$history max=10}>

↑このif文の条件にプライバシーページを表示しているときは表示しない指示を付け加えようとおもったんですが、

カラーミーショップの独自タグにそれらしい機能を持ったタグがなかったので、googleで検索
【Color Me】独自タグでトップページなどを条件分岐する方法 | SBS

↑の記事を参考にif文の条件を付け加える。

<{if $history_num != 0 and !$smarty.get.mode == "privacy"}>

↑これで問題なくプライバシーページには、最近チェックした商品を出さない設定になりました。

一点気になった点があり調べてみました。商品の登録を新規登録するとトップページに出るものだと思っていたんですが、このカートはそのような機能は無いようです。
トップページには、お勧め商品や最近チェックした商品などがデフォルトで表示されます。

お勧め商品は管理画面より設定可能、で調べてみたらやっぱり皆さん苦戦しているようで、
解決方法としては、RSSを利用して、トップページに読み込むそうです。今のところ使用していないので、やり方などは下記の記事をご確認ください。
http://me-me-color.jugem.jp/?eid=33

別にサーバを用意する必要があるとおもいます。

ループしている商品のタグにクラスを順番に付けていく

デフォルトで下記のタグがあります。

<!-- 2個で改行(最後は含まない) -->
<{if $smarty.section.num.iteration % 2 == 0 and $smarty.section.num.last == false}>
<br style="clear:both;" />
<{/if}>

コメントに書いてあるように、２個目で BRタグが挿入されて、floatで横ならびになっているのをclear:bothでクリアして改行されます。

このカートはSmartyが使用されています、Smarty使ったことないので、わかないことの方が多いですが、このタグ見た感じでなんとなくつかめたので、

iterationプロパティでに回数が保持されているので、それを使用して、ループしている商品に順番にクラスを付けて行きました。

<div class="item<{$smarty.section.num.iteration}>">">

↑でitem1と順に名前が付けれます。

カラーミーショップを少しカスタマイズする必要があったので、いろいろ調べたり試したりしているのでブログに書いておきます。

まず、他にもレンタルショッピングカートは多数ありますが、今回はこのカートを使うことが決まっていましたので、他のカートと比較などはしていませんので。

少し評判などをみましたが、そんなに悪い評判もなく、機能も充実していました。

まず、デザインをカスタマイズする必要がありましたので、カラーミーショップを使っているショップさんを色々と見てみることに、カラーミーショップのサイトにご利用事例のページがあるでそちらから
他のショップさんが見れます。

紹介されているだけあって、奇麗にレイアウトされていいてこんなサイトが作れるのかと思いました。デザインをかなりこちらでカスタムできる印象をもちました。

早速ログインしてカスタマイズ画面に、とりあえず、カラーミーショップが用意しているテンプレートをもとにカスタマイズすることに、有料テンプレートなんかもありましたが、無料テンプレートのなかにカスタマイズ用のテンプレートが
3点用意されているので、そちらを選択して、カスタムしていくことに。2カラムと3カラムが用意されていました。私は2カラムを利用してカスタムすることに。

共有部分を中心にカスタマイズしていきます、これでヘッダー、フッター、サイドのナビゲーションなどの共有部分をつくっていけます。の中すべてカスタマず可能なので、結構柔軟なレイアウトができると思います。

の中は触れないみたいですが。事例のページではJavascirptが使用されているページが殆どだったので、どこに入れているかみてみるとやっぱりの中に直接外部ファイルを読み込むか、直接かきこんでいました。

javascriptが使えるとデザインの幅もさらに広がるのでいいですね。

編集の画面の9〜13番までは、HTMLの編集がNGですので、CSSで背景画像を設定したりするのみになるようです。↓のページがカートのページです。

このへんは仕方ないので、他のショップさんを参考にどのようにしているのか見てみると、やはり、CSSでロゴを入れたり背景を変更したりするぐらいのようです。

ととりあえず、現在は問題なくカスタマイズ中です、多分02を書く予定。

正月の写真がようやく現像できました。

デジタル化もカメラのキタムラでやってもらってますが、自宅でできればいいんですが。

仕上がりの写真を取りに行く感じはやっぱりいいです。

昼間に、誕生日にもらった、クルーザーデッキで木屋町などをスイスイ滑りながら、写真を撮ってます。
知ってる場所なんですが、写真を撮るとなると、いつもと違う発見があります。

WordPressで現在○○記事ありますとか、商品ページを作ってるなら、現在○○件登録しています。
などを出す必要があったので、調べてみた。

↓かちびとさんの記事がHIT
WordPressを使ったブログの全記事数を取得するコード

DBに直接アクセスする。すべての記事をカウントする場合、かちびとさんの記事にのっているコードで無事に終了しますが。

特定のカテゴリーに属する記事を除去したかったので、いろいろ調べてみたら。見つからなかったので自分で考えてみた。

↓のコードで投稿を全て引っ張り出してきてます。postsのテーブルにカテゴリ情報もはっていたら、AND文でつなげて、クリアできたのかな？？

$numposts = $wpdb->get_var("SELECT count(*) FROM $wpdb->posts WHERE post_status = 'publish' AND post_type = 'post'");

WordPressのカテゴリ情報は、term_relationshipsってところにカテゴリと投稿の関係が入っているみたいなので、テーブルを見ていたら
term_taxonomy_id　というところに、カテゴリのIDが記録されていたので。除去したいカテゴリに属している記事をカウントできそうとおもい。

SQL文が勉強不足のため、いろいろ参考にしながらだったので、間違えているかもしれません。

$de = $wpdb->get_var("SELECT count(*) FROM $wpdb->term_relationships WHERE term_taxonomy_id = '1'");

これで、除去したい記事をカウントします。

で総記事−除去したい記事の数を引き算して完了。

$de = number_format($de);
$postAll = number_format($postAll);
echo $postAll-$de;

なんとか動いているので。

大丈夫とおもいます。

突っ込みどころはあると思いますが。

フィルムは届いてから、ヨドバシカメラで購入しました。いろいろ調べながら、試しどりしました。
フィルム一眼は昔使用したことがあったので、フィルムを入れるのは大体わかったのですが、結局ミスってました。
最初にフィルムをもう少し巻かないといけなかったのですが、巻が浅かったので、最初の数枚が無駄になってしまいました。

その他もピントが合ってないのがありました。orz　

デジタルと違い、一枚一枚がなんか慎重になり絞りやピントも何度も確認してしまいます。

ちょっと、写真を撮りに行く時間がなかなか作れませんが、正月休みにぷらぷら持ち歩こう。

get_postsで絞り込んで記事を取得します。変数authorIDに表示している記事の投稿者のIDを保持しておきます。
if文で、記事があれば、表示しています。
下記のコードには有りませんが、更にif文で特定の投稿者の記事に絞り込むことも可能です。

<?php
$autorID = $post->post_author;
$autor_posts = get_posts('numberposts=5&category=1&author='.$autorID);
if($autor_posts):?>
<ul>
<?php foreach($autor_posts as $post): ?>
<li><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></li>
<?php endforeach; ?>
</ul>
<?php endif; ?>