질문 > https://sir.kr/questions/564869
질문 > https://sir.kr/questions/564936

40 / 6,135

전체 포함
단순 텍스만 추가시 (권한 6일때 노출시, 숫자 변경 원하시는걸로)

<?php if ($is_admin || $member['mb_level'] >= 6) {
    $totalVisitCnt = explode(":", $config['cf_visit'])[4];
    // number_format()을 추가하여 콤마를 표시합니다.
    echo number_format($it['it_hit']) . " / " . number_format((int)$totalVisitCnt); 
} ?>

-----------------------------------------------------------------------------------------------

아래는 첨부 이미지 처럼 노출 시 .....

<?php
// 상품 조회수를 기반으로 '관심 있는 명수' 계산 (최소값 보정)
$interest_count = (int)$it['it_hit'] + 100; // 조회수에 기본 보정치를 더해 신뢰감 부여
?>


<style>
/* 1. 애니메이션 동작 정의 */
@keyframes ysmBounce {
    0% { transform: translateY(0); }
    100% { transform: translateY(-8px); } /* 위로 8px 이동 */
}

/* 2. 말풍선 클래스에 적용 */
.ysm-interest-bubble {
    display: inline-block; /* 크기 변화를 인지하기 위해 필요 */
    animation-name: ysmBounce; /* @keyframes 이름과 일치시켜야 함 */
    animation-duration: 1.5s;   /* 움직이는 속도 (낮을수록 빠름) */
    animation-iteration-count: infinite; /* 무한 반복 */
    animation-direction: alternate; /* 올라갔다 내려갔다 반복 */
    animation-timing-function: ease-in-out; /* 부드러운 가속도 */
}
</style>


<div class="ysm-interest-bubble" style="margin-bottom: 15px; display: inline-block;">
    <div style="
        position: relative; 
        background: #fff; 
        border: 1px solid #e1e1e1; 
        border-radius: 30px; 
        padding: 6px 18px; 
        font-size: 13px; 
        color: #333; 
        box-shadow: 0 2px 5px rgba(0,0,0,0.05);
        display: flex;
        align-items: center;
    ">
        지금까지 <span style="color: #d3323a; font-weight: bold; margin: 0 4px;"><?php echo number_format($interest_count); ?></span>명이 관심을 보였어요.
        
        <!-- 하단 꼬리표 -->
        <div style="
            position: absolute; 
            bottom: -6px; 
            left: 50%; 
            margin-left: -5px; 
            width: 0; 
            height: 0; 
            border-left: 6px solid transparent; 
            border-right: 6px solid transparent; 
            border-top: 6px solid #e1e1e1;
        "></div>
        <div style="
            position: absolute; 
            bottom: -5px; 
            left: 50%; 
            margin-left: -5px; 
            width: 0; 
            height: 0; 
            border-left: 6px solid transparent; 
            border-right: 6px solid transparent; 
            border-top: 6px solid #fff;
        "></div>
    </div>
</div>
<!-- 관심도 말풍선 끝 -->

미리보기 > https://ysmoto.kr/shop/item.php?it_id=1773363294

혹시 영카트(테마) 필요 하신 분 ... 
https://sir.kr/boards/free/1731841?search_type=subject_content&keyword=%ED%98%B9%EC%8B%9C+%EC%98%81%EC%B9%B4%ED%8A%B8

테스트 사이트 > https://ysmoto.kr/ys2/