ご注意:こちらはテンプレート編集(上級者モード)のご案内になります。
STYLING(スタイリング)では独特なレイアウトで画像を配置頂けます。
画像の縦の大きさや数は自由に配置頂けます。
<li class="p-styling-list__item"> <a class="u-img-scale" href="#"> <img src="https://img.shop-pro.jp/tmpl_img/84/styling-sample-01.png.jpg" alt="1枚目の画像説明文" /> </a> </li> <li class="p-styling-list__item"> <a class="u-img-scale" href="#"> <img src="https://img.shop-pro.jp/tmpl_img/84/styling-sample-02.png" alt="2枚目の画像説明文" /> </a> </li> <li class="p-styling-list__item"> <a class="u-img-scale" href="#"> <img src="https://img.shop-pro.jp/tmpl_img/84/styling-sample-01.png.jpg" alt="3枚目の画像説明文" /> </a> </li>
<li class="p-styling-list__item"> <a class="u-img-scale" href="こちらにリンク先URLを記入"> <img src="こちらに画像URLをペースト" alt="1枚目の画像説明文" /> </a> </li> <li class="p-styling-list__item"> <a class="u-img-scale" href="こちらにリンク先URLを記入"> <img src="こちらに画像URLをペースト" alt="2枚目の画像説明文" /> </a> </li> <li class="p-styling-list__item"> <a class="u-img-scale" href="こちらにリンク先URLを記入"> <img src="こちらに画像URLをペースト" alt="3枚目の画像説明文" /> </a> </li>リンク先URL、バナーの説明文もそれぞれ記入します。