使用 Shopify Order Printer 创建和自定义模板

您可以在 Shopify 后台使用 Shopify Order Printer 应用来创建和自定义模板。默认情况下,Shopify Order Printer 应用包含以下模板:

  • 发票:您可以发送给客户的发票
  • 装箱单:您的商店地址和客户的收货地址的打印单。

您可以使用 Liquid 为其他包装插入物(例如优惠券、标签或收据)创建自己的自定义模板。

在 Shopify Order Printer 应用中创建模板的注意事项

在 Shopify Order Printer 应用中创建模板前,请查看以下注意事项:

创建模板

您可以为订单文档创建新模板。

步骤:

  1. 在 Shopify 后台中,点击设置 > 应用和销售渠道

  2. 应用和销售渠道页面中,点击Order Printer

  3. 点击打开应用

  4. 点击模板

  5. 点击创建模板

  6. 名称字段中,输入模板的名称,例如标签或优惠券。

  7. 编辑代码部分,添加 HTML、CSS 或 Liquid 代码以创建模板。

  8. 可选:若要预览模板,请点击预览

  9. 点击保存

编辑模板

您可以编辑现有模板。若要详细了解模板自定义,请参阅模板自定义示例

步骤:

  1. 在 Shopify 后台中,点击设置 > 应用和销售渠道

  2. 应用和销售渠道页面中,点击Order Printer

  3. 点击打开应用

  4. 点击模板

  5. 点击要编辑的模板。

  6. 编辑代码部分,添加或编辑 HTML、CSS 或 Liquid 代码。

  7. 可选:若要预览模板,请点击预览

  8. 点击保存

模板自定义示例

查看以下示例,了解如何自定义 Shopify Order Printer 模板:

您可以将 logo 添加到模板。

步骤:

  1. 在 Shopify 后台中,转至内容 > 文件
  2. 点击上传文件,然后选择要上传的图片文件。
  3. 若要复制 logo 图片 URL,请点击链接图标。
  4. 点击设置 > 应用和销售渠道
  5. 点击 Order Printer
  6. 点击模板
  7. 点击要编辑的模板的名称。
  8. 在代码编辑器中,粘贴以下代码块:

liquid <div style="text-align: center;"> <img style="width: 4em;" src="YOUR_IMAGE_URL_HERE"> </div>

  1. 将代码中的 YOUR_IMAGE_URL_HERE 替换为您的图片 URL。
  2. 可选:若要对齐 logo,请将 text-align 值更改为 leftrightcenter
  3. 可选:若要调整 logo 宽度,请将 width 更改为更大或更小的值,例如 8em2em
  4. 可选:若要预览模板,请点击预览
  5. 点击保存

示例:

请查看以下示例,了解将 logo 添加到模板后 HTML 应该如何显示:

显示代码块将 logo 添加到模板的示例

将表格宽度调整为 100%

您可以为表格添加边框,并将其拉伸为 100% 宽度。您需要将 table-tabular 类添加到表格中。

步骤:

  1. 在 Shopify 后台中,点击设置 > 应用和销售渠道

  2. 应用和销售渠道页面中,点击Order Printer

  3. 点击打开应用

  4. 点击模板

  5. 点击要编辑的模板。

  6. 在代码编辑器中,找到要编辑的表格,然后将 table-tabular 类添加到表格。

  7. 可选:若要预览模板,请点击预览

  8. 点击保存

示例:

<table class="table-tabular">
    ...
</table>

显示产品缩略图

您可以将产品缩略图添加到订单模板。您需要在模板中插入自定义代码块。

步骤:

  1. 在 Shopify 后台中,点击设置 > 应用和销售渠道

  2. 应用和销售渠道页面中,点击Order Printer

  3. 点击打开应用

  4. 点击模板

  5. 点击要编辑的模板。

  6. liquid {{ line_item.product.featured_image | product_img_url: 'thumb' | img_tag }} 代码块添加到模板。

  7. 可选:若要预览模板,请点击预览

  8. 点击保存

添加订单详细信息

您可以向模板中添加订单详细信息,例如所购商品的名称、数量和价格。

步骤:

  1. 在 Shopify 后台中,点击设置 > 应用和销售渠道

  2. 应用和销售渠道页面中,点击Order Printer

  3. 点击打开应用

  4. 点击模板

  5. 点击要编辑的模板。

  6. 在代码编辑器中,使用 Liquid 变量添加订单详细信息,并使用 HTML 添加格式。例如,使用 {{ line_item.price | money }} 显示商品的价格。

  7. 可选:若要预览模板,请点击预览

  8. 点击保存

示例:

Nyla 想对装箱单模板进行编辑,使其包括要发货的商品列表。她在 Shopify Order Printer 应用中将以下代码添加到装箱单模板底部。随后,Nyla 的装箱单现将包含一张列出了已购商品的表格。

liquid <br> <br> <table class="table-tabular" style="margin: 0 0 1.5em 0;"> <thead> <tr> <th>Quantity</th> <th>Item</th> {% if tax_lines.size > 0 %} <th>Taxes</th> {% endif %} <th>Price</th> </tr> </thead> <tbody> {% for line_item in line_items %} <tr> <td>{{ line_item.quantity }} x</td> <td><b>{{ line_item.title }}</b></td> {% if line_item.tax_lines %} <td> {% for tax_line in line_item.tax_lines %} {{ tax_line.price | money }} {{ tax_line.title }}<br/> {% endfor %} </td> {% endif %} <td>{{ line_item.price | money }}</td> </tr> {% endfor %} </tbody> </table>

准备好开始使用 Shopify 进行销售了吗?

免费试用