도움말
로그인

패킹 슬립 맞춤 설정

패킹 슬립의 템플릿을 맞춤 설정할 수 있습니다. 템플릿을 변경하여 자체 브랜딩을 추가하고 패킹 슬립의 룩앤필을 변경할 수 있습니다.

이 페이지의 내용

스토어 주소 변경

스토어 주소를 편집하거나 변경하려면 설정 > 일반으로 이동하여 스토어 정보를 편집할 수 있습니다.

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

단계:

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

  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 관리자에서 설정 > 배송 및 배달로 이동합니다.

  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 관리자에 로고를 업로드해야 합니다. 업로드 후에는 나중에 패킹 슬립 템플릿에서 사용할 수 있도록 업로드된 파일의 이름을 메모해 두십시오.

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

단계:

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

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

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

  4. 업로드가 완료되면 파일 확장자(예: .png 또는 .jpg)를 포함한 파일 이름을 메모해 두십시오.

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

패킹 슬립 상단에서 스토어 이름을 제거하고 스토어 로고로 바꿀 수 있습니다.

단계:

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

  2. 문서 섹션에서 포장 명세서 템플릿을 클릭합니다.

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

<p class="to-uppercase">
  {{ shop.name }}
</p>
  1. 이 코드를 강조 표시하고 삭제합니다.
  2. 생성한 공간에 이전에 업로드한 파일 이름을 사용하여 다음 코드를 작성하십시오.
{{ 'FILE NAME' | file_img_url: 'small' | img_tag: 'Logo' }}

file_img_url 필터는 지정된 사이즈의 업로드된 파일에 대한 URL을 생성하며, img_tag 필터는 제공한 대체 텍스트가 있는 HTML 이미지 태그를 생성합니다.

예를 들어 업로드된 파일이 shop_logo.png인 경우 해당하는 Liquid 코드는 다음과 같습니다.

{{ 'shop_logo.png' | file_img_url: 'small' | img_tag: 'Logo' }}
  1. 템플릿 미리 보기를 선택하여 변경 사항을 미리 봅니다.
  2. 저장을 클릭합니다.

스토어 이름 위에 로고 추가

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

단계:

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

  2. 문서 섹션에서 포장 명세서 템플릿을 클릭합니다.

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

<div class="shop-title">
      |
      <p class="to-uppercase">
  1. 생성한 공간에 앞서 업로드한 파일 이름(예: shop_logo.png)을 사용하여 다음 코드를 작성하십시오.
{{ 'FILE NAME' | file_img_url: 'small' | img_tag: 'Logo' }}
<br>
  1. 템플릿 미리 보기를 선택하여 변경 사항을 미리 봅니다.
  2. 저장을 클릭합니다.

스토어 이름 옆에 로고 추가

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

단계:

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

  2. 문서 섹션에서 포장 명세서 템플릿을 클릭합니다.

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

<p class="to-uppercase">
{{ shop.name }}
</p>
  1. 이 코드를 강조 표시하고 삭제합니다.
  2. 생성한 공간에 앞서 업로드한 파일 이름(예: shop_logo.png)을 사용하여 다음 코드를 작성하십시오.
{{ 'FILE NAME' | file_img_url: 'small' | img_tag: 'Logo' }}
<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 관리자에서 콘텐츠 > 파일로 이동합니다.

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

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

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

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

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