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>

オレンジ色の<p>の部分は自分で書き足したところです。
サブ画像は<a></a>の中に出力されています。
imgはインラインのため自動的に横並びですが、
ここにテキストをいれて整形しようとするなら、cssで float する必要がでてきます。
welcartのテンプレートタグは、<a></a>の外でも中でもどちらでもいいですが、
floatすることを考えると、<a></a>の中のほうが簡単です。
外にすると<a></a>を覆うセレクタ要素を自分で書き足すことが必要です。
やりたい装飾に合わせてどちらかを選びましょう。