商品詳細ページのカスタマイズについて

[ya_su参加者]

動作に関するご質問の場合は必ずご記入ください。

---

WordPress のバージョン：3.4.2

Welcart のバージョン：1.2.1

ご利用のテーマ：welcart defoult

症状を確認したブラウザ：firefox

サーバー（会社名、サービス名）：さくら レンタルサーバー　スタンダード

SSLの利用：　無し

WordPress のパーマリンク設定：/%category%/%postname%/

---

お世話になります。

商品詳細ページのカスタマイズで

下記urlのようなレイアウトにしたいと思っております。

http://www.olivedor.jp/shop/?p=3070

wc_item_single.phpの中の記載で

商品画像部分<div class=”itemimg”>を二つ用意して

サムネイル部分を上へという所くらいまで

を編集しました。

このサムネイル部分<div class=”itemsubimg”>の下の記述は

商品の詳細本文になるのでしょうか。

<p>タグでテキスト以外にも画像を入れたりされていますので

同じような事をしたいのですが

ちょっと壁にあたってしまっています。

また商品詳細ページ部分<div id=”itempage”>の下に

商品説明部分<div class=”explanation”>や

ガイド部分<div id=”guide”>があるのですが

この部分はどのように表示されているのでしょうか。

何かプラグイン等を利用しているのであれば

それを教えていただきたいです。

初歩的な質問かもしれませんが

ご助言いただければありがたい限りです。

よろしくお願いいたします。

[uishi参加者]

welcartのというよりwordpressのテンプレートの構造をどの程度理解されてるかという話かもしれませんね（自分もそれほど理解してるわけではないですが）。例のthe_content（）で投稿の内容（デフォルトなら管理画面の商品マスターの下のほうにある例のwordpressの投稿）を取得できるので、それをどこに置くかなというのである程度解決できないでしょうか。

投稿ごとに定型とは行かないですが、割と自由に記述は出来るのではないかと。

[ya_su参加者]

uishi　様

ご助言ありがとうございます。

the_content（）では記事内容が全て反映されるかと思いますが

これを分けて表示させたいのですが

どのように記載すればいいのでしょうか。

http://wpcms.jp/170/

上記urlのような感じだと思うのですが

どう記載すればというのがいまいちわかりません。

<div class=”apart”>A part</div>

カート部分

<div class=”bpart”>B part</div>

というようなレイアウトにしたいのですが

どのような記載になりますでしょうか。

welcartとというよりは

wordpressでのお話になるかもしれませんが

ご助言いただければ幸いです。

よろしくお願いいたします。

[uishi参加者]

より詳しい方の助言があればいいと思いますが、自分が解決するとすれば、

Bパートの内容が固定（配送料とか何とか）なら、直接phpにhtml書くかと。

芸がなければ、functions.phpに関数（function guide()みたいな感じで）に表示するhtmlを書いて（returnにするかechoにするか？）

その関数をbパートに呼び出すかですかね<?php　guide(); ?>見たいな感じで

function my_guide(){

$html='hoge';

$html.='hogehoge';

return $html;//ここ echoにする？

}

こういう場合サイニタイズっているんでしょうか？

雑然としてわかりにくいかな？

スマートに解説できる方の登場に期待します。

[ya_su参加者]

uishi　様

ご助言ありがとうございます。

welcartではなくWordpressでの記事で

下記のような方法を見つけました。

http://webhacks.jp/?p=199

他にも方法はいろいろあると思うのですが

私には上記の方法がわかりやすかったです。

上記方法で項目を短く分けて記載して

100%ではありませんが

希望のレイアウトに近づけたと思います。

助言いただいた

直接phpにhtml書く

方法もどこかで使わせていただきたいと思います。

ご助言ありがとうございました。

一応クローズとさせていただきたいと思います。

[投稿者]

投稿