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

Open in your IDE?
  1. <style>
  2.     #head_wrapper {
  3.         width: 100%;
  4.         background-color: #254A52;
  5.         background-image: none;
  6.         float:none;
  7.     }
  8.     .header {
  9.         width: 100%;
  10.         height: 42px;
  11.         color: #FFFFFF;
  12.         margin: 0 auto;
  13.         max-width: 992px;
  14.         display: flex;
  15.         flex-direction: column;
  16.         justify-content: center;
  17.     }
  18.     .header #logo {
  19.         padding: 18px 0px;
  20.         float: left;
  21.         margin-left: 10px;
  22.     }
  23.     .header #logo a {
  24.         height: 23px;
  25.         width: 138px;
  26.         display: block;
  27.         background-image: url(https://img0.land-mark.biz/ut_img/public_images/logo.gif);
  28.         text-indent: -3000px;
  29.         margin-left: -10px;
  30.     }
  31.     .header h1 {
  32.         font-size: 11px;
  33.         float: left;
  34.         display: block;
  35.         padding: 25px 0px;
  36.         vertical-align: bottom;
  37.         font-weight: bold;
  38.     }
  39.     .breadcrumb-container {
  40.         width: 100%;
  41.         max-width: 992px;
  42.         margin: 0 auto;
  43.     }
  44.     .left_box ul {
  45.         margin: 0;
  46.     }
  47.     .left_box ul li {
  48.         display: inline;
  49.     }
  50.     .left_box ul li a, .left_box ul li a:visited {
  51.         color: #3333CC;
  52.         font-size: 14px;
  53.         font-weight: 400;
  54.         line-height: 17px;
  55.         font-size: 13px;
  56.     }
  57.     .left_box ul li a:hover {
  58.         color: #CC3366;
  59.     }
  60.     .left_box ul li .nowpage {
  61.         color: #CC3366;
  62.         font-size: 13px;
  63.         font-weight: 700;
  64.         line-height: 19px;
  65.     }
  66.     .breadcrumb-container .breadcrumb {
  67.         padding: 0px;
  68.         display: flex;
  69.         justify-content: space-between;
  70.         align-items: center;
  71.         background-color: #FFFFFF;
  72.         margin-bottom: 12px;
  73.         margin-left: 10px;
  74.     }
  75.     .user-info-group {
  76.         display: flex;
  77.         justify-content: space-between;
  78.         align-items: center;
  79.         padding: 0 10px;
  80.     }
  81.     .user-info-group .left_box {
  82.         display: flex;
  83.         align-items: center;
  84.     }
  85.     .user-info-group .left_box p:first-child {
  86.         margin-right: 10px;
  87.     }
  88.     .right_box {
  89.         display: flex;
  90.         font-size: 12px;
  91.         font-weight: 400;
  92.         gap: 8px;
  93.     }
  94.     .right_box .mypage {
  95.         height: 30px;
  96.         line-height: 30px;
  97.         display: flex;
  98.         justify-content: center;
  99.         align-items: center;
  100.         color: #FFFFFF;
  101.         background-color: #21AEAC;
  102.         border-radius: 4px;
  103.         padding: 8px 0;
  104.         background: linear-gradient(180deg, #1F444B 0%, #738E95 100%), linear-gradient(0deg, #24484F, #24484F);
  105.         min-width: 96px;
  106.         width: 96px;
  107.     }
  108.     .right_box .mypage:hover {
  109.         background: var(--orange-600);
  110.     }
  111.     .right_box .mypage img {
  112.         margin-right: 4px;
  113.     }
  114.     .right_box .logout {
  115.         height: 30px;
  116.         line-height: 30px;
  117.         display: flex;
  118.         justify-content: center;
  119.         align-items: center;
  120.         color: #158E8C;
  121.         background-color: #FFFFFF;
  122.         border: 1px solid #158E8C;
  123.         border-radius: 4px;
  124.         padding: 8px 0;
  125.         min-width: 96px;
  126.         width: 96px;
  127.         line-height: 0;
  128.     }
  129.     .right_box .logout img {
  130.         margin-left: 4px;
  131.     }
  132. </style>
  133. <div id="head_wrapper" class="clearfix">
  134.     <div class="header">
  135.         <div id="logo">
  136.             <a href="/"><img src="https://img0.land-mark.biz/ut_img/public_images/logo.gif">{{ BaseInfo.shop_name }}</a>
  137.         </div>
  138.         {% set current_path = app.request.get('_route') %}
  139.         {% if current_path == 'estimate' %}
  140.             <h1>{{ BaseInfo.shop_name }}の{{ title }}</h1>
  141.         {% endif %}
  142.     </div>
  143. </div>
  144. <div class="breadcrumb-container">
  145.     {% if isHiddenOnEstimateMobile is not defined or isHiddenOnEstimateMobile == false %}
  146.         {% if app.user %}
  147.             <div class="user-info-group">
  148.                 {% if isShowUserInfo is not defined or isShowUserInfo %}
  149.                 <div class="left_box">
  150.                     <p><span class="text-bold mr-10">こんにちは </span><span class="red text-bold">{{ app.user.company_name }}</span></p>
  151.                     <p class="red text-bold">{{ app.user.name01 }}様 （お客様番号： {{ GetCustomerBangou(app.user.LmCustomerId) }})</p>
  152.                 </div>
  153.                 {% endif %}
  154.                 <div class="right_box">
  155.                     <a href="{{ url('mypage') }}" class="mypage"><img src="/stylesheets/images/icons-svg/user-white-outline.svg" alt="my-page" />マイページ</a>
  156.                     <a href="{{url('logout')}}" class="logout">ログアウト<img src="/stylesheets/images/icons-svg/logout.svg" alt="logout" /></a>
  157.                 </div>
  158.             </div>
  159.         {% endif %}
  160.         {% if isHiddenBreadcrumbLink is not defined or isHiddenBreadcrumbLink == false %}
  161.         <div class="breadcrumb">
  162.             <div class="left_box">
  163.                 <ul itemscope itemtype="{{eccube_config.BreadCrumbs.itemtyp[0]}}">
  164.                     {% set BreadCrumbs = getCurrentBreadcrumb() %}
  165.                     {% for idx, BreadCrumb in BreadCrumbs %}
  166.                         {% if loop.last == false %}
  167.                             <li itemprop="itemListElement" itemscope itemtype="{{eccube_config.BreadCrumbs.itemtyp[1]}}">
  168.                                 <meta itemprop="position" content="{{ idx+1 }}"/>
  169.                                 <a href="{{ BreadCrumb.href }}" itemprop="item">
  170.                                     <span itemprop="name">{{ BreadCrumb.label }}</span>
  171.                                 </a>&nbsp;&gt;&nbsp;
  172.                             </li>
  173.                         {% else %}
  174.                             <li>
  175.                                 <span class="nowpage">{{ BreadCrumb.label }}</span>
  176.                             </li>
  177.                         {% endif %}
  178.                     {% endfor %}
  179.                 </ul>
  180.             </div>
  182.         </div>
  183.         {% endif %}
  184.     {% endif %}
  185. </div>