自定义装箱单

您可以自定义装箱单的模板。通过更改模板，您可以添加自己的品牌并更改装箱单的外观。

更改商店地址

如果要编辑或更改商店地址，则可以转到设置 > 常规，然后编辑商店信息。

如果您只想更改装箱单上的地址，请按照以下步骤操作。

步骤：

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. 点击保存。

编辑 logo

将商店 logo 添加到装箱单之前，您需要将 logo 上传到 Shopify 后台。您需要分配给文件的 URL 才能在装箱单上使用。

将 logo 上传至商店后，您可以添加您的 logo 并删除商店名称、将您的 logo 添加至商店名称上方或者将您的 logo 添加至商店名称旁。

步骤：

1. 在 Shopify 后台中，转至内容 > 文件。
2. 点击上传文件。
3. 从您的设备中选择并上传商店logo。
4. 上传完成后复制文件 URL。

添加 logo 并删除商店名称

您可以删除商店名称，并将其替换为装箱单顶部的商店 logo。

步骤：

1. 在 Shopify 后台中，转至设置 > 发货和配送。

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. 点击保存。

将 logo 添加到商店名称上方

如果您要将 logo 添加到装箱单顶部的商店名称上方，请按照以下步骤操作。

步骤：

1. 在 Shopify 后台中，转至设置 > 发货和配送。

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. 点击保存。

将 logo 添加到商店名称旁边

如果您要将 logo 添加到装箱单顶部的商店名称旁边，请按照以下步骤操作。

步骤：

1. 在 Shopify 后台中，转至设置 > 发货和配送。

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 设置装箱单样式

提示:

使用 CSS 设置模板样式需要具备 HTML 和 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"
>