fix: 추천상품 카드 표시 기준 보정
This commit is contained in:
이주일
@@ -16,6 +16,7 @@
|
||||
--%>
|
||||
<!DOCTYPE html>
|
||||
<html lang="ko">
|
||||
<spring:eval expression="@environment.getProperty('currency-unit.default')" var="curUnit"/>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
@@ -962,15 +963,13 @@
|
||||
<c:if test = "${not empty item.goodsInnb}">
|
||||
<div class="product-unit">
|
||||
<div class="product-unit-image">
|
||||
<button type="button" onclick = "fn_move_goods_dtl(<c:out value="${item.goodsInnb}"/>)" value="${item.goodsInnb}">
|
||||
<a class="product-detail" href="javascript:void(0);" onclick="fn_move_goods_dtl('<c:out value="${item.goodsInnb}"/>');">
|
||||
<spring:eval expression="@environment.getProperty('sopmalfo.common.fileupload.cdnurl')" var="cdnurl"/>
|
||||
<img src="<c:out value = "${cdnurl}${item.img}"/>" style="width: 100%;
|
||||
height: 304px; /* 원하는 고정 높이 설정 */
|
||||
object-fit: cover; /* 이미지 비율을 유지하면서 영역에 맞게 자름 */"
|
||||
onerror="this.src='/pc/images/image_placeholder.png'" alt="해당 이미지에 대한 설명">
|
||||
</button>
|
||||
<img src="<c:out value = "${cdnurl}${item.goodsImgCours}"/>"
|
||||
onerror="this.src='/pc/images/image_placeholder.png'" alt="<c:out value="${item.goodsNm}"/>">
|
||||
</a>
|
||||
</div>
|
||||
<div class="product-unit-info">
|
||||
<div class="product-unit-info d-flex flex-column" style="flex-direction:column">
|
||||
<div class="product-badge-container">
|
||||
<c:if test = "${not empty item.goodsIconCd}">
|
||||
<c:forEach items="${fn:split(item.goodsIconCd, ',')}" var="icon">
|
||||
@@ -992,7 +991,6 @@
|
||||
</c:forEach>
|
||||
</c:if>
|
||||
</div>
|
||||
<div class="product-unit-info__inner">
|
||||
<div class="product-unit-title">
|
||||
<button type="button" onclick = "fn_move_goods_dtl(<c:out value="${item.goodsInnb}"/>)">
|
||||
<c:out value = "${item.goodsNm}"/>
|
||||
@@ -1000,23 +998,22 @@
|
||||
</div>
|
||||
<div class="product-unit-price">
|
||||
<div class="product-unit-price__price">
|
||||
<span class="product-unit-price__original">
|
||||
<fmt:formatNumber value="${item.cnsmrpric}" pattern="#,###"/>
|
||||
<span class="product-unit-price__original <c:if test="${item.slePercent eq 0}">visually-hidden</c:if>">
|
||||
<fmt:formatNumber value="${item.cnsmrpric}"/> ${curUnit}
|
||||
</span>
|
||||
<span class="product-unit-price__current">
|
||||
<fmt:formatNumber value="${item.slepric}" pattern="#,###"/>
|
||||
<fmt:formatNumber value="${item.slepric}"/> ${curUnit}
|
||||
</span>
|
||||
</div>
|
||||
<div class="product-unit-price__sale">
|
||||
<span class="percent"><c:out value = "${item.slePercent}"/>%</span>
|
||||
<div class="product-unit-price__sale <c:if test="${item.slePercent eq 0}">visually-hidden</c:if>">
|
||||
<span class="percent"><c:out value = "${item.slePercent}"/> %</span>
|
||||
</div>
|
||||
</div>
|
||||
<span class="product-unit-price__monthly-payment"><c:out value = "${item.srtDc}"/></span>
|
||||
</div>
|
||||
<div class="product-unit-rating">
|
||||
<i class="icon icon_rating-star"></i>
|
||||
<span class="product-unit-rating__score"><c:out value = "${item.avgEvlScore}"/></span>
|
||||
<span class="product-unit-rating__count">(<fmt:formatNumber value="${item.cntBbsctt}" pattern="#,###"/>)</span>
|
||||
<span class="product-unit-rating__count">(<fmt:formatNumber value="${item.cntEvlScor}"/>)</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -16,6 +16,7 @@
|
||||
--%>
|
||||
<!DOCTYPE html>
|
||||
<html lang="ko">
|
||||
<spring:eval expression="@environment.getProperty('currency-unit.default')" var="curUnit"/>
|
||||
|
||||
<head>
|
||||
<jsp:include page="/WEB-INF/views/comm/mobile/Include.jsp"/>
|
||||
@@ -1423,11 +1424,11 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="product-list-vertical-twoAndaHalf">
|
||||
<div class="swiper ${fn:length(goodsList) gt 4 ? 'product-list-vertical-twoAndaHalf__swiper' : ''}">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="${fn:length(goodsList) gt 4 ? 'swiper product-list-vertical-twoAndaHalf__swiper' : 'product-list-type-2cols'}">
|
||||
<div class="${fn:length(goodsList) gt 4 ? 'swiper-wrapper' : 'product-list-type-2cols__list'}">
|
||||
<c:forEach var = "item" items="${goodsList}">
|
||||
<c:if test = "${not empty item.goodsInnb}">
|
||||
<div class="swiper-slide">
|
||||
<div class="${fn:length(goodsList) gt 4 ? 'swiper-slide' : ''}">
|
||||
<div class="product-unit">
|
||||
<div class="product-unit-image">
|
||||
<c:if test = "item.goodsSttusCd ne '01'">
|
||||
@@ -1445,12 +1446,13 @@
|
||||
<a style="cursor:pointer" loading="lazy"
|
||||
onclick = "fn_move_goods_dtl(<c:out value="${item.goodsInnb}"/>)">
|
||||
<spring:eval expression="@environment.getProperty('sopmalfo.common.fileupload.cdnurl')" var="cdnurl"/>
|
||||
<img src="<c:out value = "${cdnurl}${item.img}"/>"
|
||||
<img src="<c:out value = "${cdnurl}${item.goodsImgCours}"/>"
|
||||
onerror="this.src='/pc/images/image_placeholder.png'"
|
||||
alt="해당 이미지에 대한 설명">
|
||||
alt="<c:out value="${item.goodsNm}"/>">
|
||||
</a>
|
||||
</div>
|
||||
<div class="product-unit-info">
|
||||
<div class="product-unit-info d-flex flex-column" style="flex-direction:column">
|
||||
<div class="product-badge-container">
|
||||
<c:set var="iconString" value="${item.goodsIconCd}" />
|
||||
<c:set var="iconCdList" value="${fn:split(iconString, ',')}" />
|
||||
<c:forEach var = "iconCd" items="${iconCdList}">
|
||||
@@ -1470,7 +1472,7 @@
|
||||
<span class="product-badge four-row" data-badge-cd="four-row">HOT DEAL</span>
|
||||
</c:if>
|
||||
</c:forEach>
|
||||
<div class="product-unit-info__inner">
|
||||
</div>
|
||||
<div class="product-unit-title">
|
||||
<a style="cursor:pointer" onclick = "fn_move_goods_dtl(<c:out value="${item.goodsInnb}"/>)">
|
||||
<c:out value = "${item.goodsNm}"/>
|
||||
@@ -1478,23 +1480,22 @@
|
||||
</div>
|
||||
<div class="product-unit-price">
|
||||
<div class="product-unit-price__price">
|
||||
<span class="product-unit-price__original">
|
||||
<fmt:formatNumber value="${item.cnsmrpric}" pattern="#,###"/>
|
||||
<span class="product-unit-price__original <c:if test="${item.slePercent eq 0}">visually-hidden</c:if>">
|
||||
<fmt:formatNumber value="${item.cnsmrpric}"/> ${curUnit}
|
||||
</span>
|
||||
<span class="product-unit-price__current">
|
||||
<fmt:formatNumber value="${item.slepric}" pattern="#,###"/>
|
||||
<fmt:formatNumber value="${item.slepric}"/> ${curUnit}
|
||||
</span>
|
||||
</div>
|
||||
<div class="product-unit-price__sale">
|
||||
<span class="percent"><c:out value = "${item.slePercent}"/>%</span>
|
||||
<div class="product-unit-price__sale <c:if test="${item.slePercent eq 0}">visually-hidden</c:if>">
|
||||
<span class="percent"><c:out value = "${item.slePercent}"/> %</span>
|
||||
</div>
|
||||
</div>
|
||||
<span class="product-unit-price__monthly-payment"><c:out value = "${item.srtDc}"/></span>
|
||||
</div>
|
||||
<div class="product-unit-rating">
|
||||
<i class="icon icon_rating-star"></i>
|
||||
<span class="product-unit-rating__score"><c:out value = "${item.avgEvlScore}"/></span>
|
||||
<span class="product-unit-rating__count">(<fmt:formatNumber value="${item.cntBbsctt}" pattern="#,###"/>)</span>
|
||||
<span class="product-unit-rating__count">(<fmt:formatNumber value="${item.cntEvlScor}"/>)</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user