Персонализиране на опаковъчни списъци

Можете да персонализирате шаблона на Вашите опаковъчни списъци. Промяната на шаблона Ви позволява да добавите свое собствено брандиране и да промените облика на опаковъчния списък.

На тази страница

Промяна на адреса на магазина

Ако искате да редактирате или промените адреса на магазина си, можете да отидете в Настройки > Общи и да редактирате информацията за магазина си.

Ако искате да промените само адреса на Вашите опаковъчни списъци, следвайте стъпките по-долу.

Стъпки:

От Вашия администраторски панел на 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"
>