自訂裝箱單

您可以自訂裝箱單的範本。變更範本能讓您加入自己的品牌,以及變更裝箱單的外觀與質感。

變更商店地址

若要編輯或變更商店地址,可以依序前往「設定」>「商店詳細資訊」,然後編輯商店資訊。

若您只要變更裝箱單上的地址,請遵循以下步驟執行。

步驟如下:

  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 管理員,才能在裝箱單加上標誌。您需要具有指派給檔案以用在裝箱單上的 URL。

在您將標誌上傳到商店後,可以新增與移除商店名稱在商店名稱上方新增標誌在商店名稱旁新增標誌

步驟如下:

  1. 在 Shopify 管理介面 中,依序前往「內容」>「檔案」。
  2. 按一下「上傳檔案」
  3. 從您的裝置選取商店標誌並上傳。
  4. 上傳作業完成後,請複製檔案 URL。

新增標誌與移除商店名稱

您可以移除裝箱單頂端的商店名稱,並且以商店標誌取代。

步驟如下:

  1. 在 Shopify 管理介面 中,前往「設定」>「運送和配送」。

  2. 「裝箱單」區段中,按下「編輯」

  3. 找到以下引用您商店名稱的代碼:

<p class="to-uppercase">
  {{ shop.name }}
</p>
  1. 反白這段程式碼,然後刪除。
  2. 在剛才建立的空間中,寫入下列程式碼,然後在指示的位置貼上複製的網址:
<img src="PASTE FILE URL HERE" style="width: 60px; height: 60px;">
  1. 選取「預覽範本」以檢視變更內容。
  2. 按一下「儲存」。

在商店名稱上方新增標誌

如果您要在裝箱單頂端的商店名稱上方新增標誌,請遵循以下步驟執行。

步驟如下:

  1. 在 Shopify 管理介面 中,前往「設定」>「運送和配送」。

  2. 「裝箱單」區段中,按下「編輯」

  3. 找到下列參照商店名稱的 Liquid 變數,然後在兩行之間插入斷行符號:

<div class="shop-title">
      |
      <p class="to-uppercase">
  1. 在剛才建立的空間中,寫入下列程式碼,然後在指示的位置貼上複製的網址:
<img src="PASTE FILE URL HERE" style="width: 60px; height: 60px;">
<br>
  1. 選取「預覽範本」以檢視變更內容。
  2. 按一下「儲存」。

在商店名稱旁邊新增標誌

如果您要在裝箱單頂端的商店名稱旁邊新增標誌,請遵循下列步驟執行。

步驟如下:

  1. 在 Shopify 管理介面 中,前往「設定」>「運送和配送」。

  2. 「裝箱單」區段中,按下「編輯」

  3. 找到下列參照商店名稱的 Liquid 變數:

<p class="to-uppercase">
{{ shop.name }}
</p>
  1. 反白這段程式碼,然後刪除。
  2. 在剛才建立的空間中,寫入下列程式碼,然後在指示的位置貼上複製的網址:
<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 自訂裝箱單

您可以使用上傳至 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"
>

準備好開始透過 Shopify 銷售商品了嗎?

免費試用