17 April welcart 商品詳細のサブイメージ画像の下にテキストを書きたい 商品詳細のサブイメージ画像の下にテキストを書きたい welcartのテンプレートタグがあると教えていただきました。 WPの画像編集のところでキャプション、説明文を入力できます。 ＊SKU1つ、SKU複数、の2ヶ所に挿入します。wcex Mobileも同じようにできます。 解決策 キャプションを出力 <?php usces_the_itemImageCaption($id); ?> 説明文を出力 <?php usces_the_itemImageDescription($id); ?> wc_item_single.php のサブイメージ画像の場所 <div class="itemsubimg"> <?php $imageid = usces_get_itemSubImageNums(); ?> <?php foreach ( $imageid as $id ) : ?> <a href="<?php usces_the_itemImageURL($id); ?>" <?php echo apply_filters('usces_itemimg_anchor_rel', NULL); ?>><?php usces_the_itemImage($id, 135, 135, $post); ?> <p class="itemsubimg_caption"><?php usces_the_itemImageCaption($id); ?></p></a> <?php endforeach; ?> </div><!-- end of itemsubimg --> オレンジ色の<p>の部分は自分で書き足したところです。 サブ画像は<a></a>の中に出力されています。 imgはインラインのため自動的に横並びですが、 ここにテキストをいれて整形しようとするなら、cssで float する必要がでてきます。 welcartのテンプレートタグは、<a></a>の外でも中でもどちらでもいいですが、 floatすることを考えると、<a></a>の中のほうが簡単です。 外にすると<a></a>を覆うセレクタ要素を自分で書き足すことが必要です。 やりたい装飾に合わせてどちらかを選びましょう。 PR
