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

Open in your IDE?
  1. {% block javascript %}
  2.     <script>
  3.         $(function() {
  5.         });
  6.     </script>
  7. {% endblock %}
  8. {% block stylesheet %}
  9. <style>
  10. .footer_navi a{
  11.     position: relative;
  12.     display:block;
  13.     height:100%;
  14.     width:100%;
  15. }
  16. .footer_navi a img {
  17.     position: absolute;
  18.     top: 50%;
  19.     left: 50%;
  20.     -webkit-transform: translate(-50%, -50%);
  21.     transform: translate(-50%, -50%);
  22.     width: 100%;
  23.     display: block;
  24.     height: 90%;
  25.       object-fit: contain;
  26.     transition: .5s ease-in-out;
  27. }
  28. .footer_navi a:hover img:nth-of-type(2) {
  29.     opacity: 0;
  30. }
  32. </style>
  33. {% endblock %}
  34. <div class="footer_navi only-sp">
  35.     <ul class="flex">
  36.         {% if is_granted('ROLE_USER') == true %}
  37.             <li>
  38.                 <a rel="external" href="{{ url('mypage') }}">
  39.                     <img class="hover_change_image" src="{{ asset('assets/img/button/btn_footer_mypage_on.png', 'user_data') }}" alt="MYページ" />
  40.                     <img class="hover_change_image" src="{{ asset('assets/img/button/btn_footer_mypage.png', 'user_data') }}" alt="MYページ" />
  41.                 </a>
  42.             </li>
  43.             <li>
  44.                 <a rel="external" href="{{ url('mypage_favorite') }}">
  45.                     <img class="hover_change_image" src="{{ asset('assets/img/button/btn_footer_favorite_on.png', 'user_data') }}" alt="お気に入り" />
  46.                     <img class="hover_change_image" src="{{ asset('assets/img/button/btn_footer_favorite.png', 'user_data') }}" alt="お気に入り" />
  47.                 </a>
  48.             </li>
  49.         {% else %}
  50.             <li>
  51.                 <a data-transition="slideup" href="{{ url('mypage') }}">
  52.                     <img class="hover_change_image" src="{{ asset('assets/img/button/btn_footer_mypage_on.png', 'user_data') }}" alt="MYページ" />
  53.                     <img class="hover_change_image" src="{{ asset('assets/img/button/btn_footer_mypage.png', 'user_data') }}" alt="MYページ" />
  54.                 </a>
  55.             </li>
  56.             <li>
  57.                 <a data-transition="slideup" href="{{ url('mypage_favorite') }}">
  58.                     <img class="hover_change_image" src="{{ asset('assets/img/button/btn_footer_favorite_on.png', 'user_data') }}" alt="お気に入り" />
  59.                     <img class="hover_change_image" src="{{ asset('assets/img/button/btn_footer_favorite.png', 'user_data') }}" alt="お気に入り" />
  60.                 </a>
  61.             </li>
  62.         {% endif %}
  63.         <li>
  64.             <a rel="external" href="{{ url('cart') }}">
  65.                 <img class="hover_change_image" src="{{ asset('assets/img/button/btn_footer_cart_on.png', 'user_data') }}" alt="カゴの中を見る" />
  66.                 <img class="hover_change_image" src="{{ asset('assets/img/button/btn_footer_cart.png', 'user_data') }}" alt="カゴの中を見る" />
  67.             </a>
  68.         </li>
  69.         <li>
  70.             <a rel="external" href="{{ url('homepage') }}">
  71.                 <img class="hover_change_image" src="{{ asset('assets/img/button/btn_footer_toppage_on.png', 'user_data') }}" alt="トップページへ" />
  72.                 <img class="hover_change_image" src="{{ asset('assets/img/button/btn_footer_toppage.png', 'user_data') }}" alt="トップページへ" />
  73.             </a>
  74.         </li>
  75.     </ul>
  76. </div>