오더 프린터 앱 사용자 지정

Shopify Admin에서 주문 프린터 앱에 대해 최대 15개의 템플릿을 생성하고 사용자 지정할 수 있습니다. 주문 프린터 앱에는 기본적으로 다음 두 가지 템플릿이 포함되어 있습니다.

• 인보이스- 고객에게 보낼 수 있는 기본 인보이스
• 패킹 슬립- 상점 주소 및 고객의 배송 주소 인쇄물

성장: 인보이스 및 패킹 슬립은 단지 시작에 불과합니다. 제품 샘플 및 쿠폰과 같은 기타패키지 삽입 광고를 주문에 추가하면 고객과 연결될 가능성이 높아집니다.

새 주문 프린터 템플릿 생성

새 주문 프린터 템플릿을 생성하려면 HTML, CSS 및 Liquid에 익숙해야 합니다. Shopify 테마 지원에서는Shopify 디자인 정책범위 내에서 사소한 조정에 도움을 드립니다.

단계:

1. Shopify Admin에서설정>앱 및 판매 채널을 클릭합니다.

2. 주문 프린터를 클릭하여 앱을 엽니다.

3. 탬플릿 관리를 클릭합니다.

4. 템플릿 추가를 클릭합니다.

5. 이름필드에 새 템플릿 이름을 입력합니다.

6. 코드필드에 HTML, CSS 또는 Liquid 코드를 추가하여 템플릿을 생성합니다.

7. 작업을 마치면저장을 클릭합니다.

주문 프린터 템플릿 편집

주문 프린터 템플릿을 편집하려면 HTML, CSS 및 Liquid에 익숙해야 합니다. Shopify 테마 지원에서는Shopify 디자인 정책범위 내에서 사소한 조정에 도움을 드립니다.

단계:

1. Shopify Admin에서설정>앱 및 판매 채널을 클릭합니다.

2. 주문 프린터를 클릭하여 앱을 엽니다.

3. 탬플릿 관리를 클릭합니다.

4. 편집할 템플릿 이름을 클릭합니다.

5. HTML, CSS 또는 Liquid 코드를코드필드에 추가하거나 편집하여 템플릿을 변경합니다. 템플릿 사용자 지정 예를 보려면예시 템플릿 사용자 지정을 참조하십시오.

6. 작업을 마치면저장을 클릭합니다.

예시 템플릿 사용자 지정

다음 예는 주문 프린터 템플릿을 사용자 지정하는 몇 가지 일반적인 방법을 보여줍니다.

• 주문 프린터 템플릿에 로고 추가
• 표 너비 100% 설정
• 제품 썸네일 표시
• 주문 세부 정보 추가

예: 주문 프린터 템플릿에 로고 추가

참고: 다음 사용자 지정에서는 HTML에 대한 기본 지식이 필요합니다.

주문 인보이스, 패킹 슬립 및 사용자 지정 템플릿에 로고를 추가할 수 있습니다.

1. 파일 업로드를 클릭하고 컴퓨터에서 이미지 파일을 선택합니다.

2. 파일페이지에서 이미지 URL을 클릭하여 강조 표시한 후 텍스트를 복사합니다.

3. Shopify Admin에서설정>앱 및 판매 채널을 클릭합니다.

4. 주문 프린터를 클릭하여 앱을 엽니다.

5. 탬플릿 관리를 클릭합니다.

6. 편집할 템플릿 이름을 클릭합니다.

7. 로고를 표시할 위치에서 다음 코드 조각을 템플릿에 입력합니다.

8. your-image-URL을 복사한 이미지 URL로 교체합니다. 로고를 표시할 위치에 따라 이미지의 앞이나 뒤에 줄 바꿈을 추가하려면
태그를 추가해야 할 수 있습니다.

이는 HTML에서 다음과 같이 보여야 합니다.

예: 표 너비 100% 설정

표에 테두리를 만들고 100% 너비로 늘이려면table-tabular클래스를 표에 추가합니다.

class="table-tabular">...

예: 제품 썸네일 표시

제품 썸네일을 포함하려면 이 코드를 템플릿에 삽입합니다.

{{line_item.product.featured_image|product_img_url:'thumb'|img_tag}}

주문 세부 정보 추가

참고: 다음 사용자 지정에는 HTML 및 Liquid에 대한 지식이 필요합니다.

구매한 품목의 이름, 수량, 비용 등의 주문 세부 정보를 템플릿에 추가할 수 있습니다. 템플릿에 주문 세부 정보를 추가하려면 다음 단계를 수행합니다.

1. Shopify Admin에서설정>앱 및 판매 채널을 클릭합니다.

2. 주문 프린터를 클릭하여 앱을 엽니다.

3. 탬플릿 관리를 클릭합니다.

4. 편집할 템플릿 이름을 클릭합니다.

5. Liquid 변수를 사용하여 주문 세부 정보를 추가하고 HTML을 사용하여 형식을 추가합니다. 예를 들어,{{ line_item.price | money }}는 해당 품목의 가격을 인쇄합니다.

6. 작업을 마치면저장을 클릭합니다.

예를 들어, Nyla는 패킹 슬립 템플릿을 편집하여 배송 중인 품목의 목록을 포함하려고 합니다. 그녀는 주문 프린터 앱에서Packing slip템플릿 하단에 다음 코드를 추가합니다.

 
  {% if show_line_item_taxes %}  {% endif %}  {% for line_item in line_items %}  {% if line_item.tax_lines %}  {% endif %}  {% endfor %} 
 
 
 
Quantity
 
Item
Taxes
Price
 
 
 
 
{{ line_item.quantity }} x
 
{{ line_item.title }}
 {% for tax_line in line_item.tax_lines %} {{ tax_line.price | money }} {{ tax_line.title }}
 {% endfor %} 
{{ line_item.price | money }}
 
 

그 결과, 이제 Nyla의 패킹 슬립에는 구매한 품목을 나열한 표가 포함됩니다.