일반 페이지에 구매 사이드바를 추가하고 싶어요. (단일 상품)

본 매뉴얼은 숏코드를 이용하여 일반 페이지에 구매 사이드바를 추가하는 방법에 대해 설명합니다.

숏코드 사용방법 #



아래와 같은 숏코드를 추가하여 워드프레스 페이지 또는 글에 구매하기 버튼을 생성할 수 있습니다.

[diy_purchase product_id=17091 label="바로구매하기" template="msdp/type-b"]

product_id : 상품의 ID 값을 입력합니다.

  • 상품 상세페이지에 해당 숏코드를 작성하는 경우 product_id 파라미터를 생략하실 수 있습니다.
    생략할 경우, 현재 상품의 아이디 값이 자동 입력됩니다.
  • 일반 페이지에 해당 숏코드를 작성하는 경우 product_id 파라미터를 필수로 입력해야 합니다.
  • 상품 ID 값은 관리자 메뉴[상품 > 모든상품]에서 상품에 마우스를 올려 확인하실 수 있습니다.

label : 구매하기 버튼의 제목을 설정할 수 있으며, 기본 값은 구매하기 입니다.

template : 구매 숏코드의 템플릿을 지정하며, 숏코드의 template필수 값입니다.

  • A 타입은 template="msdp/type-a" 로, B 타입은 template="msdp/type-b" 로 입력해주시기 바랍니다.
  • 커스텀 템플릿 생성 방법은 아래 숏코드 템플릿 수정방법 섹션을 참고해주시기 바랍니다.

숏코드 템플릿 수정방법 #

플러그인에서 제공하는 기본 템플릿이 아닌, 이용하고 있는 사이트에 맞게 커스텀마이징할 수 있습니다.

  1. 폴더 복사 및 붙여넣기 #

    /wp-content/plugins/mshop-diy-product/templates/msdp/이용하고 계신 타입(type-a 또는 type-b) 경로에서 수정할 템플릿을 복사한 후

    이용하고 있는 차일드 테마의 /woocommerce/msdp/이용하고 계신 타입(type-a 또는 type-b)/ 경로에 붙여넣습니다.

    사이드바 내부에 내용을 추가하고 싶으신 경우
    /wp-content/plugins/mshop-diy-product/templates/msdp/type-a 또는 type-b/float-cart-wrapper.php 를 복사한 후
    차일드 테마의 /woocommerce/msdp/type-a 또는 type-b/float-cart-wrapper.php 경로에 붙여 넣습니다. (해당 파일을 수정합니다.)

    * 폴더명은 사용자 임의로 변경 하셔도 됩니다.
    만약, 폴더명을 fride 로 변경할 경우 template의 값은 template="msdp/fride" 가 됩니다.

    (중요) 사이트에서 차일드 테마를 이용하고 있지 않은 경우 활성화된 테마에서 붙여넣어주시기 바랍니다.

    다만, 부모테마에서 커스텀마이징할 경우 테마 업데이트 시 작업한 내용이 초기화 되므로 작업내용을 백업하거나, 차일드 테마에서 작업하는 것을 권장하고 있습니다.

  2. 템플릿 수정 #

    DIY 구매하기 버튼 클릭 후 나타나는 오픈카트 섹션은 복사한 폴더에서 수정하실 수 있으며, 버튼 수정은 shortcodes 폴더 안에서 수정하실 수 있습니다.