안녕하세요!!

현재 영카트에는 판매가격 및 시중가격등 텍스트로 표시되게 되어있습니다.
이것을 이미지로 구현하는 방법을 공개해볼까 합니다.

/shop/item.php

                <tr height=25>
                    <td width="120" height="27" class="list2">&nbsp;&nbsp;<img src='/shop/img/dot_n.gif'> 판매가</td>
					<td width=1 align=center><img src='/shop/img/line_dot4.gif'></td>
                    <td bgcolor="#f9fcff">
						<table border=0 cellspacing=0 cellpadding=0>
						<tr>
											<td><span id="disp_sell_amount_id2" style="border-width:0px; font-weight:bold; font-family:Geneva; font-size:18px; color:#FF3700;"></span></td>
						<td><input type=hidden name=disp_sell_amount style='text-align:left; background-color:#f9fcff; border:none; border-width:0px; width:60px; height:30px; font-weight:bold; font-family:Geneva; font-size:18px; color:#FF3700;' class=amount readonly /></td>
						<div id="outnum"></div>
                    <td><font color='#FF3700' title='등급에 따른 % 추가 할인'><label><b>

        (<? 
        echo sprintf("%.0f", ($it[it_cust_amount] - get_amount($it)) / $it[it_cust_amount] * 100);
        echo "%<img src='/shop/img/icon_anidown.gif' align='absbottom'>"; 
        ?>)

                    </b></label></font></td>											</tr>
						</table>
 
					<input type=hidden name=it_amount value='0'></td>
                </tr>

원본 소스코드에 위의 소스 코드로 교체합니다.
주의) 초보자분들은 원본을 백업후 작업진행하시는 것을 권장합니다.

    if (typeof(f.disp_sell_amount) != 'undefined')
        f.disp_sell_amount.value = number_format(String(amount * ct_qty));
// 위의 코드밑에 아래의 코드를 추가

// 추가부분 시작
	     numImg = get_numImg(String(f.disp_sell_amount.value));
	     document.getElementById('disp_sell_amount_id2').innerHTML = " "+numImg;
// 추가부분 끝

function get_amount(data)
{
    var str = data.split(";");
    var num = parseInt(str[1]);
    if (isNaN(num)) {
        return 0;
    } else {
        return num;
    }
}
// 위의 소스코드 밑에 아래의 코드를 추가

// 판매가를 이미지화 하기 위해 추가
function get_numImg(str)
{
	var ihtml="";
	for(var i=0; i<str.length; i++)
	{
		ch = str.substr(i, 1);
		if(ch==",")
			ihtml += "<img src='/shop/img/icon_rest.gif'>";
		else	
			ihtml += "<img src="+"/shop/img/cost_"+ch+".gif"+">";

		
	}

	return ihtml;
}
// 판매가를 이미지화 하기 위해 추가 끝

이미지 경로와 파일명은 직접 수정 하시면 됩니다.
이미지 파일명 수정시 반드시 cost_"+ch+".gif"+" 형식으로 수정하셔야 합니다.

즉 test_"+ch+".png"+" 이렇게 수정을 하시면 됩니다.
위와 같이 정의후 숫자 이미지 0~9까지 만드신후 파일명은 test_0.png 이렇게 저장하신후
ftp로 이미지경로로 업로드 하시면 됩니다.

비회원가,회원가,특별회원가,vip회원가....
이렇게 등급별 가격을 다르게 사용하시는 분들도 위의 소스 코드로 변경하시면 자동으로
회원 등급에 따른 판매가가 자동변경됩니다.

회원등급에 따른 할인률 적용방법

회원등급에 따른 할인율은 많은 고수님들이 공개해 주신 자료들도 많이 있습니다.^^
제가 적용한 방법만 알려드릴테니 참고하세요

       <? 
        echo sprintf("%.0f", ($it[it_cust_amount] - get_amount($it)) / $it[it_cust_amount] * 100);
        echo "%<img src='/shop/img/icon_anidown.gif' align='absbottom'>"; 
        ?>

원하시는 위치에 추가하시면 됩니다. 의뢰로 간단하죠?
위처럼 적용했을때 할인율은 정수로 구현되게끔 했습니다.

판매가격 이미지 구현은 php 로 해야되지만 아직 php에 대한 해박한 지식이 없는관계로
스크립트로 구현한 것입니다.
물론 고수님들께서는 php 로 작업을 하시더라구요.. (부럽) (열공중)

초보자의 입장에서 팁아닌 팁을 공개해봤습니다.

고수님들 중에 이게 팁(?)이야 하시는 분들도 계실지 모르겠지만,
초보자입장에서는 하나의 기능을 추가해보고 싶어도 몇일을 헤매야 한다는 사실 잊지 말아주세요...

그럼 좋은 하루 되세요