[解決済み] itemimgの右側に商品詳細情報を回り込ませる方法

[dirigentken]

商品詳細ページですが

現在

1.サムネイル

2.その下の右よりに商品タイトル

3.販売価格　在庫状態

4.商品情報

5.数量　カート

という順で表示されています。

これを

1.サムネイルの右側に

2.商品詳細情報を移動し（回り込ませ？）

次にデフォルトと同じように

3.商品タイトル

4.販売価格　在庫状態

5.数量　カート

と続くように表示させたいと考えています。

カスタマイズの方法をよろしくお教えください。

WordPress 3.2.1 。

Twenty Ten 1.2。

Welcart e-Commerce　バージョン 1.1.7。

です。

[yasumax]

こんにちは。

「welcart_default」の「wc_templates」をコピーしてお使いください。

wc_item_single.phpが商品詳細ページのテンプレートになります。

<?php the_content(); ?>を25行目の下に挿入して、43行目・72行目の<?php the_content(); ?>を削除してください。

また、

<div id="content" class="two-column">



～中略～



</div><!-- end of content -->

を

<div id="container">

<div id="content" class="two-column">



～中略～



</div><!-- end of content -->

</div>

に変更してください。

位置調整や文字装飾等のスタイル修正は、適宜行ってください。

[dirigentken]

yasumaさま

ご多忙にも関わらす、お教えくださってありがとうございました。

「welcart_default」の「wc_templates」をコピーしてお使いください。

とありますが、

このフォルダをwp-content/themes/Twenty TenのフォルダにコピーペーストしてUPすればいいのですね。

初歩の初歩で恥ずかしいです。

[dirigentken]

yasumaさま

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

望みどおりに表示の順序を変えることが出来ました。

しかし、

商品画像の右側に商品詳細情報を移動（回り込ませ？）することが出来ずに、商品説明とタイトルの間に画像の高さぶんのスペースが残ります。

どこをカスタマイズすればいいかお教えください。

[yasumax]

こんにちは。

スタイルを確認して適宜修正してください。

Google Chromeの要素検証やFirefoxのアドオンFirebug等で一つ一つ確認していくと原因の箇所を見つけやすいです。

憶測ですが、画像のブロックにfloatが効いていない等の問題ではないかと思います。

[dirigentken]

yasumaさま

おはようございます。ご教授ありがとうございました。

floatではなく、loopexp下にあるfieldで記述したtable widthに問題があることが発覚して、無事に解決しました。

60歳すぎてHP作りに取り組み始めた小生には、

Google Chromeの要素検証やFirefoxのアドオンFirebugも初めて耳にする言葉で、こんな便利なものがあったのかと、驚くばかりでした。

初心者へのyasumaさまの暖かいフォローに感謝します。

[投稿者]

投稿