ご注意:こちらはテンプレート編集(上級者モード)のご案内になります。
商品画像大エリアでは大きな商品画像で商品のディテールをアプローチいただけます。
<li class="p-block-01-list__item is-01"> <div class="p-block-01-list__box"> <div class="p-block-01-list__img"> <img class="js-img-plx" src="https://img.shop-pro.jp/tmpl_img/85/block-01-img-01.jpg" alt="1枚目の画像説明文" /> </div> <div class="p-block-01-list__txt"> <h3 class="p-block-01-list__ttl"> セルクリストソープ 80g<br />(泡立てネット1P) </h3> <p class="p-block-01-list__body"> テキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入ります </p> <div class="p-block-01-list__btn"> <a href="#" class="c-btn-more"> MORE </a> </div> </div> </div> </li>
<li class="p-block-01-list__item is-01"> <div class="p-block-01-list__box"> <div class="p-block-01-list__img"> <img class="js-img-plx" src="こちらに画像URLをペースト" alt="1枚目の画像説明文" /> </div> <div class="p-block-01-list__txt"> <h3 class="p-block-01-list__ttl"> こちらにタイトルを記入 </h3> <p class="p-block-01-list__body"> こちらに本文を記入 </p> <div class="p-block-01-list__btn"> <a href="こちらにリンク先URLを記入" class="c-btn-more"> MORE </a> </div> </div> </div> </li>画像URL、画像の説明文、タイトル、本文、リンク先URL、もそれぞれ記入します。