{@ 태그에 닫는 태그가 없습니다. error :295 기업홈페이지제작 포애드텍 오늘 본 상품을 퀵메뉴로 출력 하는 방법

정기적인 업데이트로 언제나 함께 하겠습니다

메뉴얼 각종 피드백을 수집하며,
회원가입을 하셔야 열람할 수 있습니다.

게시물 검색

솔루션 메뉴얼 오늘 본 상품을 퀵메뉴로 출력 하는 방법

  • 포애드텍
  • 2019-02-03 12:55:00
  • hit523

1. 관리자모드 [마케팅 - 마케팅 지원 - Quick메뉴관리] 메뉴로 이동 후 우측 Quick메뉴 등록 버튼을 클릭합니다.



 

 

2. Quick메뉴 설정

사용함에 체크하고  출력할 위치 및 크기를 입력 합니다.

세부적인 옵션은 각 옵션옆에 도움말이 있으므로 참고하셔서 설정하시기 바랍니다.

소스 내용에는 다음과 같이 추가해주세요.

 

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
{@
    $program_set[cate_code] = '00000000'; // 쇼핑몰 상품분류
    $program_set[img_thumb_w] = 80; // 썸네일 이미지 가로크기
    $program_set[img_thumb_h] = 80; // 썸네일 이미지 세로크기
    $program_set[img_thumb_type] = 2; // 썸네일 이미지 생성방식 (1:일반 이미지축소, 2: 위 사이즈보다 큰경우 잘라내기)
    $program_set[limit] = 4; // 출력수 (1~999)
    $shop_goods_view = program_load(SHOP_GOODS_VIEW);
 
    $fWidth = 80 + 2;
@}
 
<style>
    .pm-goods_today * {-webkit-box-sizing: border-box; box-sizing: border-box;}
    .pm-goods_today a {display:block; color:#333; text-decoration:none;}
    .pm-goods_today ul {margin:0; padding:0; list-style:none;}
    .pm-goods_today .empty {width:100% !important; padding:10px 8px; font-size:14px; color:#666; text-align:center;}
 
    .pm-goods_today li {position:relative; text-align:center;}
    .pm-goods_today li > a,
    .pm-goods_today li > div {display:inline-block; max-width:100%; padding:5px 5px 15px; text-align:center;}
 
    .pm-goods_today .figure {width:{$fWidth}px; margin:0 auto;}
    .pm-goods_today .figure > div {position:relative; padding:1px;}
    .pm-goods_today .figure img {display:block; max-width:100%; margin:0 auto;}
 
    .pm-goods_today dl {margin:0; font-size:13px; line-height:1.6em; vertical-align:middle;}
    .pm-goods_today dl dt span {display:block; padding:5px 0;}
    .pm-goods_today dl dd {margin:0;}
    .pm-goods_today dl dd span {display:block; padding:2px 0;}
    .pm-goods_today dl .goods_name {overflow:hidden; font-size:13px; color:#333; white-space:nowrap; text-overflow:ellipsis;}
    .pm-goods_today dl .sijung_price {display:none; font-size:12px; color:#888; text-decoration:line-through;}
    .pm-goods_today dl .price {font-size:14px; font-weight:bold; color:#333;}
    .pm-goods_today dl .soldout {font-size:13px; color:#c40000;}
    .pm-goods_today dl .icon {display:none;}
 
    .pm-goods_today li:hover .figure > div {padding:0; border:1px solid #ccc;}
</style>
 
<div class="pm-goods_today">
    <ul>
        <!--@foreach($shop_goods_view as $k=>$v)-->
            <li>
                <a href="{$v[read_url]}">
                    <div class="figure">
                        <div>
                            <!--@if($v[img1_url])-->
                                <img src="{$v[img1_url]}" alt="{$v[goods_name]}">
                            <!--@else-->
                                <img src="/img_up/_noimg/80.png" alt="NO IMAGE">
                            <!--@end-->
                        </div>
                    </div>
                    <dl>
                        <dt>
                            <span class="goods_name">{$v[goods_name]}</span>
                        </dt>
                        <dd>
                            <!--@if($v[goods_stock])-->
                                <span class="sijung_price" cond="$v[sijung_price_str]">{$v[sijung_price_str]|money}</span>
                                <span class="price">{$v[price_str]}</span>
                            <!--@else-->
                                <span class="soldout">품절</span>
                            <!--@end-->
                            <span class="icon" cond="$v[icon_str] || $v[icon_str2]">{$v[icon_str]} {$v[icon_str2]}</span>
                        </dd>
                    </dl>
                </a>
            </li>
        <!--@end-->
        <li cond="!count($shop_goods_view)" class="empty">등록된 상품이 없습니다.</li>
    </ul>
</div>
cs
게시글 공유 URL복사
게시물 검색
List of articles
번호 분류 제목 작성자 작성일 조회수
27 웹 상식 이미지 좌표 구하기 어렴게 하지마세요 photo file 포애드텍 2019-09-02 hit361
26 솔루션 메뉴얼 인스타그램 연동 방법 photo 포애드텍 2019-05-23 hit464
25 솔루션 메뉴얼 통합 검색페이지 직접 만드는 방법 photo 포애드텍 2019-04-17 hit530
24 솔루션 메뉴얼 오늘 본 상품을 퀵메뉴로 출력 하는 방법 photo 포애드텍 2019-02-03 hit523
23 솔루션 메뉴얼 카카오톡 알림 서비스 설정 방법 photo 포애드텍 2019-01-24 hit644
22 솔루션 메뉴얼 상품 상세 및 결제페이지의 배송료 문구 수정하기 photo 포애드텍 2019-01-13 hit559
21 PC 상식 시놀로지 네트워크드라이브 외부접속 photo file 포애드텍 2018-12-28 hit2935
20 PC 상식 PC 네트워크 2개 공유기 연결 방법 (NAS 사용자 필독) photo 포애드텍 2018-10-23 hit1040
19 PC 상식 윈도우10 부팅시 자동로그인 해제 방법 photo 포애드텍 2018-04-06 hit832
퀵 메 뉴
닫 기