토론방

소스관련 상품상세페이지_이미지정보

상품상세페이지의 이미지정보가

사진이 확대도 안되고, 다른 이미지를 올릴 수도 없게 되어있습니다.

이미지를 클릭하면 확대되고, 다른 작은 이미지들이 큰 이미지 아래에 배치되어 있어서 클릭하면 볼 수 있게 되면 좋겠습니다.

 

게시글 공유 URL복사
댓글[3]

열기 닫기

  • P**M 2014-07-11

    현재 담당자가 부재중이여서 파일찾는데 어려움이 있습니다. 

    첨부한 내용이 psd로 작업된거라 타이틀 및 색상을 변경을 해서 그대로 올리시면 될것 같습니다. 

    만약 아래의 psd로 처리가 되지 않으면 다시 말씀해주시면 한번더 찾아보도록 하겠습니다. 

  • P**M 2014-07-11
    글이 잘못 올라갔네요. 이 부분은 다시 확인을 해보고 다시 답변 달도록 하겠습니다. 
  • P**M 2014-07-17

    아래의 소스를 원하시는 위치에 삽입을 해주시면 될것 같습니다. 

     

    <!-- PRO_GOODS_IMG_ADD start-->

    <table width='' border="0" cellpadding="0" cellspacing="0">
    <script>
    // (앨범형) 상품 이미지 목록 출력 부분
    var html_box;
    var str = '';

    var namuji;
    var column = 0; // 변경 금지
    var table_col = 5; // 가로 진열수
    var img_size = 50; // 이미지 크기

    var url;
    var goods_img_etc_list_arr = goods_img_etc_list.split("∬");
    for(var i =0;i<goods_img_etc_list_arr.length;i++){
        if(!goods_img_etc_list_arr[i]) continue;
        row = goods_img_etc_list_arr[i].split( "∮" );
        url = row[0]; // 고유번호

        // 테이블 한칸 안에 들어갈 상품 디자인 선언
        html_box = "<table  border='0' cellpadding='1' cellspacing='1' bgcolor='C5C5C0'><tr><td bgcolor='ffffff'><img src='"+url+"' border=0 width="+img_size+" height="+img_size+" border=0 onMouseOver=goods_view_img_ch('"+url+"') style='cursor:hand'></td></tr></table>";

        column++;
        namuji = column % table_col;
        if(namuji == 1) str += "<tr>";    
        str += "<td align=center valign=top style='padding:2px'>"+html_box+"</td> ";
        if(namuji == 0) str += "</tr>";
    }
    namuji = column % table_col;
    if(0 < namuji){
        for(i=namuji;i<=table_col - 1;i++){
            str += "<td  width=''></td>";
        }
        str += "</tr>";
    }
    document.write(str);
    </script>
    </table>

    <!-- PRO_GOODS_IMG_ADD end-->

    <A href="javascript:goods_img_detail({GOODS_IDX})"><IMG height=24 src="/img_up/tmp_img/webdi/3_99/bt_zoom01.gif" width=114 border=0></A>

     

    일단 이 부분을 지금 상품상세 페이지 즉, 세부화면디자인에 있는 상품상세보기 부분 소스에는 적용을 시켜 놓았습니다. 

    따라서 다른곳에 사용을 하실려면 위의 소스를 원하시는 위치에 넣어주시면 됩니다.

     

    감사합니다.

댓글작성

열기 닫기

댓글작성
top