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

2012 年 7 月 11 日

ホーム フォーラム 使い方全般 [解決済み] itemimgの右側に商品詳細情報を回り込ませる方法

このトピックには5件の返信が含まれ、2人の参加者がいます。5 年、 4 ヶ月前 dirigentken さんが最後の更新を行いました。

6件の投稿を表示中 - 1 - 6件目 (全6件中)
  • 投稿者
    投稿
  • #51669

    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。

    です。

    #64953

    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>

    に変更してください。

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

    #64954

    dirigentken
    参加者

    yasumaさま

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

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

    とありますが、

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

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

    #64955

    dirigentken
    参加者

    yasumaさま

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

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

    しかし、

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

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

    #64956

    yasumax
    キーマスター

    こんにちは。

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

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

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

    #64957

    dirigentken
    参加者

    yasumaさま

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

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

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

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

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

6件の投稿を表示中 - 1 - 6件目 (全6件中)

このトピックに返信するにはログインが必要です。