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

{% set sw = 1 %}

<script type="text/javascript">
    $(function() {
      $('#gnavi1btn').click(function(){
        if($(this).is(".selected")){
          $(this).removeClass("selected");
        }else {
          $(this).addClass("selected");
          $('#gnavi2btn').removeClass("selected");
        }
        $('#gnavi1').slideToggle();
        $('#gnavi2').hide();
        return false;
      });

      
      $('#gnavi2btn').click(function(){
        if($(this).is(".selected")){
          $(this).removeClass("selected");
        }else {
          $(this).addClass("selected");
          $('#gnavi1btn').removeClass("selected");
        }
        $('#gnavi2').slideToggle();
        $('#gnavi1').hide();
        return false;
      });
      $('body').click(function(){
        $('#gnavi1,#gnavi2').slideUp();
        $('#gnavi1btn,#gnavi2btn').removeClass("selected");
      });

      $('#cgnavi2btn').click(function(){
        if($(this).is(".selected")){
          $(this).removeClass("selected");
        }else {
          $(this).addClass("selected");
          $('#gnavi1btn').removeClass("selected");
        }
        $('#gnavi2').slideToggle();
        $('#gnavi1').hide();
        return false;
      });
      $('body').click(function(){
        $('#gnavi1,#gnavi2').slideUp();
        $('#gnavi1btn,#cgnavi2btn').removeClass("selected");
      });

    });
</script>

<!-- ▼HEADER▼ -->
<div id="header">
    <div id="header_contents" class="clearfix">

    <div class="h_logo">

      <a href="{{ url('bookcart') }}"><img src="{{ asset('common_img/h_logo_bookcart.png', 'user_data') }}" alt="ベースボール・マガジン社のスポーツ総合サイト" /></a>

    </div>

    <!--▼ HNAVI ▼-->
    <ul id="hnavi">
        <li id="gnavi1btn">&nbsp;</li>
    </ul>
    <!--▲ HNAVI ▲-->

    <!--▼ HEADER RIGHT ▼-->
    <div id="h_right" style="padding-top:0px; width:360px;">
      <div class="clearfix mb5">
      </div>
      <div class="align_r">
          <table>
              <tr>
                  <td style="text-align:center;">
                      <a href="{{ url('guide') }}"><img src="{{ asset('common_img/btn_header_guide.jpg', 'user_data') }}" height="20"></a>
                  </td>
                  <td style="text-align:center;">
                    <div class="block_body clearfix">
                        <p class="btn">
                              <a href="{{ url('cart') }}"><img src="{{ asset('common_img/btn_header_cart.jpg', 'user_data') }}" height="20"></a>
                          </p>
                      </div>
                  </td>
                  <td rowspan="4">
                      <a href="{{ eccube_config.BBMURL }}" target="_blank"><img src="{{ asset('common_img/bbm_logo.png', 'user_data') }}" alt="ベースボールマガジン社" style="margin-left:20px;" /></a>
                  </td>
              </tr>
              <tr>
                  <td style="text-align:center;">
                      <a href="{{ url('faq') }}"><img src="{{ asset('common_img/btn_header_faq.jpg', 'user_data') }}" height="20"></a>
                  </td>
                  <td style="text-align:center;">

                    <div class="block_body clearfix">
                        {% if is_granted('ROLE_USER') %}
                            <p class="btn">
                                <a href="{{ url('logout') }}"><img src="{{ asset('common_img/btn_header_logout2.jpg', 'user_data') }}" alt="ログアウト" height="20" /></a>
                            </p>
                        {% else %}
                            <p class="btn">
                                <a href="{{ url('mypage_login') }}"><img src="{{ asset('common_img/btn_header_login.jpg', 'user_data') }}" alt="ログイン" height="20" /></a>
                            </p>
                        {% endif %}
                    </div>

                  </td>
              </tr>
              <tr>
                  <td style="text-align:center;">
                      <a href="{{ eccube_config.BBMURL }}/page/contact" target="_blank"><img src="{{ asset('common_img/btn_header_contact.jpg', 'user_data') }}" height="20"></a>
                  </td>
                  <td style="text-align:center;">
                    <div class="block_body clearfix">
                        {% if is_granted('ROLE_USER') %}
                            <p class="btn">
                                  <a href="{{ url('mypage') }}"><img src="{{ asset('common_img/btn_header_mypage.jpg', 'user_data') }}" height="20"></a>
                              </p>
                        {% else %}
                            <p class="btn">
                                  <a href="{{ url('entry') }}"><img src="{{ asset('common_img/btn_header_member.jpg', 'user_data') }}" height="20"></a>
                              </p>
                        {% endif %}
                    </div>
                  </td>
              </tr>
          </table>
      </div>
    </div>
    <!--▲ HEADER RIGHT ▲-->
</div>

<!--▼ GNAVI ▼-->
<div id="gnavi1" class="panel">
    <div id="gnavi1_contents" class="clearfix">
        {% if sortedChildren %}
            {% set cnt = -1 %}
            {% for child_category in sortedChildren %}
                {% if child_category.dspfl == 1 %}
                    {% set cnt = cnt + 1 %}
                    {% if cnt % 5 == 0 %}
                        {% if not loop.first %}
                            </ul>
                        {% endif %}
                        <ul class="gnavi2_ul mr40">
                    {% endif %}
                    <li><a href="{{ path('product_list', {cateid: child_category.id}) }}">{{ child_category.name }}</a></li>
                    {% if loop.last %}
                        </ul>
                    {% endif %}
                {% endif %}
            {% endfor %}
        {% endif %}
    </div>
</div>
<!--▲ GNAVI ▲-->

</div>
<!-- ▲HEADER▲ -->