app/template/default/Faq/faq_detail.twig line 1

Open in your IDE?
  1. {% extends 'default_frame.twig' %}
  3. {% block stylesheet %}
  4. <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/script/magnific-popup.css') }}" media="all" />
  5. <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/style.css') }}" media="all" />
  6. <link rel="stylesheet" type="text/css" href="{{ asset('assets/template/default/assets/css/style.css') }}" media="all" />
  7. <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/base.css') }}" media="all" />
  8. <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/next.css') }}" media="all" />
  9. <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/add.css') }}" media="all" />
  10. {% endblock %}
  12. {% block javascript %}
  13. <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
  14. <script src="{{ asset('assets/js/jquery.easing.1.3.js') }}"></script>
  15. <script src="{{ asset('assets/js/jquery.smoothScroll.js') }}"></script>
  16. <script src="{{ asset('assets/js/jquery.magnific-popup.js') }}"></script>
  17. <script src="{{ asset('assets/js/emergence.min.js') }}"></script>
  18. <script src="{{ asset('assets/js/effects.js') }}"></script>
  19. {% endblock javascript %}
  20. {% block javascript2 %}
  21. <script>
  22.   //faq
  23.   $(".faq-list li .title").click(function(){
  24.     $(this).next('.text').slideToggle();
  25.   });
  26. </script>
  27. {% endblock javascript2 %}
  28. {% block main %}
  29. <div class="breadcrumb">
  30. <ul>
  31.   <li><a href="{{ url('homepage') }}"><img src="{{ asset('assets/img/next/icon-home.svg') }}" alt="HOME">HOME</a></li>
  32.   <li>FAQ</li>
  33. </ul>
  34. </div>
  35. <div id="mainimg" class="next">
  36. <div class="content">
  37.   <h1 class="catch">FAQ<span>よくある質問</span></h1>
  38. </div>
  39. </div>
  40. <main class="next">
  41.     <section>
  42.       <div class="s_content">
  43.         <h2 class="heading-lv07">{{ catalog.name|nl2br }}</h2>
  44.         {% if data[0] is defined %}
  45.           {% for row in data %}
  46.             <h3 class="heading-lv05">{{ row.catalog.name|nl2br }}</h3>
  47.             <ul class="faq-list">
  48.                 {% if row.faq[0] is defined %}
  49.                 {% for faq in row.faq %}
  50.                   <li>
  51.                     <div class="title">{{  faq.question|nl2br }}<b></b>
  52.                     </div>
  53.                     <div class="text">{{  faq.answer|raw|nl2br }}</div>
  54.                   </li>
  55.                 {% endfor %}
  56.                 {% endif %}
  57.             </ul>
  58.           {% endfor %}
  59.         {% endif %}
  60.       </div>
  61.     </section>
  62.     
  63.     {% if catalogList[0] is defined %}
  64.       {% for row in catalogList %}
  65.         <section class="">
  66.           <div class="s_content">
  67.             <h2 class="heading-lv07">{{ row.name|nl2br }}</h2>
  68.               {% if row.Children[0] is defined %}
  69.                 <ul class="faq-cat">
  70.                     {% for child in row.Children %}
  71.                       <li>
  72.                         <a href="{{ url('page_faq_detail', {id : child.id}) }}">
  73.                           <div class="item-img"><span><img src="{{ asset(child.image|no_image_product, 'save_faq') }}" srcset='{{ asset(child.image|no_image_product, 'save_faq') }} 1x,{{ asset(child.image_mobile|no_image_product, 'save_faq') }} 2x' width="66" height="110" alt=""></span></div>
  74.                           <div class="item-text">{{ child.name|nl2br }}</div>
  75.                         </a>
  76.                       </li>
  77.                     {% endfor %}
  78.                 </ul>
  79.               {% endif %}
  80.           </div>
  81.         </section>
  82.       {% endfor %}
  83.     {% endif %}
  84.     
  85.   {{ include("Block/conv.twig") }}
  86. </main>
  87. {% endblock %}