帮助
登录

自定义装箱单

您可以自定义您的装箱单模板。更改模板可让您添加您自己的品牌信息并更改装箱单的外观。

本页内容

更改商店地址

如果您想编辑或更改您的商店地址，则可以转至设置 > 通用并编辑您的商店信息。

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

步骤：

  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 上传到 Shopify 后台。上传后，请记下已上传文件的名称，以便稍后在装箱单模板中使用。

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

步骤：

  1. 在 Shopify 后台中，转至内容 > 文件。

  2. 点击上传文件。

  3. 从您的设备中选择并上传您的商店 logo。

  4. 上传完成后，请记下文件名，包括文件扩展名（例如 .png 或 .jpg）。

添加 logo 并删除商店名称

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

步骤：

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

在商店名称上方添加 logo

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

步骤：

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

在商店名称旁边添加 logo

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

步骤：

  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"
>