app/template/user_data/campaign/index.twig line 1

Open in your IDE?
  1. {% extends '@user_data/layout/default_frame.twig' %}
  2. {% block title %}
  3.     キャンペーン | こだわり品質【小ロット1個から】ZEAMI Goods
  4. {% endblock %}
  5. {% block content %}
  6.     <!-- ▼▼ MAIN CONTENTS __________________________________________________________________________________________________ ▼▼ -->
  7.     <main
  8.         id="mainContents">
  11.         <!-- // ++ パンクズ ++ //////////////////////////////////////////////////////////// // -->
  12.         <div id="bread_crumbBloc" class="fades">
  13.             <ul id="breadCrumb" class="fades">
  14.                 <li class="up">
  15.                     <a href="/"><img src="{{ asset('assets/img/icon_home.png') }}" alt="ホーム"></a>
  16.                 </li>
  17.                 <li class="up">キャンペーン</li>
  18.             </ul>
  19.             <!-- ///// #breadCrumb +++++ ///// -->
  20.             <!-- ///// +++++ #bread_crumbBloc +++++ ///// -->
  21.         </div>
  24.         <!-- // == MAIN ================================================================================ // -->
  25.         <section
  26.             id="Campaign" class="section_basic">
  28.             <!-- // ++ 開催中のキャンペーン ++ /////////////////////////////////////////////////////////////// -->
  29.             <div class="one_box">
  30.                 <div id="section_titleBloc" class="fades">
  31.                     <h3 class="section_title up center">現在開催中のキャンペーン</h3>
  32.                 </div>
  33.                 <!-- ///// #section_titleBloc +++++ ///// -->
  35.                 <ul id="current-campaignList" class="fades">
  37.                     {% if(activeCampaigns[0] and activeCampaigns|length > 0) %}
  38.                         <li class="up">
  39.                             <a href="/campaign_detail/{{ activeCampaigns[0].id }}">
  40.                                 {% if(activeCampaigns[0]) %}
  41.                                     <img src="{{ asset(activeCampaigns[0].image|no_image_product, 'save_image') }}" alt="campaign">
  42.                                 {% endif %}
  43.                             </a>
  44.                         </li>
  45.                     {% endif %}
  47.                 </ul>
  48.                 <!-- ///// #current-campaignList +++++ ///// -->
  49.                 <!-- ///// .one_box **** ///// -->
  50.             </div>
  52.             <div style="margin-bottom: 50px;">
  53.             <!-- // ++ 過去のキャンペーン ++ /////////////////////////////////////////////////////////////// -->
  54.                 <ul id="past-campaignList" class="fades">
  56.                     {% for campaign in activeCampaigns %}
  57.                         <!-- ☆☆ ONE CAMPAIGN ☆☆ -->
  58.                         {% if loop.index > 1 %}
  59.                         <li class="one_campaign up" style="border-radius: 20px">
  60.                             <figure class="campaign_thumb fades" style="border-top-left-radius: 20px; border-top-right-radius: 20px">
  61.                                 {% set now = "now"|date("Y-m-d H:i:s")|date_modify("+0 second") %}
  62.                                 {% set end_date = campaign.end_date|date("Y-m-d H:i:s")|date_modify("+0 second") %}
  63.                                 {% if end_date < now %}
  64.                                     <p class="mark_over"><img src="{{ asset('assets/img/mark_end.png') }}" alt="終了しました"></p>
  65.                                 {% endif %}
  66.                                 <img
  67.                                 src="{{ asset('assets/img/campaign_thumb_cover.gif') }}" style="background-image: url('{{ asset(campaign.image|no_image_product, 'save_image') }}');">
  68.                             <!-- //// .campaign_thumb **** //// -->
  69.                             </figure>
  71.                             <div class="thumb_campaign_title_box fades">
  72.                                 <a href="/campaign_detail/{{ campaign.id }}" style="text-decoration: none">
  73.                                     <h4 class="campaign_list_title up">{{campaign.title}}</h4>
  74.                                 </a>
  75.                                 <p class="campaign_list_date up">開催期間<span>{{campaign.start_date|date('Y.m.d')}}〜{{campaign.end_date|date('Y.m.d')}}</span>
  76.                                 </p>
  77.                                 <!-- //// .thumb_campaign_title_box **** //// -->
  78.                             </div>
  79.                         </li>
  80.                         {% endif %}
  81.                         <!-- //// **** .one_campaign **** //// -->
  82.                     {% endfor %}
  84.                 </ul>
  85.             </div>
  86.             <!-- // ++ 過去のキャンペーン ++ /////////////////////////////////////////////////////////////// -->
  87.             <div class="one_box">
  88.                 <div id="section_titleBloc" class="fades">
  89.                     <h3 class="section_title up center">過去のキャンペーン</h3>
  90.                 </div>
  91.                 <!-- ///// #section_titleBloc +++++ ///// -->
  92.                 <ul id="past-campaignList" class="fades">
  94.                     {% for campaign in oldCampaigns %}
  95.                         <!-- ☆☆ ONE CAMPAIGN ☆☆ -->
  96.                         <li class="one_campaign up">
  97.                             <figure class="campaign_thumb fades">
  98.                                 {% set now = "now"|date("Y-m-d H:i:s")|date_modify("+0 second") %}
  99.                                 {% set end_date = campaign.end_date|date("Y-m-d H:i:s")|date_modify("+0 second") %}
  100.                                 {% if end_date < now %}
  101.                                     <p class="mark_over"><img src="{{ asset('assets/img/mark_end.png') }}" alt="終了しました"></p>
  102.                                 {% endif %}
  103.                                 <img
  104.                                 src="{{ asset('assets/img/campaign_thumb_cover.gif') }}" style="background-image: url('{{ asset(campaign.image|no_image_product, 'save_image') }}');">
  105.                             <!-- //// .campaign_thumb **** //// -->
  106.                             </figure>
  108.                             <div class="thumb_campaign_title_box fades">
  109.                                 <a href="/campaign_detail/{{ campaign.id }}" style="text-decoration: none">
  110.                                     <h4 class="campaign_list_title up">{{campaign.title}}</h4>
  111.                                 </a>
  112.                                 <p class="campaign_list_date up">開催期間<span>{{campaign.start_date|date('Y.m.d')}}〜{{campaign.end_date|date('Y.m.d')}}</span>
  113.                                 </p>
  114.                                 <!-- //// .thumb_campaign_title_box **** //// -->
  115.                             </div>
  116.                         </li>
  117.                         <!-- //// **** .one_campaign **** //// -->
  118.                     {% endfor %}
  120.                 </ul>
  121.                 <!-- ///// #current-campaignList +++++ ///// -->
  122.                 <!-- ///// .one_box **** ///// -->
  123.             </div>
  126.         </section>
  127.         <!-- ///// +++++ #News +++++ ///// -->
  129.         <!-- ///// +++++ #mainContents +++++ ///// -->
  130.     </main>
  131. {% endblock %}