고도몰 | 메인페이지 하단에 상품 후기

 

 

고도몰에 쇼핑몰을 만들 경우 상품후기를 iframe으로 메인 페이지에 넣는 방법입니다. 

아이프레임을 쓸 경우 해결해야할 문제가 좀 있습니다. 물론 다른 방법도 있습니다. 고도몰 디자인에 가면 9만원에 구현해줍니다. 고도몰에서 지원하는 게시판 글을 불러올 수 있는 getArticles 치환코드를 쓰는 방법은 다음 시간에 자세히 포스팅할게요. 오늘은 iframe입니다.  

 

 

iframe 추가

 

iframe에 관한 내용이 더 알고싶다면 다음 글을 참고해 주세요.

 

관련포스트

• HTML | 인라인 프레임 (iframe) 속성

 

고도몰 관리자 - 디자인 - 디자인페이지 수정 (메인/index.html) 을 수정해야합니다.

html 가장 아래로 가셔서 div 끝나기 전에 다음 코드를 넣어주세요. 고도몰아이디 부분은 본인 아이디로 바꿔주셔야합니다.

    <!-- 상품후기 -->
    <center>
    <iframe src="http://고도몰아이디.godomall.com/board/list.php?bdId=goodsreview&amp;noheader=y&amp;nofooter=y" 
            id="reviewframe"
            width="1200"
            height="300px"
            marginwidth="0"
            marginheight="0"
            frameborder="no"
            scrolling="no"
            style="display:block; height: 100vh"
            >
    </iframe>
    </center>    
    
    
</div>
<!-- //main_content -->
 
 
 
{ # footer }

코드 간단히 설명해 드리겠습니다. 

center — frame 가운데로 와라

iframe src — 

• goodsreview : 후기게시판 입니다.
• noheader : 상단에 메뉴부분을 제하고 가져오라는 말입니다. 
• nofooter : 사실 noheader는 처음 봤습니다. 저게 되길래 footer도 되나해서 넣어봤습니다.
• style="display:block; height: 100vh" : 높이 자동조절입니다.

저장 후 페이지를 열어볼게요. 성공하셨나요? 그러나 문제가 있습니다.

 

 

 

 

 

iframe 수정

 

도메인

도메인을 연결하신 경우 주소를 바꿔주셔야합니다. 앞의 주소를 바뀐 주소로 넣으셔도 되고 아래 코드처럼 그냥 url을 지워버리면 됩니다.

    <center>
    <iframe src="/board/list.php?bdId=goodsreview&amp;noheader=y&amp;nofooter=y" 
 

 

창 이동

후기 리스트 중 하나를 눌러볼까요? 헉 그냥 아이프레임안에서 뜨게 됩니다. 전체화면이 넘어가야 완전한 구성이 되겠죠? 우클릭 후 링크 주소를 복사해서 보면 다음과 같습니다.

javascript:gd_btn_view('goodsreview',7 , 'y')

암호같네요. 다른 설명은 건너뛰고 저 함수는 디자인 페이지 수정 >> 스크립트 >> gd_board_common.js 안에 있습니다.

function gd_btn_view(bdId, sno, auth) {
 
    switch (auth) {
        case 'n' :
        case 'y' :
            location.href = boardData.viewUrl.format(bdId, sno);
            break;

위와 같이 있습니다. location.href를 parent.location.href로 바꿔주세요. 이것은 아이프레임의 부모인 전체창 주소를 바꾸라는 의미입니다. 

자 이제는 넘어는 가는데 아무것도 없고 게시판만 뜨게됩니다. 상단 (header) 푸터 (footer)를 아까 우리가 없애버렸기 때문입니다. 

방법은 2가지입니다. 위의 아이프레임 주소를 

/board/list.php?bdId=goodsreview

이렇게 바꾸시거나 자바스크립트를 수정해야만 합니다. 

글이 너무 길어지는 관계로 자바스크립트를 수정하길 원하는 분은 댓글달아주세요~ 

 

 

 

관련포스트

• 고도몰 | Shop by 쇼핑몰 메뉴얼
• 고도몰 | 5 Pro 관리자 화면
• 고도몰 | 플러스샵 유료 무료 서비스 소개
• 고도몰 | PRO 폴더 구조