Настройка упаковочных листов

Вы можете настроить шаблон своих упаковочных листов. Изменение шаблона позволяет добавить собственный брендинг и поменять внешний вид упаковочного листа.

На этой странице

Изменение адреса магазина

Если вы хотите изменить или поменять адрес своего магазина, перейдите в раздел «Настройки» > «Общие» и отредактируйте информацию о магазине.

Если вы хотите поменять только адрес в упаковочных листах, выполните следующие действия.

Шаги:

В панели администратора Shopify перейдите в раздел «Настройки» > «Доставка и самовывоз».
В разделе Документы нажмите Шаблон упаковочного листа.
Найдите переменную Liquid {{ shop_address.summary }}, которая содержит адрес вашего магазина. Если вы не можете найти эту переменную, попробуйте следующую:

{{ 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. После загрузки запишите имя файла, чтобы использовать его позже в шаблоне упаковочного листа.

После загрузки логотипа в магазин вы можете добавить логотип и удалить название магазина, добавить логотип над названием магазина или добавить логотип рядом с названием магазина.

Шаги:

В панели администратора Shopify перейдите в раздел «Контент» > «Файлы».
Нажмите «Загрузить файлы».
Выберите и загрузите логотип магазина со своего устройства.
После завершения загрузки запишите имя файла, включая расширение (например, .png или .jpg).

Добавление логотипа и удаление названия магазина

Вы можете удалить название своего магазина и заменить его логотипом в верхней части упаковочных листов.

Шаги:

В панели администратора Shopify перейдите в раздел «Настройки» > «Доставка и самовывоз».
В разделе Документы нажмите Шаблон упаковочного листа.
Найдите следующий код, который относится к названию вашего магазина:

<p class="to-uppercase">
  {{ shop.name }}
</p>

Выделите этот код и удалите его.
В созданном месте введите следующий код, используя имя ранее загруженного файла:

{{ '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' }}

Нажмите «Предпросмотр шаблона», чтобы просмотреть изменения.
Нажмите «Сохранить».

Добавление логотипа над названием магазина

Если вы хотите добавить логотип над названием магазина в верхней части упаковочных листов, выполните следующие действия.

Шаги:

В панели администратора Shopify перейдите в раздел «Настройки» > «Доставка и самовывоз».
В разделе Документы нажмите Шаблон упаковочного листа.
Найдите следующую переменную Liquid, которая относится к названию вашего магазина, и добавьте разрыв строки между двумя строками:

<div class="shop-title">
      |
      <p class="to-uppercase">

В созданном месте введите следующий код, используя имя ранее загруженного файла (например, shop_logo.png):

{{ 'FILE NAME' | file_img_url: 'small' | img_tag: 'Logo' }}
<br>

Нажмите «Предпросмотр шаблона», чтобы просмотреть изменения.
Нажмите «Сохранить».

Добавление логотипа рядом с названием магазина

Если вы хотите добавить логотип рядом с названием магазина в верхней части упаковочных листов, выполните следующие действия.

Шаги:

В панели администратора Shopify перейдите в раздел «Настройки» > «Доставка и самовывоз».
В разделе Документы нажмите Шаблон упаковочного листа.
Найдите следующую переменную Liquid, которая относится к названию вашего магазина:

<p class="to-uppercase">
{{ shop.name }}
</p>

Выделите этот код и удалите его.
В созданном месте введите следующий код, используя имя ранее загруженного файла (например, shop_logo.png):

{{ 'FILE NAME' | file_img_url: 'small' | img_tag: 'Logo' }}
<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

Вы можете настроить упаковочный лист с помощью CSS-файлов, загруженных в Shopify. CSS-файлы, размещённые за пределами Shopify, не будут отображаться должным образом.

Шаги:

В панели администратора Shopify перейдите в раздел «Контент» > «Файлы».
Нажмите «Загрузить файлы».
Выберите и загрузите ваш CSS-файл.
Скопируйте URL-адрес файла после завершения загрузки.
Добавьте следующий код:

<link
  rel="stylesheet"
  type="text/css"
  href="https://cdn.shopify.com/path_to_file/styles.css"
>