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

Open in your IDE? 
  1. {#
This file is part of EC-CUBE

Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.

http://www.ec-cube.co.jp/

For the full copyright and license information, please view the LICENSE
file that was distributed with this source code.
#}

{#<div class="ec-headerNaviRole">
    <div class="ec-headerNaviRole__left">
        <div class="ec-headerNaviRole__search">
            {{ render(path('block_search_product')) }}
        </div>

        <div class="ec-headerRole__navSP">
            {{ include('Block/nav_sp.twig') }}
        </div>
    </div>
    <div class="ec-headerNaviRole__right">
        <div class="ec-headerNaviRole__nav">
            {{ include('Block/login.twig') }}
        </div>
        <div class="ec-headerRole__cart">
            {{ include('Block/cart.twig') }}
        </div>
    </div>
</div>
#}

<header id="rf-header">
    <div class="rf-header-top">
        <div class="container">
            <nav class="rf-header-nav d-none d-md-flex ff-marugothic">
                <ul>
                    <li>
                        <a href="{{ url('firsttime') }}">
                            <picture>
                                <source srcset="{{ asset('assets/img/icon-beginner.png', 'user_data') }} 1x,{{ asset('assets/img/icon-beginner@2x.png', 'user_data') }} 2x," sizes="100vw">
                                    <img src="{{ asset('assets/img/icon-beginner.png', 'user_data') }}" alt="">
                            </picture>
                            はじめてのお客様
                        </a>
                    </li>
                    <li><a href="{{ url('lineup') }}">商品ラインナップ</a></li>
                    <li><a href="{{ url('help_guide') }}">ご注文ガイド</a></li>
                    <li>
                        <div class="has-child" href="{{ url('reform') }}">
                            ふとんリフォームについて
                        </div>
                    </li>
                    <li><a href="{{ url('qa') }}">よくあるご質問</a></li>
                    <li>
                        <a href="{{ url('contact') }}">お問い合わせ</a>
                        <span class="last-nav-bg"></span>
                    </li>
                </ul>
            </nav>
            <div class="rf-header-menu d-flex d-md-none">
                <div class="rf-header-logo">
                    <a href="/">
                        <picture>
                            <source srcset="{{ asset('assets/img/logo-header-sp.png', 'user_data') }} 1x,{{ asset('assets/img/logo-header-sp@2x.png', 'user_data') }} 2x," sizes="100vw">
                                <img src="{{ asset('assets/img/logo-header-sp.png', 'user_data') }}" alt="">
                        </picture>
                    </a>
                </div>
                <div class="rf-header-buttons" style="display:none;">
                        {% if is_granted('ROLE_USER') %}
                            <a href="{{ url('mypage') }}" class="rf-nav-button"><img src="{{ asset('assets/img/icon-person.svg', 'user_data') }}" alt="">マイページ</a>
                        {% else %}
                            <a href="{{ url('mypage_login') }}" class="rf-nav-button"><img src="{{ asset('assets/img/icon-door.svg', 'user_data') }}" alt="">ログイン</a>
                        {% endif %}
                        <a href="{{ url('cart') }}" class="rf-nav-button"><img src="{{ asset('assets/img/icon-cart.svg', 'user_data') }}" alt="">カート</a>
                        <!--<div id="js-hamburger" class="hamburger-menu">
                            <div class="line"></div>
                            <div class="line"></div>
                            <div class="line"></div>
                        </div>-->
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="rf-header-middle d-flex d-md-none">
        {% if app.user.name01 is defined %}
        <div class="rf-login-text">
            <p>こんにちは、{{ '%last_name% %first_name%'|trans({ '%last_name%': app.user.name01, '%first_name%': app.user.name02 }) }}さん</p>
        </div>
        {% else %}
        <div class="rf-login-text">
            <p>こんにちは、ゲストさん!</p>
            <a class="rf-login-link" href="{{ url('mypage_login') }}"><span>会員登録（無料）</span>はこちらから</a>
        </div>
        {% endif %}
    </div>
    <div class="rf-header-bottom">
        <div class="container">
            <div class="rf-header-user-info">
                {% if app.user.name01 is defined %}
                <div class="rf-login-text d-none d-md-flex">
                    <p>こんにちは、{{ '%last_name% %first_name%'|trans({ '%last_name%': app.user.name01, '%first_name%': app.user.name02 }) }}さん</p>
                </div>
                {% else %}
                <div class="rf-login-text d-none d-md-flex">
                    <p>こんにちは、ゲストさん!</p>
                    <a class="rf-login-link" href=""><span>会員登録（無料）</span>はこちらから</a>
                </div>
                {% endif %}
                <ul class="rf-header-user">
                    {% if is_granted('ROLE_USER') %}
                    {% else %}
                        <li>
                            <a href="">
                                <picture>
                                    <source srcset="{{ asset('assets/img/icon-login.png', 'user_data') }} 1x,{{ asset('assets/img/icon-login@2x.png', 'user_data') }} 2x," sizes="100vw">
                                        <img src="{{ asset('assets/img/icon-login.png', 'user_data') }}" alt="">
                                </picture>
                                ログイン
                            </a>
                        </li>
                    {% endif %}
                        <li>
                            <a href="">
                                <picture>
                                    <source srcset="{{ asset('assets/img/icon-heart.png', 'user_data') }} 1x,{{ asset('assets/img/icon-heart@2x.png', 'user_data') }} 2x," sizes="100vw">
                                        <img src="{{ asset('assets/img/icon-heart.png', 'user_data') }}" alt="">
                                </picture>
                                お気に入り
                                <span class="rf-user-badge badge-pink">7</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <picture>
                                    <source srcset="{{ asset('assets/img/icon-cart.png', 'user_data') }} 1x,{{ asset('assets/img/icon-cart@2x.png', 'user_data') }} 2x," sizes="100vw">
                                        <img src="{{ asset('assets/img/icon-cart.png', 'user_data') }}" alt="">
                                </picture>
                                カート
                                <span class="rf-user-badge badge-yellow">2</span>
                            </a>
                        </li>
                </ul>
                <div id="js-hamburger" class="hamburger-menu d-flex d-md-none">
                    <picture>
                        <source srcset="{{ asset('assets/img/icon-menu-sp.png', 'user_data') }} 1x,{{ asset('assets/img/icon-menu-sp@2x.png', 'user_data') }} 2x," sizes="100vw">
                            <img src="{{ asset('assets/img/icon-menu-sp.png', 'user_data') }}" alt="">
                    </picture>
                </div>
            </div>
        </div>
    </div>
    <div class="rf-sp-nav rf-sp-nav-01">
        <div class="rf-sp-nav-inner">
            <div class="rf-sp-nav-close">
                <picture>
                    <source srcset="{{ asset('assets/img/icon-close-menu.png', 'user_data') }} 1x,{{ asset('assets/img/icon-close-menu@2x.png', 'user_data') }} 2x," sizes="100vw">
                    <img src="{{ asset('assets/img/icon-close-menu.png', 'user_data') }}" alt="">
                </picture>
            </div>
            <a class="rf-sp-nav-assist" href="{{ url('assistant') }}">
                <picture>
                    <source srcset="{{ asset('assets/img/sp-assist-banner.png', 'user_data') }} 1x,{{ asset('assets/img/sp-assist-banner@2x.png', 'user_data') }} 2x," sizes="100vw">
                    <img src="{{ asset('assets/img/sp-assist-banner.png', 'user_data') }}" alt="">
                </picture>
            </a>
            <ul class="rf-sp-nav-links">
                <li>
                    <a class="rf-sp-nav-next" href="#sp-nav-lineup">商品ラインナップ</a>
                </li>
                <li>
                    <a class="rf-sp-nav-next" href="#sp-nav-guide">ご購入ガイド</a>
                </li>
                <li>
                    <a class="rf-sp-nav-next" href="#sp-nav-contents">お役立ちコンテンツ</a>
                </li>
                <li>
                    <a class="rf-sp-nav-next" href="#sp-nav-other">その他表記事項</a>
                </li>
                <li>
                    <a href="#">
                        ログアウト
                        <picture>
                            <source srcset="{{ asset('assets/img/icon-logout-white.png', 'user_data') }} 1x,{{ asset('assets/img/icon-logout-white@2x.png', 'user_data') }} 2x," sizes="100vw">
                            <img src="{{ asset('assets/img/icon-logout-white.png', 'user_data') }}" alt="">
                        </picture>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <div id="sp-nav-lineup" class="rf-sp-nav rf-sp-nav-02">
        <div class="rf-sp-nav-inner">
            <div class="rf-sp-nav-close">
                <picture>
                    <source srcset="{{ asset('assets/img/icon-close-menu.png', 'user_data') }} 1x,{{ asset('assets/img/icon-close-menu@2x.png', 'user_data') }} 2x," sizes="100vw">
                    <img src="{{ asset('assets/img/icon-close-menu.png', 'user_data') }}" alt="">
                </picture>
            </div>
            <div class="rf-sp-nav-back">
                商品ラインナップ
            </div>
            <ul class="rf-sp-nav-links">
                <li>
                    <a href="#">羽毛掛ふとんリフォーム</a>
                </li>
                <li>
                    <a href="#">わた掛ふとんリフォーム</a>
                </li>
                <li>
                    <a href="#">わた・羊毛敷ふとんリフォーム</a>
                </li>
                <li>
                    <a href="#">その他小物リフォーム</a>
                </li>
                <li>
                    <a href="#">ふとんのクリーニング</a>
                </li>
                <li>
                    <a href="#">ふとんのサブスク</a>
                </li>
            </ul>
        </div>
    </div>
    <div id="sp-nav-guide" class="rf-sp-nav rf-sp-nav-02">
        <div class="rf-sp-nav-inner">
            <div class="rf-sp-nav-close">
                <picture>
                    <source srcset="{{ asset('assets/img/icon-close-menu.png', 'user_data') }} 1x,{{ asset('assets/img/icon-close-menu@2x.png', 'user_data') }} 2x," sizes="100vw">
                    <img src="{{ asset('assets/img/icon-close-menu.png', 'user_data') }}" alt="">
                </picture>
            </div>
            <div class="rf-sp-nav-back">
                ご購入ガイド
            </div>
            <ul class="rf-sp-nav-links">
                <li>
                    <a href="#">はじめてのお客様</a>
                </li>
                <li>
                    <a href="#">ご注文ガイド</a>
                </li>
                <li>
                    <a href="#">ふとんリフォームとは</a>
                </li>
                <li>
                    <a href="#">ふとんリフォーム工程</a>
                </li>
                <li>
                    <a href="#">よくあるご質問</a>
                </li>
                <li>
                    <a href="#">お問い合わせ</a>
                </li>
            </ul>
        </div>
    </div>
    <div id="sp-nav-contents" class="rf-sp-nav rf-sp-nav-02">
        <div class="rf-sp-nav-inner">
            <div class="rf-sp-nav-close">
                <picture>
                    <source srcset="{{ asset('assets/img/icon-close-menu.png', 'user_data') }} 1x,{{ asset('assets/img/icon-close-menu@2x.png', 'user_data') }} 2x," sizes="100vw">
                    <img src="{{ asset('assets/img/icon-close-menu.png', 'user_data') }}" alt="">
                </picture>
            </div>
            <div class="rf-sp-nav-back">
                お役立ちコンテンツ
            </div>
            <ul class="rf-sp-nav-links">
                <li>
                    <a href="#">リフトンお布団アシスタント</a>
                </li>
                <li>
                    <a href="#">リフトン通信</a>
                </li>
            </ul>
        </div>
    </div>
    <div id="sp-nav-other" class="rf-sp-nav rf-sp-nav-02">
        <div class="rf-sp-nav-inner">
            <div class="rf-sp-nav-close">
                <picture>
                    <source srcset="{{ asset('assets/img/icon-close-menu.png', 'user_data') }} 1x,{{ asset('assets/img/icon-close-menu@2x.png', 'user_data') }} 2x," sizes="100vw">
                    <img src="{{ asset('assets/img/icon-close-menu.png', 'user_data') }}" alt="">
                </picture>
            </div>
            <div class="rf-sp-nav-back">
                その他表記事項
            </div>
            <ul class="rf-sp-nav-links">
                <li>
                    <a href="#">会社情報</a>
                </li>
                <li>
                    <a href="#">特定商取引法に関する表記</a>
                </li>
                <li>
                    <a href="#">ご利用規約</a>
                </li>
                <li>
                    <a href="#">個人情報保護方針</a>
                </li>
                <li>
                    <a href="#">情報セキュリティ基本方針</a>
                </li>
                <li>
                    <a href="#">サイトマップ</a>
                </li>
            </ul>
        </div>
    </div>
</header>
<aside class="rf-nav">
    <div id="js-rf-nav" class="rf-nav-inner">
        <h1 class="rf-nav-logo d-none d-md-block">
            <a href="/">
                <picture>
                    <source srcset="{{ asset('assets/img/logo-03.png', 'user_data') }} 1x,{{ asset('assets/img/logo-03@2x.png', 'user_data') }} 2x," sizes="100vw">
                        <img src="{{ asset('assets/img/logo-03.png', 'user_data') }}" alt="">
                </picture>
            </a>
        </h1>
        <div class="rf-nav-items">
            <div class="rf-nav-main">
                <div class="rf-left-links-title">サービスメニュー</div>
                <ul class="rf-left-links">
                    <li>
                        <a href="https://refuton.store/products/list?category_id[]=3&category_id[]=9&category_id[]=10">
                            <picture>
                                <source srcset="{{ asset('assets/img/point-duck.png', 'user_data') }} 1x,{{ asset('assets/img/point-duck@2x.png', 'user_data') }} 2x," sizes="100vw">
                                <img src="{{ asset('assets/img/point-duck.png', 'user_data') }}" alt="">
                            </picture>
                            <p>羽毛掛ふとん<br>リフォーム</p>
                            <div class="menu-arrow"></div>
                        </a>
                    </li>
                    <li>
                        <a href="https://refuton.store/products/list?category_id[]=7">
                            <picture>
                                <source srcset="{{ asset('assets/img/point-cotton.png', 'user_data') }} 1x,{{ asset('assets/img/point-cotton@2x.png', 'user_data') }} 2x," sizes="100vw">
                                <img src="{{ asset('assets/img/point-cotton.png', 'user_data') }}" alt="">
                            </picture>
                            <p>わた掛ふとん<br>リフォーム</p>
                            <div class="menu-arrow"></div>
                        </a>
                    </li>
                    <li>
                        <a href="https://refuton.store/products/list?category_id[]=5&category_id[]=19&category_id[]=20&category_id[]=6&category_id[]=8&category_id[]=8">
                            <picture>
                                <source srcset="{{ asset('assets/img/point-cotton-wool.png', 'user_data') }} 1x,{{ asset('assets/img/point-cotton-wool@2x.png', 'user_data') }} 2x," sizes="100vw">
                                <img src="{{ asset('assets/img/point-cotton-wool.png', 'user_data') }}" alt="">
                            </picture>
                            <p>わた・羊毛敷ふとん<br>リフォーム</p>
                            <div class="menu-arrow"></div>
                        </a>
                    </li>
                    <li>
                        <a href="https://refuton.store/products/list?category_id[]=40&category_id[]=41&category_id[]=43">
                            <picture>
                                <source srcset="{{ asset('assets/img/point-futon.png', 'user_data') }} 1x,{{ asset('assets/img/point-futon@2x.png', 'user_data') }} 2x," sizes="100vw">
                                <img src="{{ asset('assets/img/point-futon.png', 'user_data') }}" alt="">
                            </picture>
                            <p>その他小物<br>リフォーム</p>
                            <div class="menu-arrow"></div>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="rf-nav-images">
                <a href="{{ url('assistant') }}" class="rf-nav-banner">
                    <picture>
                        <source srcset="{{ asset('assets/img/left-banner-01.png', 'user_data') }} 1x, {{ asset('assets/img/left-banner-01@2x.png', 'user_data') }} 2x" sizes="100vw">
                        <img src="{{ asset('assets/img/left-banner-01.png', 'user_data') }}" alt="お布団アシスタント">
                    </picture>
                </a>
                <a href="{{ url('assistant') }}" class="rf-nav-banner">
                    <picture>
                        <source srcset="{{ asset('assets/img/left-banner-01.png', 'user_data') }} 1x, {{ asset('assets/img/left-banner-01@2x.png', 'user_data') }} 2x" sizes="100vw">
                        <img src="{{ asset('assets/img/left-banner-01.png', 'user_data') }}" alt="お布団アシスタント">
                    </picture>
                </a>
                <a class="rf-nav-news" href="">お知らせ一覧 ></a>
            </div>
        </div>
    </div>
</aside>