app/template/default/Block/listtitle.twig line 1

Open in your IDE?
  1. {% set sidebar_type = 0 %}
  2. {% set sub_title_type = 0 %}
  4. {# 商品一覧からの場合 #}
  5. {% if Category is defined %}
  6. {% if Category is not null %}
  7.     {% for Path in Category.path %}
  8.         {% if Path.hierarchy == 1 %}
  9.             {% if Path.name == '部品' %}
  10.                 {% set sidebar_type = 1 %}
  11.             {% endif %}
  12.             {% if Path.name == 'カートリッジ' %}
  13.                 {% set sidebar_type = 2 %}
  14.             {% endif %}
  15.             {#{% if Path.name == '浄水器本体' %}#}
  16.             {#    {% set sidebar_type = 3 %}#}
  17.             {#{% endif %}#}
  18.             {% if Path.name == 'マルチピュア浄水器商品' %}
  19.                 {% set sidebar_type = 3 %}
  20.             {% endif %}
  21.         {% endif %}
  22.         {% if Path.hierarchy == 2 %}
  23.             {% if Path.name == 'カウンタートップタイプ浄水器' %}
  24.                 {% set sidebar_type = 3 %}
  25.             {% endif %}
  26.             {% if Path.name == 'ビルトイン浄水器' %}
  27.                 {% set sidebar_type = 4 %}
  28.             {% endif %}
  29.             {% if Path.name == 'レンタル浄水器' %}
  30.                 {% set sidebar_type = 5 %}
  31.             {% endif %}
  32.         {% endif %}
  33.     {% endfor %}
  34. {% endif %}
  35. {% endif %}
  37. {#{{ url(eccube_config.eccube_user_data_route, {'route': 'builtin_select01'}) }}#}
  38. {#{{ path(eccube_config.eccube_user_data_route, {'route': 'builtin_select01'}) }}#}
  41. {% set current_url = path(app.request.attributes.get('_route'),app.request.attributes.get('_route_params')) %}
  42. {# 浄水器本体から選ぶ #}
  43. {% if current_url == path(eccube_config.eccube_user_data_route, {'route': 'builtin_select01'})  %}
  44.     {% set sidebar_type = 4 %}
  45.     {% set sub_title_type = 1 %}
  46. {% endif %}
  47. {# 水栓から選ぶ #}
  48. {% if current_url == path(eccube_config.eccube_user_data_route, {'route': 'builtin_select02'})  %}
  49.     {% set sidebar_type = 4 %}
  50.     {% set sub_title_type = 1 %}
  51. {% endif %}
  52. {# すでに水栓をお持ちの場合 #}
  53. {% if current_url == path(eccube_config.eccube_user_data_route, {'route': 'builtin_select03'})  %}
  54.     {% set sidebar_type = 4 %}
  55.     {% set sub_title_type = 0 %}
  56. {% endif %}
  60. <style>
  61. /*全てに適用*/
  62.     .bgImg {
  63. {% if sidebar_type == 3 %}
  64.         background-size: cover;
  65. /*        background-image: url('/html/user_data/img/catch.png');*/
  66.         background-image: url('/html/user_data/img/list_header/CounterTop.png');
  67.         background-position: center top;
  68. {% endif %}
  70. {% if sidebar_type == 4 %}
  71.         background-size: cover;
  72. /*        background-image: url('/html/user_data/img/builtin.png');*/
  73.         background-image: url('/html/user_data/img/list_header/Buitin.png');
  74.         background-position: center top;
  75. {% endif %}
  76. {# 部品の場合 #}
  77. {% if sidebar_type == 1 %}
  78.         background-size: cover;
  79.         background-image: url('/html/user_data/img/parts.png');
  80.         background-position: center center;
  81. {% endif %}
  82. {# カートリッジの場合 #}
  83. {% if sidebar_type == 2 %}
  84.         background-size: cover;
  85.         background-image: url('/html/user_data/img/cartridge.png');
  86.         background-position: center center;
  87. {% endif %}
  88.         background-color: #ebf0f0;
  89.         text-align: center;
  90.         color: #1266ac;
  91.         font-size: 30px;
  92.         line-height: 1.5;
  93.         font-weight: bold;
  94.         padding: 30px 0;
  95.         margin-bottom: 50px;
  96.         /* width: 100%;*/
  97.         height: 606px;
  98. {% if sidebar_type > 0 %}
  99. {% endif %}
  100.     }
  101.     .l_purchase_title h1 {
  102.     }
  103.     .stit{
  104.         font-size: 14px;
  105.         color: #000 !important;        
  106.     }
  107.     .stit a {
  108.         text-decoration: none;
  109.         transition: all 0.8s;
  110.         color: #000;
  111.     }
  112. /*ウィンドウ幅が767px以上の場合に適用*/
  113. @media screen and (min-width: 767px) { 
  114.     }
  115. /*ウィンドウ幅が最大767pxまでの場合に適用*/
  116. @media screen and (max-width: 767px) { 
  117.     }
  118. </style>
  120. <div style="position:relative; top:0px;">
  121. {% if sidebar_type == 3 %}
  122. {#<img style="width:100%" src="/html/user_data/catch3.png">#}
  123. <img style="width:100%" src="/html/user_data/img/list_header/CounterTop.png">
  124. {% endif %}
  125. {% if sidebar_type == 4 %}
  126. {#<img style="width:100%" src="/html/user_data/img/builtin3.png">#}
  127. <img style="width:100%" src="/html/user_data/img/list_header/Buitin.png">
  128. {% endif %}
  129. {# 部品の場合 #}
  130. {% if sidebar_type == 1 %}
  131. <img style="width:100%" src="/html/user_data/img/parts3.png">
  132. {% endif %}
  133. {# カートリッジの場合 #}
  134. {% if sidebar_type == 2 %}
  135. <img style="width:100%" src="/html/user_data/img/cartridge3.png">
  136. {% endif %}
  137. {% if sidebar_type == 5 %}
  138. <img style="width:100%" src="/html/user_data/catch3.png">
  139. {% endif %}
  140. {% if sidebar_type == 0 %}
  141. <img style="width:100%" src="/html/user_data/catch3.png">
  142. {% endif %}
  143. {#<img class="bgImg" style="width:100%" src="/html/user_data/catch3.png">#}
  145. <div style="width:80%;position:absolute; text-align:center; left:50%; top:45%;-ms-transform: translate(-50%,-45%); -webkit-transform: translate(-50%,-45%); transform: translate(-50%,-45%); margin:0; padding:0;">
  147. <p style="color:#707070; font-size:90%;">ONLINE SHOP</p>
  148. {#<h1 style="color:#1266ac; font-size:200%;">マルチピュア浄水器商品一覧#}
  149. <h1 style="color:#1266ac; font-size:200%;">
  150. {% if sidebar_type == 3 %}
  151. カウンタートップ浄水器
  152. {% endif %}
  153. {% if sidebar_type == 4 %}
  154. ビルトイン浄水器
  155. {% endif %}
  156. {# 部品の場合 #}
  157. {% if sidebar_type == 1 %}
  158. 部品一覧
  159. {% endif %}
  160. {# カートリッジの場合 #}
  161. {% if sidebar_type == 2 %}
  162. 交換カートリッジ
  163. {% endif %}
  164. {% if sidebar_type == 5 %}
  165. レンタル浄水器
  166. {% endif %}
  167. {% if sidebar_type == 0 %}
  168. {% if Category is defined %}
  169.     {# 商品一覧からの場合 #}
  170.     {% if Category is not null %}
  171.         {% for Path in Category.path %}
  172.             {% if loop.last %}
  173.                 {{ Path.name }}
  174.             {% endif %}
  175.         {% endfor %}
  176.     {% endif %}
  177. {% endif %}
  179. {% if Product is defined %}
  180.     {# 商品詳細からの場合 #}
  181.     {% if Product.ProductCategories is not empty %}
  182.         {% for ProductCategory in Product.ProductCategories %}
  183.             {% for Path in ProductCategory.Category.path %}
  184.                 {% if loop.last %}
  185.                     {{ Path.name }}
  186.                 {% endif %}
  187.             {% endfor %}
  188.         {% endfor %}
  189.     {% endif %}
  190. {% endif %}
  192. {% endif %}
  194. </h1>
  195. {% if sub_title_type == 1 %}
  196. <br />
  197. <h2 style="font-weight:bold;">
  198. キッチンの上に本体を置き、ご自身でお手軽に取り付けられるタイプ
  199. </h2>
  200. {% endif %}
  201. </div>
  202. </div>