[카페24쇼핑몰 모바일] async benefit모듈

모듈명: myshop_asyncbenefit

<div module="myshop_asyncbenefit">
    <!--@css(/css/module/myshop/benefit.css)-->
    <div class="info">
        <div class="{$display_benefit|display}">
            <div class="memberInfo">
                <span><img src="{$group_image}" alt="" onerror="this.src='//img.echosting.cafe24.com/skin/base_ko_KR/member/img_member_default.gif';" width="35" class="{$group_image_tag_class}"></span>
                <ul>
                    <li><strong class="name">{$member_name}님</strong>의 구매등급은 <br><strong class="group">[{$group_name}]</strong>입니다.</li>
                </ul>
            </div>
            <div class="help {$display_no_benefit|display}">
                <p class="{$display_no_benefit|display} {$display_no_benefit_class}">{$dc_pay} {$dc_min_price} 구매시 {$dc_price}{$dc_type}을 {$use_dc} 받으실 수 있습니다. {$dc_max_percent}</p>
                <p class="{$display_mobile_use_dc|display} {$display_mobile_use_dc_class}">({$dc_pay} {$mobile_dc_min_price} 모바일 구매시 {$mobile_dc_price}{$mobile_dc_price_type}을 {$mobile_use_dc} 받으실 수 있습니다. {$mobile_dc_max_percent})</p>
                <p class="{$display_with_all|display} {$display_with_all_class}">{$dc_pay} {$dc_min_price_mileage} 구매시 {$dc_price_mileage}{$dc_type_mileage}을 {$use_dc_mileage} 받으실 수 있습니다. {$dc_max_mileage_percent}</p>
                <p class="{$display_mobile_use_mileage|display} {$display_mobile_use_mileage_class}">({$dc_pay} {$mobile_dc_mileage_min_buy_amount} 모바일 구매시 {$mobile_dc_mileage_price_o_percent}{$mobile_dc_mileage_unit}을 {$mobile_use_dc_mileage} 받으실 수 있습니다. {$mobile_dc_mileage_max_percent_buy_amount})</p>
            </div>
       </div>
        <div module="myshop_asyncbankbook">
            <ul>
                <li>{$mileage_name} : <a href="/myshop/mileage/historyList.html">{$avail_mileage}</a></li>
                <li class="{$display_deposit|display}">{$deposit_name} : <a href="/myshop/deposits/historyList.html">{$total_deposit}</a></li>
                <li class="{$display_coupon|display}">쿠폰 : <a href="/myshop/coupon/coupon.html">{$coupon_cnt}개</a></li>
            </ul>
        </div>
    </div>
    <div class="invite {$display_reco|display}">
        <h3>쇼핑몰 주소 복사하기</h3>
        <div class="inputBox">
            <input type="text" id="{$reco_url}" value="//{$shop_domain}/?reco_id={$member_id}" readonly="readonly" /><a href="#none" class="btnStrong" onclick="{$copy_func}">주소복사</a>
        </div>
        <div class="help">
            <p>
                쇼핑몰 주소를 친구에게 보내 쇼핑몰에 초대해보세요.<br>
                가입즉시 친구에게는 {$reco_mileage2}의 적립금이 지급되고,<br>
                {$reco_mileage}
            </p>
        </div>
   </div>
</div>

 

 

./css/module/myshop/benefit.css

.xans-myshop-asyncbenefit .info { margin:0 0 7px; border:1px solid #d5d5d5; background:#fff; }
.xans-myshop-asyncbenefit .info .memberInfo { position:relative; padding:14px 14px 10px 60px; min-height:35px; }
.xans-myshop-asyncbenefit .info .memberInfo > span { position:absolute; left:14px; top:14px; }
.xans-myshop-asyncbenefit .info .memberInfo .name { color:#508bed; font-weight:bold; line-height:18px; }
.xans-myshop-asyncbenefit .info .memberInfo a.modify { position:absolute; top:14px; right:14px; width:59px; height:25px; text-align:center; font-size:11px; line-height:24px; border:1px solid #d5d5d5; border-radius:3px; background:#f1f1f1; }
.xans-myshop-asyncbenefit .info .memberInfo ul li { margin:0; font-size:12px; line-height:1.5em; }
.xans-myshop-asyncbenefit .info .help { margin:4px 14px 14px; font-size:11px; background-position:0 1px; }
.xans-myshop-asyncbenefit .info .help p { margin:0; }
.xans-myshop-asyncbenefit .info .help.tdisplaynonedisplaynone { display:none; }
.xans-myshop-asyncbenefit .invite { margin:7px 0; padding:14px; border:1px solid #d5d5d5; }
.xans-myshop-asyncbenefit .invite h3 { margin:0 0 14px; }
.xans-myshop-asyncbenefit .invite .inputBox { position:relative; box-sizing:content-box; padding:0 77px 0 0; margin:0 0 14px; }
.xans-myshop-asyncbenefit .invite #reco_url { width:100%; padding:3px 3px 3px 6px; border:1px solid #ccc; }
.xans-myshop-asyncbenefit .invite a { position:absolute; top:0; right:0; display:block; float:right; }
.xans-myshop-asyncbenefit .invite .help { font-size:11px; }
.xans-myshop-asyncbankbook { padding:10px 14px; border-top:1px solid #d5d5d5; }
.displaynone + .xans-myshop-asyncbankbook { border-top:0; }
.xans-myshop-asyncbankbook li { display:inline-block; font-size:11px; line-height:14px; }
.xans-myshop-asyncbankbook li a { color:#508bed; }

 

 

 

사용 가능 변수

myshop_asyncbenefit (회원 정보 및 할인 적립내역)
Class 반환 코드값 : xans-element- xans-myshop xans-myshop-asyncbenefit



myshop_asyncbankbook (나의 통장내역)
Class 반환 코드값 : xans-element- xans-myshop xans-myshop-asyncbankbook