93 lines
3.9 KiB
Plaintext
93 lines
3.9 KiB
Plaintext
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
|
|
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
|
|
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
|
|
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
|
|
<spring:eval expression="@environment.getProperty('sopmalfo.common.fileupload.cdnurl')" var="cdnurl"/>
|
|
<!-- 헤더 영역 -->
|
|
<header class="header">
|
|
<c:choose>
|
|
<c:when test = "${not empty topBarInfo.case15}">
|
|
<!-- 최상단 띠배너 -->
|
|
<div class="top-banner">
|
|
<div class="swiper top-banner-swiper">
|
|
<div class="swiper-wrapper">
|
|
<c:forEach items="${ topBarInfo.case15 }" var="case15" varStatus="status">
|
|
<div class="swiper-slide top-banner__image">
|
|
<a href="${ case15.itmeCnncUrl }">
|
|
<img src="${cdnurl}${ case15.filCours }/${ case15.sysFilNm }"
|
|
alt="해당 이미지에 대한 설명">
|
|
</a>
|
|
</div>
|
|
</c:forEach>
|
|
</div>
|
|
</div>
|
|
<div class=" top-banner__btn-container">
|
|
<button class="top-banner__close">
|
|
<span class="visually-hidden">닫기</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</c:when>
|
|
<c:otherwise>
|
|
<!-- 최상단 띠배너 -->
|
|
<div class="top-banner" style="display: none;">
|
|
</div>
|
|
</c:otherwise>
|
|
</c:choose>
|
|
|
|
<div class="header__wrapper">
|
|
<div class="header__controls-wrapper">
|
|
<div class="header__controls">
|
|
<a class="header__home-link" href="">
|
|
<img src="${ cdnurl }${ topBarInfo.topbar.topFilCours }/${ topBarInfo.topbar.topSysFilNm }" alt="<c:out value="${sopmallInfo.shopInfo.sopmalNm}"/>">
|
|
</a>
|
|
<div class="header__btn-container">
|
|
<button class="header__btn" onclick="fn_search_open();" type="button">
|
|
<i class="icon icon_nav-search"></i>
|
|
<span class="visually-hidden">검색</span>
|
|
</button>
|
|
|
|
<!-- <button class="header__btn" onclick="setTopMenuCode(); location.href='/sopmal/ordr/selectSpbk';"> -->
|
|
<button class="header__btn" onclick="location.href='/sopmal/ordr/selectSpbk';">
|
|
<span class="number-badge headerCartCnt">${ topBarInfo.cartCnt }</span>
|
|
<i class="icon icon_nav-cart"></i><span class="visually-hidden">장바구니</span></button>
|
|
<button class="header__btn" onclick="fn_select_mbrInfo('<c:out value="${cdnurl}"/>',${isAuthenticated}); openModal('hamburger-menu');">
|
|
<i class="icon icon_nav-menu"></i>
|
|
<span class="visually-hidden">메뉴</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<nav class="home-category">
|
|
<div class="home-category__content">
|
|
<ul class="home-category__list">
|
|
<c:if test="${!empty sopmallInfo}">
|
|
<c:forEach var="topMenuList" items="${sopmallInfo.menuList}" varStatus="status">
|
|
<c:if test="${topMenuList.ctgryDvCd eq '01' && topMenuList.menuExpsrAt eq 'Y'}">
|
|
<c:if test="${topMenuList.rnum eq '2'}">
|
|
<li class="home-category__item">
|
|
<a href="<c:out value="${topMenuList.url}"/>" onclick="setTopMenuCode()" <c:if test="${not empty topMenuList.menuChrColor}"> style="color:${topMenuList.menuChrColor};"</c:if>><c:out value ="${topMenuList.ctgryNm}"/></a>
|
|
</li>
|
|
</c:if>
|
|
</c:if>
|
|
</c:forEach>
|
|
</c:if>
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
</header>
|
|
<script>
|
|
// 상단 띠 배너 스크립트
|
|
const topBannerSwiper = new Swiper(".top-banner-swiper", {
|
|
loop: true,
|
|
autoplay: {
|
|
delay: 4000,
|
|
},
|
|
});
|
|
|
|
// 상단 띠 배너 닫기 버튼
|
|
$(".top-banner__close").click(function () {
|
|
$(".top-banner").remove();
|
|
});
|
|
</script> |