무엇을 도와드릴까요?

make shop make signature

개별디자인 TIP

개별디자인 TIP 주문관련

[선물하기] 받은선물함 페이지 작업 방법

글번호 : 1437

https://www.makeshop.co.kr/newmakeshop/home/faq_view.html?uid=1437
<< 지원버전 >> - 통합옵션 << 가상태그 >> - 모바일 상품명: <!--/present_list@order_product@mobile_name/--> - 다수 모바일 상품명 ( 상품명 외 n건): <!--/present_list@order_product@present_mobile_name/--> * 기본소스에도 아래 가상태그가 적용되어 있으니 참고해주시기 바랍니다.
[ PC 버전 – 베이직 심플 ] << 받은 선물함 >> 1. 작업 위치 - 중앙 디자인 > 마이페이지 > 받은 선물함 2. 디자인 편집 탭 * 각 번호별 [기존] 소스 삭제 후 [신규] 소스를 추가해주세요. [기존] ①<div class="card-txts card-type-<!--/present_list@card_type/-->"> ②<!--/present_list@order_product@present_name/--> ③<!--/present_list@order_product@name/--> [신규] ①<div class="card-txts"> <img src="<!--/present_list@card_type/-->" /> ②<!--/notag/present_list@order_product@present_name/--> ③<!--/notag/present_list@order_product@name/--> [CSS] * [기존] 소스 삭제 후 [신규] 소스를 추가해주세요. [기존] #myGift .table-d2-list .gift-wrap .gift-card .card-txts { width: 100%; padding: 20px 20px 20px 530px; border-radius: 20px; box-sizing: border-box; } #myGift .table-d2-list .gift-wrap .gift-card .card-txts.card-type-A { background: #ffe84f url('/images/common/giftcard_01.png') no-repeat 100px 0; background-size: auto 205px; } #myGift .table-d2-list .gift-wrap .gift-card .card-txts.card-type-B { background: #ffe4eb url('/images/common/giftcard_02.png') no-repeat 100px 0; background-size: auto 205px; } #myGift .table-d2-list .gift-wrap .gift-card .card-txts.card-type-C { background: #0065d3 url('/images/common/giftcard_03.png') no-repeat 100px 0; background-size: auto 205px; } #myGift .table-d2-list .gift-wrap .gift-card .card-txts textarea { width: 510px; height: 170px; padding: 20px; border: 0 none; border-radius: 15px; font-size: 12px; color: #333; background: #fff; box-sizing: border-box; outline: 0 none; resize: none; word-break: break-all; } #layer-gift-edit .l-opt-list ul { margin-top: 10px; border-bottom: 1px solid #ddd; margin: 1px !important; } [신규] /* s 카드이미지 영역 수정 */ #myGift .table-d2-list .gift-wrap .gift-card .card-txts img { width: 520px; height:230px; border-radius: 20px; border: 1px solid #e0e0e0; box-sizing: border-box; background-repeat: no-repeat; background-position: 50% 50%;} #myGift .table-d2-list .gift-wrap .gift-card .card-txts textarea { width: 520px; height: 230px; padding: 20px; border: 1px solid #e0e0e0; border-radius: 15px; font-size: 12px; color: #333; background: #fff; box-sizing: border-box; outline: 0 none; resize: none; word-break: break-all;} /* e 카드이미지 영역 수정 */ #layer-gift-edit .l-opt-list ul { margin-top: 10px; margin: 1px !important; border-bottom: 1px solid #ddd;} .MK-oneclick-li > a > img{ width: 50px; height: 50px; } .opt_cnt_quantity { border-bottom: 1px solid #ddd; border-width: 1px; margin-bottom: 10px !important; } .input_quantity { width: 42px !important; height: 24px !important; float: left; } .MK_qty-ctrl { margin-bottom: 10px !important; } .MK_qty-ctrl a.MK_btn-up { background-position:0 0 !important; margin:0 4px !important; } .MK_qty-ctrl a.MK_btn-dw { background-position:0 -26px !important; } .MK_qty-ctrl a.MK_btn-up, .MK_qty-ctrl a.MK_btn-dw { display: inline-block;width: 26px; height: 26px; text-indent: -9999em; vertical-align: top; background: url(//image.makeshop.co.kr/makeshop/d3/basic_simple/common/sp_qty.gif) 0 0 no-repeat; } [ PC 버전 – 모던 심플 ] << 받은 선물함 >> 1. 작업 위치 - 중앙 디자인 > 마이페이지 > 받은 선물함 2. 디자인 편집 탭 * 각 번호별 [기존] 소스 삭제 후 [신규] 소스를 추가해주세요. [기존] ①<div class="card-txts card-type-<!--/present_list@card_type/-->"> ②<!--/present_list@order_product@present_name/--> ③<!--/present_list@order_product@name/--> [신규] ①<div class="card-txts"> <img src="<!--/present_list@card_type/-->" /> ②<!--/notag/present_list@order_product@present_name/--> ③<!--/notag/present_list@order_product@name/--> [CSS] * [기존] 소스 삭제 후 [신규] 소스를 추가해주세요. [기존] #myGift .table-d2-list .gift-wrap .gift-card .card-txts { width: 100%; padding: 20px 20px 20px 311px; border-radius: 20px; box-sizing: border-box; } #myGift .table-d2-list .gift-wrap .gift-card .card-txts.card-type-A { background: #ffe84f url('/images/common/giftcard_01.png') no-repeat 25px 0; background-size: auto 160px; } #myGift .table-d2-list .gift-wrap .gift-card .card-txts.card-type-B { background: #ffe4eb url('/images/common/giftcard_02.png') no-repeat 25px 0; background-size: auto 160px; } #myGift .table-d2-list .gift-wrap .gift-card .card-txts.card-type-C { background: #0065d3 url('/images/common/giftcard_03.png') no-repeat 25px 0; background-size: auto 160px; } #myGift .table-d2-list .gift-wrap .gift-card .card-txts textarea { width: 292px; height: 120px; padding: 20px; border: 0 none; border-radius: 15px; font-size: 12px; color: #333; background: #fff; box-sizing: border-box; outline: 0 none; resize: none; word-break: break-all;} #layer-gift-edit .l-opt dl dd.opt_click a { display: inline-block; padding: 4px; margin: 2px 5px 3px 0; border: 1px solid #000; box-sizing: border-box; background: #fff; } [신규] /* s 카드이미지 영역 수정 */ #myGift .table-d2-list .gift-wrap .gift-card .card-txts img { width: 306px; height:148px; border-radius: 20px; border: 1px solid #e0e0e0; box-sizing: border-box; background-position: 50% 50%;} #myGift .table-d2-list .gift-wrap .gift-card .card-txts textarea { width: 306px; height: 148px; padding: 20px; border: 1px solid #e0e0e0; border-radius: 15px; font-size: 12px; color: #333; background: #fff; box-sizing: border-box; outline: 0 none; resize: none; word-break: break-all;} /* e 카드이미지 영역 수정 */ #layer-gift-edit .l-opt dl dd.opt_click a { display: inline-block; padding: 4px; margin: 2px 5px -10px 0; border: 1px solid #000; box-sizing: border-box; background: #fff; } .MK-oneclick-list { list-style:none; } .MK-oneclick-li { float: left; } .MK-oneclick-li > a > img{ width: 50px; height: 50px; } .op-click { margin-bottom: 5px; } .opt_cnt_quantity { border-bottom: 1px solid #d3d3d3; border-width: 1px; margin-bottom: 10px !important; } .input_quantity { width: 42px !important; height: 23px !important; float: left; } .MK_qty-ctrl { margin-bottom: 10px !important; } .MK_qty-ctrl a.MK_btn-up { background-position:0 0 !important; margin:0 4px !important; } .MK_qty-ctrl a.MK_btn-dw { background-position:0 -26px !important; } .MK_qty-ctrl a.MK_btn-up, .MK_qty-ctrl a.MK_btn-dw { display: inline-block;width: 26px; height: 26px; text-indent: -9999em; vertical-align: top; background: url(//image.makeshop.co.kr/makeshop/d3/basic_simple/common/sp_qty.gif) 0 0 no-repeat; }
[ MO 버전 ] << 받은 선물함 >> 1. 작업 위치 - 중앙 디자인 > 마이페이지 > 받은 선물함 2. 디자인 편집 탭 (모바일4.0, 2.0 공통수정) * 각 번호별 [기존] 소스 삭제 후 [신규] 소스를 추가해주세요. [기존] ①<div class="card-txts card-type-<!--/present_list@card_type/-->"> ②<!--/present_list@order_product@present_name/--> ③<!--/present_list@order_product@name/--> [신규] ①<!-- // [D]구조 및 타입 변경 card-type-A -> card-type-01 --> <div class="card-img"> <img src="<!--/present_list@card_type/-->" alt="" /> </div> <div class="card-txts"> ②<!--/notag/present_list@order_product@present_name/--> ③<!--/notag/present_list@order_product@name/--> * 아래 초록색 소스를 빨간색 소스로 변경해주세요. <td colspan="2"> <div class="txt-l"> <div class="txt-l product-info"> <a href="<!--/present_list@order_product@link/-->"><img src="<!--/present_list@order_product@image_s/-->" class="response10" alt="상품명" /></a> [CSS - 4.0] * [기존] 소스 삭제 후 [신규] 소스를 추가해주세요. [기존] #gift .gift-list .gift-wrap .gift-card .card-txts { padding: 125px 10px 10px 10px; border-radius: 10px; box-sizing: border-box; } #gift .gift-list .gift-wrap .gift-card .card-txts.card-type-A { background: #ffe84f url('/images/common/giftcard_01.png') no-repeat center 0; background-size: auto 125px; } #gift .gift-list .gift-wrap .gift-card .card-txts.card-type-B { background: #ffe4eb url('/images/common/giftcard_02.png') no-repeat center 0; background-size: auto 125px; } #gift .gift-list .gift-wrap .gift-card .card-txts.card-type-C { background: #0065d3 url('/images/common/giftcard_03.png') no-repeat center 0; background-size: auto 125px; } #gift .gift-list .gift-wrap .gift-card .card-txts textarea { width: 100%; height: 65px; padding: 10px; border: 0 none; border-radius: 5px; color: #333; background: #fff; box-sizing: border-box; outline: 0 none; resize: none; word-break: break-all; } #layer-gift-edit .l-opt dl dd select { width: 95%; height: 26px; line-height: 26px; border: 1px solid #ccc; color: #000; outline: none; } [신규] #gift .gift-list .gift-wrap .gift-card .card-img img { width: 100%; height:auto; border-radius:20px; } #gift .gift-list .gift-wrap .gift-card .card-txts { border-radius: 10px; box-sizing: border-box; } #gift .gift-list .gift-wrap .gift-card .card-txts textarea { width: 100%; height: 65px; margin-top: 10px; padding: 10px; border: 1px solid #e0e0e0; border-radius: 10px; color: #333; background: #fff; box-sizing: border-box; outline: 0 none; resize: none; word-break: break-all; } #gift .gift-list .gift-wrap .product-info > a { float:left; } #gift .gift-list .gift-wrap .product-info > ul { height:auto; display: table-cell; padding:20px 0 0 5px; } #layer-gift-edit .l-opt dl dd select { width: 90%; height: 26px; line-height: 26px; border: 1px solid #ccc; color: #000; outline: none; } .MK-oneclick-li > a > img{ width: 50px; height: 50px; } .opt_cnt_quantity { border-bottom: 1px solid #d3d3d3; border-width: 1px; margin-bottom: 10px !important; } .input_quantity { width: 42px !important; height: 24px !important; float: left; } .MK_qty-ctrl { margin-bottom: 10px !important; } .MK_qty-ctrl a.MK_btn-up { background-position:0 0 !important; margin:0 4px !important; } .MK_qty-ctrl a.MK_btn-dw { background-position:0 -26px !important; } .MK_qty-ctrl a.MK_btn-up, .MK_qty-ctrl a.MK_btn-dw { display: inline-block;width: 26px; height: 26px; text-indent: -9999em; vertical-align: top; background: url(//image.makeshop.co.kr/makeshop/d3/basic_simple/common/sp_qty.gif) 0 0 no-repeat; } [CSS - 2.0] * [기존] 소스 삭제 후 [신규] 소스를 추가해주세요. [기존] #my-gift .gift-list .gift-wrap .gift-card .card-txts { padding: 125px 10px 10px 10px; border-radius: 10px; box-sizing: border-box; } #my-gift .gift-list .gift-wrap .gift-card .card-txts.card-type-A { background: #ffe84f url('/images/common/giftcard_01.png') no-repeat center 0; background-size: auto 125px; } #my-gift .gift-list .gift-wrap .gift-card .card-txts.card-type-B { background: #ffe4eb url('/images/common/giftcard_02.png') no-repeat center 0; background-size: auto 125px; } #my-gift .gift-list .gift-wrap .gift-card .card-txts.card-type-C { background: #0065d3 url('/images/common/giftcard_03.png') no-repeat center 0; background-size: auto 125px; } #my-gift .gift-list .gift-wrap .gift-card .card-txts textarea { width: 100%; height: 65px; padding: 10px; border: 0 none; border-radius: 5px; color: #333; background: #fff; box-sizing: border-box; outline: 0 none; resize: none; word-break: break-all; } #my-gift .gift-list .gift-wrap table tbody td div > ul { display: inline-block; width: 75%; vertical-align: middle; } #my-gift .gift-list .gift-wrap table tbody td div > ul li { word-break: break-all; margin-left: 18px; } #my-gift .gift-list .gift-wrap table tbody td div > ul li .btn-gray { padding: 2px 5px; font-size: 11px; letter-spacing: -1px; } [신규] #my-gift .gift-list .gift-wrap .gift-card .card-img img { width: 100%; height:auto; border-radius:20px; } #my-gift .gift-list .gift-wrap .gift-card .card-txts img { border-radius: 10px; box-sizing: border-box; } #my-gift .gift-list .gift-wrap .gift-card .card-txts textarea { width: 100%; height: 65px; margin-top: 10px; padding: 10px; border: 1px solid #e0e0e0; border-radius: 10px; color: #333; background: #fff; box-sizing: border-box; outline: 0 none; resize: none; word-break: break-all; } #my-gift .gift-list .gift-wrap table tbody td div > ul { display: inline-block; margin-left: -10px; vertical-align: middle; } #my-gift .gift-list .gift-wrap table tbody td div > ul li { word-break: break-all; margin-left: 18px; list-style: none;} #my-gift .gift-list .gift-wrap table tbody td div > ul li .btn-gray { padding: 2px 5px; font-size: 11px; letter-spacing: -1px; } #my-gift .gift-list .gift-wrap .product-info > a { float:left; } #my-gift .gift-list .gift-wrap .product-info > ul { height:auto; display: table-cell; padding:20px 0 0 5px; } .MK-oneclick-li > a > img{ width: 50px; height: 50px; } .opt_cnt_quantity { border-bottom: 1px solid #d3d3d3; border-width: 1px; margin-bottom: 10px !important; } .input_quantity { width: 42px !important; height: 24px !important; float: left; } .MK_qty-ctrl { margin-bottom: 10px !important; } .MK_qty-ctrl a.MK_btn-up { background-position:0 0 !important; margin:0 4px !important; } .MK_qty-ctrl a.MK_btn-dw { background-position:0 -26px !important; } .MK_qty-ctrl a.MK_btn-up, .MK_qty-ctrl a.MK_btn-dw { display: inline-block;width: 26px; height: 26px; text-indent: -9999em; vertical-align: top; background: url(//image.makeshop.co.kr/makeshop/d3/basic_simple/common/sp_qty.gif) 0 0 no-repeat; } * 파워팩의 경우 별도 설정 없이 적용됩니다.

감사합니다.
목록 1:1 문의