Pakuotės lapelių tinkinimas
Galite tinkinti savo pakuotės lapelių šabloną. Pakeitę šabloną galėsite pridėti savo prekės ženklo elementų ir pakeisti pakuotės lapelio išvaizdą bei pojūtį.
Šiame puslapyje
Parduotuvės adreso keitimas
Jei norite redaguoti arba pakeisti parduotuvės adresą, eikite į Nustatymai > Bendra ir redaguokite parduotuvės informaciją.
Jei norite pakeisti tik adresą pakuotės lapeliuose, atlikite toliau nurodytus veiksmus.
Veiksmai:
Savo „Shopify“ administratoriaus skydelyje eikite į Nustatymai > Pristatymas ir išsiuntimas.
Skiltyje Dokumentai spustelėkite Pakavimo lapo šabloną.
Raskite „Liquid“ kintamąjį
{{ shop_address.summary }}, kuris nurodo jūsų parduotuvės adresą. Jei šio kintamojo nerandate, išbandykite šį:
{{ shop_address.address1 }}, {{ shop_address.city }}, {{ shop_address.province_code }}, {{ shop_address.zip }}, {{ shop_address.country }}- Pažymėkite šį kodą ir jį panaikinkite.
- Šioje tuščioje vietoje įveskite adresą, kurį norite matyti pakuotės lapeliuose. Pavyzdžiui, galite įvesti adresą, kuris atrodytų taip:
123 Pavyzdžio g., Niujorkas, NY, 10000, Jungtinės Valstijos - Spustelėkite Peržiūrėti šabloną, kad pamatytumėte pakeitimus.
- Spustelėkite Išsaugoti.
Produkto vaizdų šalinimas
Galite pašalinti produktų vaizdus, kurie rodomi šalia produktų pavadinimų pakuotės lapeliuose.
Veiksmai:
Savo „Shopify“ administratoriaus skydelyje eikite į Nustatymai > Pristatymas ir išsiuntimas.
Skiltyje Dokumentai spustelėkite Pakavimo lapo šabloną.
Raskite šiuos „Liquid“ kintamuosius, kurie nurodo jūsų produktų vaizdus:
{% 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 %}- Pažymėkite šį kodą ir jį panaikinkite.
- Spustelėkite Peržiūrėti šabloną, kad peržiūrėtumėte pakeitimus.
- Spustelėkite Išsaugoti.
Logotipo redagavimas
Prieš pridėdami parduotuvės logotipą į pakuotės lapelius, turite įkelti logotipą į „Shopify“ administratorių. Įkėlę įsidėmėkite įkelto failo pavadinimą, kad vėliau galėtumėte jį panaudoti pakuotės lapelio šablone.
Įkėlę logotipą į savo parduotuvę, galite pridėti logotipą ir pašalinti parduotuvės pavadinimą, pridėti logotipą virš parduotuvės pavadinimo arba pridėti logotipą šalia parduotuvės pavadinimo.
Veiksmai:
Savo „Shopify“ administratoriaus skydelyje eikite į Turinys > Failai.
Spustelėkite Įkelti failus.
Pasirinkite ir įkelkite savo parduotuvės logotipą iš savo įrenginio.
Baigę įkėlimą įsidėmėkite failo pavadinimą, įskaitant failo plėtinį (pavyzdžiui,
.pngarba.jpg).
Logotipo pridėjimas ir parduotuvės pavadinimo šalinimas
Galite pašalinti savo parduotuvės pavadinimą ir pakeisti jį parduotuvės logotipu pakuotės lapelių viršuje.
Veiksmai:
Savo „Shopify“ administratoriaus skydelyje eikite į Nustatymai > Pristatymas ir išsiuntimas.
Skiltyje Dokumentai spustelėkite Pakavimo lapo šabloną.
Raskite šį kodą, kuris nurodo jūsų parduotuvės pavadinimą:
<p class="to-uppercase">
{{ shop.name }}
</p>- Pažymėkite šį kodą ir jį panaikinkite.
- Sukurtoje vietoje įrašykite šį kodą, naudodami anksčiau įkelto failo pavadinimą:
{{ 'FILE NAME' | file_img_url: 'small' | img_tag: 'Logo' }}file_img_url filtras sugeneruoja nurodyto dydžio įkelto failo URL, o img_tag filtras sukuria HTML paveikslėlio žymą su Jūsų pateiktu alternatyviu tekstu.
Pavyzdžiui, jei įkeltas failas yra shop_logo.png, atitinkamas „Liquid“ kodas bus:
{{ 'shop_logo.png' | file_img_url: 'small' | img_tag: 'Logo' }}- Pasirinkite Peržiūrėti šabloną, kad peržiūrėtumėte pakeitimus.
- Spustelėkite Išsaugoti.
Logotipo pridėjimas virš parduotuvės pavadinimo
Jei norite pridėti logotipą virš parduotuvės pavadinimo pakuotės lapelių viršuje, atlikite toliau nurodytus veiksmus.
Veiksmai:
Savo „Shopify“ administratoriaus skydelyje eikite į Nustatymai > Pristatymas ir išsiuntimas.
Skiltyje Dokumentai spustelėkite Pakavimo lapo šabloną.
Raskite šį „Liquid“ kintamąjį, kuris nurodo jūsų parduotuvės pavadinimą, ir pridėkite eilutės pabaigą tarp dviejų eilučių:
<div class="shop-title">
|
<p class="to-uppercase">- Sukurtoje vietoje įrašykite šį kodą, naudodami anksčiau įkelto failo pavadinimą (pavyzdžiui,
shop_logo.png):
{{ 'FILE NAME' | file_img_url: 'small' | img_tag: 'Logo' }}
<br>- Pasirinkite Peržiūrėti šabloną, kad peržiūrėtumėte pakeitimus.
- Spustelėkite Išsaugoti.
Logotipo pridėjimas šalia parduotuvės pavadinimo
Jei norite pridėti logotipą šalia parduotuvės pavadinimo pakuotės lapelių viršuje, atlikite toliau nurodytus veiksmus.
Veiksmai:
Savo „Shopify“ administratoriaus skydelyje eikite į Nustatymai > Pristatymas ir išsiuntimas.
Skiltyje Dokumentai spustelėkite Pakavimo lapo šabloną.
Raskite šį „Liquid“ kintamąjį, kuris nurodo jūsų parduotuvės pavadinimą:
<p class="to-uppercase">
{{ shop.name }}
</p>- Pažymėkite šį kodą ir jį panaikinkite.
- Sukurtoje vietoje įrašykite šį kodą, naudodami anksčiau įkelto failo pavadinimą (pavyzdžiui,
shop_logo.png):
{{ 'FILE NAME' | file_img_url: 'small' | img_tag: 'Logo' }}
<span class="to-uppercase">
{{ shop.name }}
</span>- Raskite šiuos „Liquid“ kintamuosius:
.shop-title {
-webkit-box-flex: 6;
-webkit-flex: 6;
flex: 6;
font-size: 1.9em;
}- Aukščiau išvardytų kintamųjų pabaigoje pridėkite naują eilutę ir įklijuokite šį kodą:
.shop-title img {
vertical-align: middle;
}
.shop-title span {
vertical-align: middle;
}- Pasirinkite Peržiūrėti šabloną, kad peržiūrėtumėte pakeitimus.
- Spustelėkite Išsaugoti.
Pakuotės lapelių stiliaus kūrimas naudojant CSS
Galite tinkinti pakuotės lapelį naudodami CSS failus, kuriuos įkeliate į „Shopify“. Ne „Shopify“ priglobti CSS failai nebus tinkamai atvaizduojami.
Veiksmai:
Savo „Shopify“ administratoriaus skydelyje eikite į Turinys > Failai.
Spustelėkite Įkelti failus.
Pasirinkite ir įkelkite savo CSS failą.
Kai įkėlimas bus baigtas, nukopijuokite failo URL.
Įtraukite šį kodą:
<link
rel="stylesheet"
type="text/css"
href="https://cdn.shopify.com/path_to_file/styles.css"
>