app/template/default/Page/rock.twig line 1

Open in your IDE?
  1. {#
  2. This file is part of EC-CUBE
  4. Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
  6. http://www.ec-cube.co.jp/
  8. For the full copyright and license information, please view the LICENSE
  9. file that was distributed with this source code.
  10. #}
  11. {% extends 'default_frame.twig' %}
  12. {% set list_news = get_news_by_category_id(1) %}
  14. {% block stylesheet %}
  15.   <style>
  16.     .slick-slider {
  17.       margin-bottom: 30px;
  18.     }
  20.     .slick-dots {
  21.       position: absolute;
  22.       bottom: -30px;
  23.       display: block;
  24.       width: 100%;
  25.       padding: 0;
  26.       list-style: none;
  27.       text-align: center;
  28.     }
  30.     .slick-dots li {
  31.       position: relative;
  32.       display: inline-block;
  33.       width: 20px;
  34.       height: 20px;
  35.       margin: 0;
  36.       padding: 0;
  38.       cursor: pointer;
  39.     }
  41.     .slick-dots li button {
  42.       font-size: 0;
  43.       line-height: 0;
  44.       display: block;
  45.       width: 20px;
  46.       height: 20px;
  47.       padding: 5px;
  48.       cursor: pointer;
  49.       color: transparent;
  50.       border: 0;
  51.       outline: none;
  52.       background: transparent;
  53.     }
  55.     .slick-dots li button:hover,
  56.     .slick-dots li button:focus {
  57.       outline: none;
  58.     }
  60.     .slick-dots li button:hover:before,
  61.     .slick-dots li button:focus:before {
  62.       opacity: 1;
  63.     }
  65.     .slick-dots li button:before {
  66.       content: " ";
  67.       line-height: 20px;
  68.       position: absolute;
  69.       top: 0;
  70.       left: 0;
  71.       width: 10px;
  72.       height: 10px;
  73.       text-align: center;
  74.       opacity: .25;
  75.       background-color: #999999;
  76.       border-radius: 50%;
  78.     }
  80.     .slick-dots li.slick-active button:before {
  81.       opacity: .75;
  82.       background-color: #999999;
  83.     }
  85.     .slick-dots li button.thumbnail img {
  86.       width: 0;
  87.       height: 0;
  88.     }
  89.   </style>
  90. {% endblock %}
  92. {% block main %}
  93. <div class="ec-sliderRole">
  94.   <div class="main_visual">
  95.     <div class="item slick-slide">
  96.       <a href="{{ url('product_list') }}?group_id=7828">
  97.         <img src="/user_data/main_banner/rock/pc_Asia2026_1024_400_2.jpg" alt="Asia 2026" class="slide-img-pc">
  98.         <img src="/user_data/main_banner/rock/pc_Asia2026_1024_400_2.jpg" alt="Asia 2026" class="slide-img-sp">
  99.       </a>
  100.     </div>
  101.     <div class="item slick-slide">
  102.       <a href="{{ url('homepage') }}page/special/riotfes2024-live-in-japan/">
  103.         <img src="/user_data/main_banner/rock/Riot2026_1024_400_slide_2.jpg" alt="RIOT Live in Japan" class="slide-img-pc">
  104.         <img src="/user_data/main_banner/rock/Riot2026_1024_400_slide_2.jpg" alt="RIOT Live in Japan" class="slide-img-sp">
  105.       </a>
  106.     </div>
  107.   </div>
  108. </div>
  111.   {% set RecommendBanners = repository('Customize\\Entity\\Banner').getPublicBannersByTypeId(5) %}
  112.   <article class="ec-custom_layout s_title mt-50 ec-recommendRole" id="rockpage-recommend-block">
  113.     <section>
  114.       <h1 class="s_title_left lite-brown">
  115.         おすすめ商品
  116.         <span class="title">
  117.           RECOMMENDED
  118.         </span>
  119.       </h1>
  120.       <div class="s_title_right lite-brown"></div>
  121.       <img src="{{ asset('assets/img/common/cat_line.jpg') }}" class="line_cart mb-20" alt="Category Line">
  122.       <div class="top_banner_area">
  123.         <div class="mb-20 banner-container">
  124.           <div class="banner__item-50">
  125.             <a href="{{ url('product_list') }}?group_id=7763">
  126.               <img src="/user_data/banner/Anthrax/Anthrax2026_502_212_LP.jpg" width="502" height="212" alt="Anthrax 2026">
  127.             </a>
  128.           </div>
  129.           <div class="banner__item-50">
  130. <<<<<<< HEAD
  131.             <a href="{{ url('product_list') }}?group_id=7771"><img src="/user_data/banner/sepultura/Sepultura2026_502_212.jpg" width="502" height="212" alt="Sepultura 2026"></a>
  132. =======
  133.             <a href="{{ url('product_list') }}?group_id=7795"><img src="/user_data/banner/kaihansen/Kai-Hansen2026_502_212_sign.jpg" width="502" height="212" alt="Kai Hansen 2026"></a>
  134. >>>>>>> 9c4b671a (upload develop from prod - update wp-content)
  135.           </div>
  136.         </div>
  138.         <div class="mb-20 banner-container">
  139.           <div class="banner__item-50">
  140.             <a href="{{ url('product_list') }}?group_id=7818">
  141.               <img src="/user_data/banner/Stryper/Stryper2026_502_212_sign.jpg" width="502" height="212" alt="Stryper 2026">
  142.             </a>
  143.           </div>
  144.           <div class="banner__item-50">
  145.            <a href="{{ url('product_detail', {'id': 7815}) }}"><img src="/user_data/banner/hollywoodvampires/HollywoodVampires2026_502_212_2.jpg" width="502" height="212" alt="Hollywood Vampires 2026"></a>
  146.           </div>
  147.         </div>
  149.         <div class="mb-20 banner-container">
  150.           <div class="banner__item-25">
  151.             <a href="{{ url('product_detail', {'id': 7802}) }}">
  152.               <img src="/user_data/banner/Sinner/Sinner2_2026_241_224.jpg" width="241" height="224" alt="Sinner 2026">
  153.             </a>
  154.           </div>
  155.           <div class="banner__item-25">
  156.             <a href="{{ url('product_detail', {'id': 7830}) }}">
  157.               <img src="/user_data/banner/Sarcator/Sarcator2026_241_224.jpg" width="241" height="224" alt="Sarcator 2026">
  158.             </a>
  159.           </div>
  160.           <div class="banner__item-50 d-flex flex-column justify-content-between">
  161.             <div class="w-100">
  162.               <a href="{{ url('product_detail', {'id': 7792}) }}">
  163.                 <img src="/user_data/banner/AColdParadise/A%20Cold%20Paradise2026_502_102.jpg" width="502" height="102" alt="A Cold Paradise 2026">
  164.               </a>
  165.             </div>
  166.             <div class="w-100">
  167.               <a href="{{ url('product_detail', {'id': 7811}) }}">
  168.                 <img src="/user_data/banner/coreleoni/Coreleoni2026_502_102.jpg" width="502" height="102" alt="CoreLeoni 2026">
  169.               </a>
  170.             </div>
  171.           </div>
  172.         </div>
  174.         <div class="mb-20 banner-container">
  175.           <div class="banner__item-25">
  176.             <a href="{{ url('product_detail', {'id': 7813}) }}">
  177.               <img src="/user_data/banner/tungsten/Tungsten2026_241_102.jpg" width="241" height="102" alt="Tungsten 2026">
  178.             </a>
  179.           </div>
  180.           <div class="banner__item-25">
  181.             <a href="{{ url('product_detail', {'id': 7808}) }}">
  182.               <img src="/user_data/banner/Metalite/Metalite2026_241_102.jpg" width="241" height="102" alt="Metalite 2026">
  183.             </a>
  184.           </div>
  185.           <div class="banner__item-25">
  186.             <a href="{{ url('product_detail', {'id': 7820}) }}">
  187.               <img src="/user_data/banner/April Art/AprilArt2026_241_102.jpg" width="241" height="102" alt="April Art 2026">
  188.             </a>
  189.           </div>
  190.           <div class="banner__item-25">
  191.             <a href="{{ url('product_detail', {'id': 7785}) }}">
  192.               <img src="/user_data/banner/Equilibrium/Equilibrium2026_241_102.jpg" width="241" height="102" alt="Equilibrium 2026">
  193.             </a>
  194.           </div>
  195.         </div>
  196.       </div>
  197.     </section>
  198.   </article>
  200.   <article class="s_title ec-recommendRole_sp">
  201.     <div class="ec-header_sp u-text--914D59">
  202.       <span>おすすめアイテム</span>
  203.       <span>RECOMMEND ITEMS</span>
  204.     </div>
  205.     <div class="banner-list-mobile u-marginTop--4pct">
  206.       <div class="banner-item-mobile u-marginTop--2pct u-align--ctr ">
  207.         <a href="{{ url('product_list') }}?group_id=7818" class="ui-link">
  208.             <img src="/user_data/banner/Stryper/Stryper2026_502_212_sign.jpg" width="502" height="212" alt="Stryper 2026" class="u-img-hm">
  209.         </a>
  210.       </div>
  211.       <div class="banner-item-mobile u-marginTop--2pct u-align--ctr ">
  212.         <a href="{{ url('product_list') }}?group_id=7763" class="ui-link">
  213.               <img src="/user_data/banner/Anthrax/Anthrax2026_502_212_LP.jpg" width="502" height="212" alt="Anthrax 2026" class="u-img-hm">
  214.             </a>
  215.       </div>
  216.       <div class="banner-item-mobile u-marginTop--2pct u-align--ctr ">
  217.         <a href="{{ url('product_detail', {'id': 7802}) }}" class="ui-link">
  218.             <img src="/user_data/banner/Sinner/Sinner2_2026_502_102.jpg" width="502" height="102" alt="Sinner 2026" class="u-img-hm">
  219.         </a>
  220.       </div>
  221.       <div class="banner-item-mobile u-marginTop--2pct u-align--ctr ">
  222.         <a href="{{ url('product_detail', {'id': 7830}) }}" class="ui-link">
  223.             <img src="/user_data/banner/Sarcator/Sarcator2026_502_102.jpg" width="502" height="102" alt="Sarcator 2026" class="u-img-hm">
  224.         </a>
  225.       </div>
  226.       <div class="banner-block_2_mobile">
  227.         <div class="banner-item-mobile u-marginTop--2pct u-align--ctr ">
  228.           <a href="{{ url('product_detail', {'id': 7813}) }}" class="ui-link">
  229.               <img src="/user_data/banner/tungsten/Tungsten2026_241_102.jpg" width="241" height="102" alt="Tungsten 2026" class="u-img-hm">
  230.           </a>
  231.         </div>
  232.         <div class="banner-item-mobile u-marginTop--2pct u-align--ctr ">
  233.           <a href="{{ url('product_detail', {'id': 7820}) }}" class="ui-link">
  234.               <img src="/user_data/banner/April Art/AprilArt2026_241_102.jpg" width="241" height="102" alt="April Art 2026" class="u-img-hm">
  235.           </a>
  236.         </div>
  237.       </div>
  238.       <div class="banner-block_2_mobile">
  239.         <div class="banner-item-mobile u-marginTop--2pct u-align--ctr ">
  240.                     <a href="{{ url('product_detail', {'id': 7811}) }}" class="ui-link"><img src="/user_data/banner/coreleoni/Coreleoni2026_241_102.jpg" alt="CoreLeoni 2026" class="u-img-hm"></a>
  241.         </div>
  242.         <div class="banner-item-mobile u-marginTop--2pct u-align--ctr ">
  243.           <a href="{{ url('product_detail', {'id': 7785}) }}" class="ui-link">
  244.               <img src="/user_data/banner/Equilibrium/Equilibrium2026_241_102.jpg" width="241" height="102" alt="Equilibrium 2026" class="u-img-hm">
  245.           </a>
  246.         </div>
  247.       </div>
  248.     </div>
  249.   </article>
  251.   {% include "Block/news.twig" with { list_news: list_news } %}
  253.   <article class="ec-custom_layout s_title mt-50 ec-informations">
  254.     <section>
  255.       <h1 class="s_title_left gold">
  256.         最新情報
  257.         <span class="title">INFORMATION</span>
  258.       </h1>
  259.       <img src="{{ asset('assets/img/common/cat_line.jpg') }}" class="line_cart" alt="Category Line">
  260.       <div class="u_bgcolor_g" style="height: 400px;">
  261.         <ul class="u_cat nobpad d-flex">
  262.           <li class="block_body_left_rock">
  263.             <div class="block_body">
  264.               <div class="news_contents">
  265.                 {% for news in list_news %}
  266.                   <dl class="news_list">
  267.                     <dt>
  268.                       <span class="{{ news.getIconColor() }}" data-type="{{news.NewsType.id}}" style="bac">{{news.NewsType.name}}</span>
  269.                     </dt>
  270.                     <dd>
  271.                       <p>[{{news.publish_date|date('Y.m.d')}}]
  272.                         {{news.title}}</p>
  273.                       <p>{{news.description|raw|nl2br}}</p>
  274.                     </dd>
  275.                   </dl>
  276.                   <p class="sec_line"></p>
  277.                 {% endfor %}
  278.               </div>
  279.             </div>
  280.           </li>
  281.           <li class="block_body_right_rock">
  282.             <div class="twitter_box mb-2">
  283.               <a class="twitter-timeline" data-height="296" data-width="215" href="https://twitter.com/Ward_Rock?ref_src=twsrc%5Etfw">Tweets by Ward_Rock</a>
  284.                <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
  285.             </div>
  286.             <div class="snsnewsgr clearfix d-flex justify-content-between">
  287.               <div class="snsnews">
  288.                 <a href="https://twitter.com/Ward_Rock" target="_blank"><img src="{{ asset('assets/img/top/icon_twitter.png') }}" width="60" height="60"></a>
  289.               </div>
  290.               <div class="snsnews">
  291.                 <a href="https://www.facebook.com/wardrecords" target="_blank"><img src="{{ asset('assets/img/top/icon_facebook.png') }}" width="60" height="60"></a>
  292.               </div>
  293.               <div class="snsnews">
  294.                 <a href="https://www.youtube.com/user/wardmusictube" target="_blank"><img src="{{ asset('assets/img/top/icon_youtube.png') }}" width="60" height="60"></a>
  295.               </div>
  296.             </div>
  297.           </li>
  298.         </ul>
  299.       </div>
  300.     </section>
  301.   </article>
  303.   <article class="u-marginTop--4pct ec-youtube">
  304.     <h1 class="ec-header_sp u-text--914D59">
  305.       <span class="p-title--article__left">YOUTUBEチャンネル</span>
  306.     </h1>
  307.     <div style="position:relative;height:0;padding-bottom:56.25%" class="u-marginTop--4pct">
  308.       <iframe width="560" height="315" src="https://www.youtube.com/embed/videoseries?list=UUX4xs9yaXaS-uY_EhJaRRFQ&amp;controls=0&amp;showinfo=0?ecver=2" frameborder="0" style="position:absolute;width:100%;height:100%;left:0" allowfullscreen=""></iframe>
  309.     </div>
  310.   </article>
  312.   <article class="s_title mt-50 ec-custom_layout ec-newRelease">
  313.     <section>
  314.       <h1 class="s_title_left green">
  315.         最新リリース
  316.         <span class="title">
  317.           NEW RELEASE
  318.         </span>
  319.       </h1>
  320.       <div class="s_title_right green"></div>
  321.       <img src="{{ asset('assets/img/common/cat_line.jpg') }}" class="line_cart" alt="Category Line">
  322.       <div class="u_bgcolor_g">
  324.         {% include 'Page/rocktv_page_list_product_block.twig' with {'Products': newReleaseProducts} %}
  325.         
  326.         <div class="btn_cat alfa">
  327.           <a href="{{ url('product_list') }}?category_id=1&product_status_id=1">
  328.             <img src="{{ asset('assets/img/rock/btn_list.jpg') }}" alt="Product List Button">
  329.           </a>
  330.         </div>
  331.       </div>
  332.     </section>
  333.   </article>
  335.   <article class="u-marginTop--4pct ec-listProduct_sp">
  336.     <h1 class="ec-header_sp u-text--1F6E5C">
  337.       <span>最新リリース</span>
  338.       <span>NEW RELEASE</span>
  339.     </h1>
  340.     <div class="u-bg--E0DAD3 u-marginTop--4pct">
  341.       {% include 'Page/rocktv_page_list_product_block_sp.twig' with {'Products': newReleaseProducts} %}
  343.     </div>
  344.     <div class="btn_area">
  345.       <a class="btn ui-link" href="{{ url('product_list') }}?category_id=1&product_status_id=1">商品一覧 ▶</a>
  346.     </div>
  347.   </article>
  349.   <article class="s_title mt-50 ec-custom_layout ec-preOrder">
  350.     <section>
  351.       <h1 class="s_title_left purple">
  352.         予約商品
  353.         <span class="title">
  354.           PRE-ORDER
  355.         </span>
  356.       </h1>
  357.       <img src="{{ asset('assets/img/common/cat_line.jpg') }}" class="line_cart" alt="Category Line">
  358.       <div class="u_bgcolor_g">
  360.         {% include 'Page/rocktv_page_list_product_block.twig' with {'Products': preOrderProducts} %}
  362.         <div class="btn_cat alfa">
  363.           <a href="{{ url('product_list') }}?category_id=1&product_status_id=5">
  364.             <img src="{{ asset('assets/img/rock/btn_list.jpg') }}" alt="一覧へ">
  365.           </a>
  366.         </div>
  367.       </div>
  368.     </section>
  369.   </article>
  371.   <article class="u-marginTop--4pct ec-listProduct_sp">
  372.     <h1 class="ec-header_sp">
  373.       <span>予約商品</span>
  374.       <span>PRE-ORDER</span>
  375.     </h1>
  376.     <div class="u-bg--E0DAD3 u-marginTop--4pct">
  377.       {% include 'Page/rocktv_page_list_product_block_sp.twig' with {'Products': preOrderProducts} %}
  379.     </div>
  380.     <div class="btn_area">
  381.       <a class="btn ui-link" href="{{ url('product_list') }}?category_id=1&product_status_id=5">予約受付中一覧 ▶</a>
  382.     </div>
  383.   </article>
  385.   <div class="w-full d-flex justify-content-center">
  386.     <div class="btn-group">
  387.       <a class="btn__item" href="{{ url('list_artist_page') }}">
  388.         <img src="{{ asset('assets/img/common/banner_artist.png') }}" alt="banner_artist"/>
  389.       </a>
  390.       <a class="btn__item" href="https://wardrecordsdirectasia.com/">
  391.         <img src="{{ asset('assets/img/common/wrda.jpg') }}" alt="wrda"/>
  392.       </a>
  393.     </div>
  394.   </div>
  396. {% endblock %}