app/template/default/Block/eventbannerCol2mbl.twig line 2

Open in your IDE?
  1. {% block main %}
  2.   {% if CustomerKbn == "seller" %}
  3.   
  4.   {% else %}
  5.     {% if app.user %}
  6.         {# ログインしている場合の処理 #}
  7.     {% else %}
  8.         {# ログインしていない場合の処理 #}
  9.       <div class="ec-shelfRole12">
  10.           <div class="col2002">
  11.               <!-- <div class="sidepic"><a href="{{ app.request.schemeAndHttpHost }}/products/list?category_id=15"><img src="{{ asset('/img/event/event01.jpg') }}" /></a></div>-->
  12.               <div class="sidepic"><a href="https://s-drea.com/customentry?et=buyer"><img src="{{ asset('/img/banner/01_banner-top/event01_450-300.jpg') }}" /></a></div>
  13.               <div class="sidepic"><a href="https://s-drea.com/customentry?et=buyer"><img src="{{ asset('/img/banner/01_banner-top/event02_450-300.jpg') }}" /></a></div>
  14.           </div>
  15.       </div>
  16.     {% endif %}
  17.   {% endif %}
  18. {% endblock %}
  20. <style>
  21.     .col2002 {
  22.       display: grid;
  23.       grid-template-columns: repeat(2, 1fr); /* 2列のグリッド */
  24.       gap: 10px; /* イメージ間の間隔 */
  25.     }
  26.     
  27.     .sidepic {
  28.       text-align: center; /* 画像を中央揃えにするため */
  29.     }
  30.     
  31.     .sidepic img {
  32.       max-width: 100%; /* 画像を親要素に合わせてサイズ調整 */
  33.       height: auto; /* アスペクト比を維持 */
  34.     }
  37. </style>