주 콘텐츠로 건너뛰기

쉬운 주소의 링크 해제를 위한 HTML 가이드

상품, 게시물 관련 페이지로 연결하는 쉬운 주소의 링크를 페이지 경로 방식으로 변경하기 위한 디자인 수정 방법을 안내해 드릴게요.
해외 몰의 경우 /product/detail.html와 같은 페이지 경로로 접속하더라도 쉬운 주소로 연결되기 때문에 국내 몰 디자인에만 적용할 수 있어요.
자세한 내용은 아래에서 확인해 주세요.

자세히 알아보기

해당 가이드는 한국어 베이직 스킨의 HTML 소스를 기반으로 작성되었어요.

따라서 사용하고 있는 스킨과 문서 경로가 다를 수 있어요.

해당 소스 작업은 HTML 소스를 메모장에 붙여넣기한 다음, Ctrl + H(바꾸기)를 통해 "모두 바꾸기" 한 다음 다시 소스에 붙여넣으면 더욱 쉽게 할 수 있어요.

▼ 메모장에서 "모두 바꾸기"로 소스 수정하기 cc1.png

■ 레이아웃 및 메인 화면

  1. 메인 화면 수정
    - 수정 경로: /index.html

    찾을 내용: href="{$link_product_detail}"

    바꿀 내용: href="/product/detail.html{$param}"

     

  2. 공통 레이아웃 수정
    - 수정 경로: /layout/basic/layout.html

    찾을 내용: href="{$link_product_list}"

    바꿀 내용: href="/{$design_page_url}{$param}"

    찾을 내용: href="{$link_product_project}"

    바꿀 내용: href="/product/project.html{$param}"

    찾을 내용: href="{$link_board_list}"

    바꿀 내용: href="{$board_list_url}

     

  3. 메인 레이아웃 수정
    - 수정 경로: /layout/basic/main.html

    찾을 내용: href="{$link_product_list}"

    바꿀 내용: href="/{$design_page_url}{$param}"

    찾을 내용: href="{$link_product_project}"

    바꿀 내용: href="/product/project.html{$param}"

    찾을 내용: href="{$link_board_list}"

    바꿀 내용: href="{$board_list_url}"

 

Info

Layout_category 모듈의 $design_page_url 변수는 [관리자] 쇼핑몰 설정 > 사이트 설정 > 쇼핑몰 환경 설정 > PC(탭) > 화면 경로(탭) > 상품 카테고리 경로 설정에서 각 분류별로 선택된 경로가 반영되어요.

$link_product_list 변수로 적용되는 쉬운 주소에 연결되는 페이지 경로는 PC(탭) > 화면 경로(탭) > 화면 경로 설정 > 상품 분류의 PC, 모바일 화면 경로 설정에 지정된 기본 경로로 연결되어요.

 

■ 상품 관련 화면

  1. 상품 분류 화면 수정
    - 수정 경로: /product/list.html

    찾을 내용: href="{$link_product_list_1}"

    바꿀 내용: href="/product/list.html{$param_1}"

    찾을 내용: href="{$link_product_list_2}"

    바꿀 내용: href="/product/list.html{$param_2}"

    찾을 내용: href="{$link_product_list_3}"

    바꿀 내용: href="/product/list.html{$param_3}"

    찾을 내용: href="{$link_product_list_4}"

    바꿀 내용: href="/product/list.html{$param_4}"

    찾을 내용: href="{$link_product_list_sub}"

    바꿀 내용: href="/product/list.html{$param_cate_no}"

    찾을 내용: href="{$link_product_detail}"

    바꿀 내용: href="/product/detail.html{$param}"

    - 수정 경로: /js/module/layout/category.js

    찾을 내용: href="'+this.link_product_list+'"

    바꿀 내용: href="/'+this.design_page_url+this.param+'"

     

  2. 상품 상세 화면 수정
    - 수정 경로: /product/detail.html

    찾을 내용: href="{$link_product_list_1}"

    바꿀 내용: href="/product/list.html{$param_1}"

    찾을 내용: href="{$link_product_list_2}"

    바꿀 내용: href="/product/list.html{$param_2}"

    찾을 내용: href="{$link_product_list_3}"

    바꿀 내용: href="/product/list.html{$param_3}"

    찾을 내용: href="{$link_product_list_4}"

    바꿀 내용: href="/product/list.html{$param_4}"

    찾을 내용: href="{$link_product_detail}"

    바꿀 내용: href="/product/detail.html?product_no={$product_no}"

    찾을 내용: href="{$link_board_detail}{$param_read}"

    바꿀 내용: href="/product/provider/review_read.xml{$param_read}"

     

  3. 상품 비교 화면 수정
    - 수정 경로: /product/compare.html

    찾을 내용: href="{$link_product_detail}"

    바꿀 내용: href="./detail.html?product_no={$product_no}"

     

  4. 최근 본 상품 화면 수정
    - 수정 경로: /product/recent_view_product.html

    찾을 내용: href="{$link_product_detail}"

    바꿀 내용: href="/product/detail.html{$param}"

     

  5. 상품 검색
    - 수정 경로: /product/search.html

    찾을 내용: href="{$link_product_detail}"

    바꿀 내용: href="/product/detail.html{$param}"

     

  6. 상품 기획전 화면 수정
    - 수정 경로: /product/project.html

    찾을 내용: href="{$link_product_detail}"

    바꿀 내용: href="/product/detail.html{$param}"

     

■ 마이쇼핑 관련 화면

  1. 상품 분류 좋아요 화면 수정(국내 몰에만 해당)
    - 수정 경로: /myshop/likeit/category.html

    찾을 내용: href="{$link_product_list}"

    바꿀 내용: href="/product/list.html{$param}"

     

  2. 관심 상품 화면 수정
    - 수정 경로: /myshop/wish_list.html

    찾을 내용: href="{$link_product_detail}"

    바꿀 내용: href="/product/detail.html{$param}"

     

  3. 나의 게시글 화면수정
    - 수정 경로: /myshop/board_list.html

    찾을 내용: href="{$link_board_list}"

    바꿀 내용: href="{$board_list_url}"

     

■ 게시판 관련 화면

  1. 게시판 메인 화면
    - 수정 경로: /board/index.html

    찾을 내용: href="{$link_board_detail}"

    * 상품 게시판 목록일 경우
    바꿀 내용: href="/board/product/read.html{$param_read}"

    * 운영, 일반 게시판의 경우
    바꿀 내용: href="/board/free/read.html{$param_read}"

    * 갤러리 게시판의 경우
    바꿀 내용: href="/board/gallery/read.html{$param_read}"

     

  2. 일반 게시판 화면
    - 수정 경로: /board/free/list.html

    찾을 내용 : href="{$link_board_read}"

    바꿀 내용: href="/board/free/read.html{$param_read}"

    - 수정 경로: /board/free/modify.html

    찾을 내용: href="{$link_board_list}"

    바꿀 내용: href="/board/free/list.html{$param_list}"

    - 수정 경로: /board/free/read.html

    찾을 내용: href="{$link_board_list}"

    바꿀 내용: href="/board/free/list.html{$param_list}"

    찾을 내용: href="{$link_board_detail_prev}"

    바꿀 내용: href="/board/free/read.html{$param_prev}"

    찾을 내용: href="{$link_board_detail_next}"

    바꿀 내용: href="/board/free/read.html{$param_next}"

    - 수정 경로: /board/free/reply.html

    찾을 내용: href="{$link_board_list}"

    바꿀 내용: href="/board/free/list.html{$param_list}"

    - 수정 경로: /board/free/secret.html

    찾을 내용: href="{$link_board_list}"

    바꿀 내용: href="/board/free/list.html{$param_list}"

    - 수정 경로: /board/free/write.html

    찾을 내용: href="{$link_board_list}"

    바꿀 내용: href="/board/free/list.html{$param_list}"

    - 수정 경로: /board/free/comment_del.html

    찾을 내용: href="{$link_board_list}"

    바꿀 내용: href="/board/free/list.html{$param_list}"

     

  3. 상품 게시판 화면
    - 수정 경로: /board/product/list.html

    찾을 내용: href="{$link_board_detail}"

    바꿀 내용: href="/board/product/read.html{$param_read}"

    찾을 내용: href="{$link_product_detail}"

    바꿀 내용: href="/product/detail.html{$param_product}"

    - 수정 경로: /board/product/modify.html

    찾을 내용: href="{$link_board_list}"

    바꿀 내용: href="/board/product/list.html{$param_list}"

    - 수정 경로: /board/product/read.html

    찾을 내용: href="{$link_board_list}"

    바꿀 내용: href="/board/product/list.html{$param_list}"

    찾을 내용: href="{$link_board_detail_prev}"

    바꿀 내용: href="/board/product/read.html{$param_prev}"

    찾을 내용: href="{$link_board_detail_next}"

    바꿀 내용: href="/board/product/read.html{$param_next}"

    찾을 내용: href="{$link_board_detail}"

    바꿀 내용: href="/board/product/read.html{$param_read}"

    찾을 내용: href="{$link_product_detail"

    바꿀 내용: href="/product/detail.html{$param_product}"

    - 수정 경로: /board/product/reply.html

    찾을 내용: href="{$link_board_list}"

    바꿀 내용: href="/board/product/list.html{$param_list}"

    - 수정 경로: /board/product/secret.html

    찾을 내용: href="{$link_board_list}"

    바꿀 내용: href="/board/product/list.html{$param_list}"

    - 수정 경로: /board/product/write.html

    찾을 내용: href="{$link_board_list}"

    바꿀 내용: href="/board/product/list.html{$param_list}"

    - 수정 경로: /board/product/comment_del.html

    찾을 내용: href="{$link_board_list}"

    바꿀 내용: href="/board/product/list.html{$param_list}"

     

  4. 갤러리 게시판 화면
    - 수정 경로: /board/gallery/list.html

    찾을 내용: href="{$link_board_detail}"

    바꿀 내용: href="/board/gallery/read.html{$param_read}"

    - 수정 경로: /board/gallery/list2.html

    찾을 내용: href="{$link_board_detail}"

    바꿀 내용: href="/board/gallery/read.html{$param_read}"

    - 수정 경로: /board/gallery/modify.html

    찾을 내용: href="{$link_board_list}"

    바꿀 내용: href="/board/free/list.html{$param_list}"

    - 수정 경로: /board/gallery/read.html

    찾을 내용: href="{$link_board_list}"

    바꿀 내용: href="/board/gallery/list.html{$param_list}"

    찾을 내용: href="{$link_board_detail_prev}"

    바꿀 내용: href="/board/gallery/read.html{$param_prev}"

    찾을 내용: href="{$link_board_detail_next}"

    바꿀 내용: href="/board/gallery/read.html{$param_next}"

    - 수정 경로: /board/gallery/reply.html

    찾을 내용: href="{$link_board_list}"

    바꿀 내용: href="/board/gallery/list.html{$param_list}"

    - 수정 경로: /board/gallery/secret.html

    찾을 내용: href="{$link_board_list}"

    바꿀 내용: href="/board/gallery/list.html{$param_list}"

    - 수정 경로: /board/gallery/write.html

    찾을 내용: href="{$link_board_list}"

    바꿀 내용: href="/board/gallery/list.html{$param_list}"

    - 수정 경로 : /board/gallery/comment_del.html

    찾을 내용: href="{$link_board_list}"

    바꿀 내용: href="/board/gallery/list.html{$param_list}"

     

  5. 1:1 상담 게시판 화면
    - 수정 경로: /board/consult/list.html

    찾을 내용: href="{$link_board_detail}"

    바꿀 내용: href="/board/consult/read.html{$param_read}"

    - 수정 경로: /board/consult/modify.html

    찾을 내용: href="{$link_board_list}"

    바꿀 내용: href="/board/consult/list.html{$param_list}"

    - 수정 경로: /board/consult/read.html

    찾을 내용: href="{$link_board_list}"

    바꿀 내용: href="/board/consult/list.html{$param_list}"

    찾을 내용: href="{$link_board_detail_prev}"

    바꿀 내용: href="/board/consult/read.html{$param_prev}"

    찾을 내용: href="{$link_board_detail_next}"

    바꿀 내용: href="/board/consult/read.html{$param_next}"

    - 수정 경로: /board/consult/reply.html

    찾을 내용: href="{$link_board_list}"

    바꿀 내용: href="/board/consult/list.html{$param_list}"

    - 수정 경로: /board/consult/write.html

    찾을 내용: href="{$link_board_list}"

    바꿀 내용: href="/board/consult/list.html{$param_list}"

이 페이지가 도움이 되었나요?
현재 콘텐츠