패킹 슬립 사용자 지정

이 페이지는 Apr 16, 2024에 인쇄되었습니다. 최신 버전은 https://help.shopify.com/ko/manual/shipping/setting-up-and-managing-your-shipping/customize-packing-slips에서 확인하십시오.

패킹 슬립의 템플릿을 사용자 지정할 수 있습니다. 템플릿을 변경하면 고유한 브랜딩을 추가하고 패킹 슬립의 모양을 변경할 수 있습니다.

이 페이지의 정보

스토어 주소 변경

스토어 주소를 편집하거나 변경하려는 경우 설정 > 스토어 세부 정보로 이동하여 스토어 정보를 편집하면 됩니다.

패킹 슬립의 주소만 변경하려면 아래 단계를 따르십시오.

단계:

  1. Shopify Admin에서 설정 > 배송 및 배달로 이동합니다.

  2. 패킹 슬립 섹션에서 편집을 클릭합니다.

  3. 스토어 주소를 참조하는 {{ shop_address.summary }} Liquid 변수를 찾습니다. 이 변수를 찾을 수 없는 경우 다음과 같이 시도해 보십시오.

{{ shop_address.address1 }}, {{ shop_address.city }}, {{ shop_address.province_code }}, {{ shop_address.zip }}, {{ shop_address.country }}
  1. 이 코드를 강조 표시한 다음 삭제합니다.
  2. 패킹 슬립에 표시할 주소를 공란에 입력합니다. 예를 들어 주소를 다음과 같이 입력할 수 있습니다.123 Example Street, New York, NY, 10000, United States
  3. 템플릿 미리 보기를 클릭하여 변경 사항을 확인합니다.
  4. 저장을 클릭합니다.

제품 이미지 제거

패킹 슬립에서 제품명 옆에 표시되는 제품 이미지를 제거할 수 있습니다.

단계:

  1. Shopify Admin에서 설정 > 배송 및 배달로 이동합니다.

  2. 패킹 슬립 섹션에서 편집을 클릭합니다.

  3. 제품 이미지를 참조하는 다음 Liquid 변수를 찾습니다.

{% if line_item.image != blank %}
       <div class="flex-line-item-img">
         <div class="aspect-ratio aspect-ratio-square" style="width: {{ desired_image_size }}px; height: {{ desired_image_size }}px;">
           {{ line_item.image | img_url: effective_image_dimensions | img_tag: '', 'aspect-ratio__content' }}
         </div>
       </div>
       {% endif %}

  1. 이 코드를 강조 표시한 다음 삭제합니다.

  2. 템플릿 미리 보기를 클릭하여 변경 사항을 확인합니다.

  3. 저장을 클릭합니다.

로고 편집

패킹 슬립에 스토어 로고를 추가하기 전에 Shopify Admin에 로고를 업로드해야 합니다. 패킹 슬립에 사용할 파일에 할당된 URL이 필요합니다.

스토어에 로고를 업로드한 후에는 로고를 추가하고 스토어 이름을 제거하거나, 스토어 이름 위에 로고를 추가하거나, 스토어 이름 옆에 로고를 추가할 수 있습니다.

단계:

  1. Shopify Admin에서 콘텐츠 > 파일로 이동합니다.

  2. 파일 업로드를 클릭합니다.

  3. 장치에서 스토어 로고를 선택하여 업로드합니다.

  4. 업로드가 완료되면 파일 URL을 복사합니다.

로고 추가 및 스토어 이름 제거

스토어 이름을 제거하고 패킹 슬립 상단의 스토어 로고로 교체할 수 있습니다.

단계:

  1. Shopify Admin에서 설정 > 배송 및 배달로 이동합니다.

  2. 패킹 슬립 섹션에서 편집을 클릭합니다.

  3. 스토어 이름을 참조하는 다음 코드를 찾습니다.

<p class="to-uppercase">
  {{ shop.name }}
</p>
  1. 이 코드를 강조 표시한 다음 삭제합니다.
  2. 생성된 공란에 다음 코드를 입력한 후 복사한 URL을 표시된 위치에 붙여넣습니다. 
<img src="PASTE FILE URL HERE" style="width: 60px; height: 60px;">
  1. 템플릿 미리 보기 항목을 선택하여 변경 사항을 확인합니다.
  2. 저장을 클릭합니다.

스토어 이름 위에 로고 추가

패킹 슬립 상단의 스토어 이름 위에 로고를 추가하려면 아래 단계를 따르십시오.

단계:

  1. Shopify Admin에서 설정 > 배송 및 배달로 이동합니다.

  2. 패킹 슬립 섹션에서 편집을 클릭합니다.

  3. 스토어 이름을 참조하는 다음 Liquid 변수를 찾은 후 두 줄 사이에 줄 바꿈을 추가합니다.

<div class="shop-title">
      |
      <p class="to-uppercase">
  1. 생성된 공란에 다음 코드를 입력한 후 복사한 URL을 표시된 위치에 붙여넣습니다. 
<img src="PASTE FILE URL HERE" style="width: 60px; height: 60px;">
<br>
  1. 템플릿 미리 보기 항목을 선택하여 변경 사항을 확인합니다.
  2. 저장을 클릭합니다.

스토어 이름 옆에 로고 추가

패킹 슬립 상단의 스토어 이름 옆에 로고를 추가하려면 아래 단계를 따르십시오.

단계:

  1. Shopify Admin에서 설정 > 배송 및 배달로 이동합니다.

  2. 패킹 슬립 섹션에서 편집을 클릭합니다.

  3. 스토어 이름을 참조하는 다음 Liquid 변수를 찾습니다.

<p class="to-uppercase">
{{ shop.name }}
</p>
  1. 이 코드를 강조 표시한 다음 삭제합니다.
  2. 생성된 공란에 다음 코드를 입력한 후 복사한 URL을 표시된 위치에 붙여넣습니다. 
<img src="PASTE FILE URL HERE" style="width: 60px; height: 60px;">
<span class="to-uppercase">
  {{ shop.name }}
</span>
  1. 다음 Liquid 변수를 찾습니다. 
.shop-title {
  -webkit-box-flex: 6;
  -webkit-flex: 6;
  flex: 6;
  font-size: 1.9em;
}
  1. 위에 나와 있는 변수의 끝에 새 줄을 추가하고 다음 코드를 붙여넣습니다. 
.shop-title img {
 vertical-align: middle;
}

.shop-title span {
 vertical-align: middle;
}
  1. 템플릿 미리 보기 항목을 선택하여 변경 사항을 확인합니다.
  2. 저장을 클릭합니다.

CSS를 사용한 스타일 패킹 슬립

Shopify 업로드용 CSS 파일을 사용하여 패킹 슬립을 사용자 지정할 수 있습니다. Shopify 외부에서 호스팅된 CSS 파일은 제대로 렌더링되지 않습니다.

단계:

  1. Shopify Admin에서 콘텐츠 > 파일로 이동합니다.

  2. 파일 업로드를 클릭합니다.

  3. CSS 파일을 선택하고 업로드합니다.

  4. 업로드가 완료되면 파일 URL을 복사합니다.

  5. 다음 코드를 포함합니다.

<link
  rel="stylesheet"
  type="text/css"
  href="https://cdn.shopify.com/path_to_file/styles.css"
>

Shopify와 함께 사업을 시작할 준비가 되셨습니까?

무료 체험