自訂裝箱單
您可以自訂裝箱單的範本。變更範本能讓您加入自己的品牌,以及變更裝箱單的外觀與質感。
此頁面上
變更商店地址
若要編輯或變更商店地址,可以依序前往「設定」>「一般」,然後編輯商店資訊。
若您只要變更裝箱單上的地址,請遵循以下步驟執行。
步驟如下:
在 Shopify 管理介面 中,前往「設定」>「運送和配送」。
在「裝箱單」區段中,按下「編輯」。
找到參照商店地址的
{{ shop_address.summary }}
Liquid 變數,如果您找不到此變數,請嘗試以下方法:
{{ shop_address.address1 }}, {{ shop_address.city }}, {{ shop_address.province_code }}, {{ shop_address.zip }}, {{ shop_address.country }}
- 反白這段程式碼,然後刪除。
- 在這個空白區域輸入您要顯示在裝箱單上的地址。舉例來說,您可以輸入如下地址:
123 Example Street, New York, NY, 10000, United States
- 點擊「預覽範本」以檢視變更內容。
- 按一下「儲存」。
移除商品影像
您可以移除裝箱單上顯示在商品名稱旁的商品影像。
步驟如下:
在 Shopify 管理介面 中,前往「設定」>「運送和配送」。
在「裝箱單」區段中,按下「編輯」。
找到下列參照產品圖片的 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 %}
- 反白這段程式碼,然後刪除。
- 按一下「預覽範本」以預覽變更內容。
- 按一下「儲存」。
編輯標誌
您必須將標誌上傳到 Shopify 管理員,才能在裝箱單加上標誌。您需要具有指派給檔案以用在裝箱單上的 URL。
在您將標誌上傳到商店後,可以新增與移除商店名稱、在商店名稱上方新增標誌或在商店名稱旁新增標誌。
步驟如下:
在 Shopify 管理介面中,前往「內容」>「檔案」。
按一下「上傳檔案」。
從您的裝置選取商店標誌並上傳。
上傳作業完成後,請複製檔案 URL。
新增標誌與移除商店名稱
您可以移除裝箱單頂端的商店名稱,並且以商店標誌取代。
步驟如下:
在 Shopify 管理介面 中,前往「設定」>「運送和配送」。
在「裝箱單」區段中,按下「編輯」。
找到以下引用您商店名稱的代碼:
<p class="to-uppercase">
{{ shop.name }}
</p>
- 反白這段程式碼,然後刪除。
- 在剛才建立的空間中,寫入下列程式碼,然後在指示的位置貼上複製的網址:
<img src="PASTE FILE URL HERE" style="width: 60px; height: 60px;">
- 選取「預覽範本」以預覽變更內容。
- 按一下「儲存」。
在商店名稱上方新增標誌
如果您要在裝箱單頂端的商店名稱上方新增標誌,請遵循以下步驟執行。
步驟如下:
在 Shopify 管理介面 中,前往「設定」>「運送和配送」。
在「裝箱單」區段中,按下「編輯」。
找到下列參照商店名稱的 Liquid 變數,然後在兩行之間插入斷行符號:
<div class="shop-title">
|
<p class="to-uppercase">
- 在剛才建立的空間中,寫入下列程式碼,然後在指示的位置貼上複製的網址:
<img src="PASTE FILE URL HERE" style="width: 60px; height: 60px;">
<br>
- 選取「預覽範本」以預覽變更內容。
- 按一下「儲存」。
在商店名稱旁邊新增標誌
如果您要在裝箱單頂端的商店名稱旁邊新增標誌,請遵循下列步驟執行。
步驟如下:
在 Shopify 管理介面 中,前往「設定」>「運送和配送」。
在「裝箱單」區段中,按下「編輯」。
找到下列參照商店名稱的 Liquid 變數:
<p class="to-uppercase">
{{ shop.name }}
</p>
- 反白這段程式碼,然後刪除。
- 在剛才建立的空間中,寫入下列程式碼,然後在指示的位置貼上複製的網址:
<img src="PASTE FILE URL HERE" style="width: 60px; height: 60px;">
<span class="to-uppercase">
{{ shop.name }}
</span>
- 尋找下列 Liquid 變數:
.shop-title {
-webkit-box-flex: 6;
-webkit-flex: 6;
flex: 6;
font-size: 1.9em;
}
- 在上方所列變數的結尾插入新行,然後貼上下列程式碼:
.shop-title img {
vertical-align: middle;
}
.shop-title span {
vertical-align: middle;
}
- 選取「預覽範本」以預覽變更內容。
- 按一下「儲存」。
使用 CSS 自訂裝箱單
您可以使用上傳至 Shopify 的 CSS 檔案自訂裝箱單。若為非 Shopify 平台代管的 CSS 檔案則無法正常轉譯。
步驟如下:
在 Shopify 管理介面中,前往「內容」>「檔案」。
按一下「上傳檔案」。
選取您的 CSS 檔案並上傳。
上傳作業完成後,請複製檔案 URL。
包含以下程式碼:
<link
rel="stylesheet"
type="text/css"
href="https://cdn.shopify.com/path_to_file/styles.css"
>