Ajutor
Conectați-vă

Personalizarea listelor de colisaj

Puteți personaliza șablonul listelor de colisaj. Modificarea șablonului vă permite să adăugați propriul branding și să schimbați aspectul listei de colisaj.

Pe această pagină

Modificarea adresei magazinului

Dacă doriți să editați sau să modificați adresa magazinului, atunci puteți accesa Setări > General și edita informațiile magazinului.

Dacă doriți să modificați doar adresa de pe listele de colisaj, urmați pașii de mai jos.

Pași:

  1. Din panoul de administrare Shopify, accesați Setări > Livrare și expediere.

  2. În secțiunea Documente, faceți clic pe Șablon aviz de însoțire a mărfii.

  3. Găsiți variabila Liquid {{ shop_address.summary }} care face referire la adresa magazinului dumneavoastră. Dacă nu găsiți această variabilă, atunci încercați-o pe următoarea:

{{ shop_address.address1 }}, {{ shop_address.city }}, {{ shop_address.province_code }}, {{ shop_address.zip }}, {{ shop_address.country }}
  1. Evidențiați acest cod și ștergeți-l.
  2. Introduceți adresa pe care doriți să o afișați pe listele de colisaj în acest spațiu gol. De exemplu, puteți introduce adresa astfel încât să arate astfel: Strada Exemplu nr. 123, New York, NY, 10000, Statele Unite
  3. Dați clic pe Previzualizare șablon pentru a vedea modificările.
  4. Dați clic pe Salvare.

Eliminarea imaginilor de produs

Puteți elimina imaginile produselor care se afișează lângă titlurile produselor pe listele de colisaj.

Pași:

  1. Din panoul de administrare Shopify, accesați Setări > Livrare și expediere.

  2. În secțiunea Documente, faceți clic pe Șablon aviz de însoțire a mărfii.

  3. Găsiți următoarele variabile Liquid care fac referire la imaginile produselor dumneavoastră:

{% 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. Evidențiați acest cod și ștergeți-l.
  2. Dați clic pe Previzualizare șablon pentru a previzualiza modificările.
  3. Dați clic pe Salvare.

Înainte de a adăuga sigla magazinului în listele de colisaj, trebuie să încărcați sigla în panoul de administrare Shopify. După încărcare, rețineți numele fișierului încărcat pentru a-l utiliza ulterior în șablonul listei de colisaj.

După ce încărcați sigla în magazin, puteți să adăugați sigla și să eliminați numele magazinului, să adăugați sigla deasupra numelui magazinului sau să adăugați sigla lângă numele magazinului.

Pași:

  1. Din panoul de administrare Shopify, accesați Conținut > Fișiere.

  2. Dați clic pe Încărcare fișiere.

  3. Selectați și încărcați sigla magazinului de pe dispozitivul dumneavoastră.

  4. Rețineți numele fișierului după finalizarea încărcării, inclusiv extensia fișierului (de exemplu, .png sau .jpg).

Adăugarea siglei și eliminarea numelui magazinului

Puteți elimina numele magazinului și îl puteți înlocui cu sigla magazinului în partea de sus a listelor de colisaj.

Pași:

  1. Din panoul de administrare Shopify, accesați Setări > Livrare și expediere.

  2. În secțiunea Documente, faceți clic pe Șablon aviz de însoțire a mărfii.

  3. Găsiți următorul cod care face referire la numele magazinului dumneavoastră:

<p class="to-uppercase">
  {{ shop.name }}
</p>
  1. Evidențiați acest cod și ștergeți-l.
  2. În spațiul creat, scrieți următorul cod folosind numele fișierului încărcat anterior:
{{ 'FILE NAME' | file_img_url: 'small' | img_tag: 'Logo' }}

Filtrul file_img_url generează URL-ul pentru fișierul încărcat cu dimensiunea specificată, iar filtrul img_tag creează o etichetă de imagine HTML cu textul alt pe care îl furnizați.

De exemplu, dacă fișierul încărcat este shop_logo.png, codul Liquid corespunzător va fi:

{{ 'shop_logo.png' | file_img_url: 'small' | img_tag: 'Logo' }}
  1. Selectați Previzualizare șablon pentru a previzualiza modificările.
  2. Dați clic pe Salvare.

Adăugarea siglei deasupra numelui magazinului

Dacă doriți să adăugați sigla deasupra numelui magazinului în partea de sus a listelor de colisaj, urmați pașii de mai jos.

Pași:

  1. Din panoul de administrare Shopify, accesați Setări > Livrare și expediere.

  2. În secțiunea Documente, faceți clic pe Șablon aviz de însoțire a mărfii.

  3. Găsiți următoarea variabilă Liquid care face referire la numele magazinului și adăugați un sfârșit de linie între cele două linii:

<div class="shop-title">
      |
      <p class="to-uppercase">
  1. În spațiul creat, scrieți următorul cod folosind numele fișierului încărcat anterior (de exemplu, shop_logo.png):
{{ 'FILE NAME' | file_img_url: 'small' | img_tag: 'Logo' }}
<br>
  1. Selectați Previzualizare șablon pentru a previzualiza modificările.
  2. Dați clic pe Salvare.

Adăugarea siglei lângă numele magazinului

Dacă doriți să adăugați sigla lângă numele magazinului în partea de sus a listelor de colisaj, urmați pașii de mai jos.

Pași:

  1. Din panoul de administrare Shopify, accesați Setări > Livrare și expediere.

  2. În secțiunea Documente, faceți clic pe Șablon aviz de însoțire a mărfii.

  3. Găsiți următoarea variabilă Liquid care face referire la numele magazinului dumneavoastră:

<p class="to-uppercase">
{{ shop.name }}
</p>
  1. Evidențiați acest cod și ștergeți-l.
  2. În spațiul creat, scrieți următorul cod folosind numele fișierului încărcat anterior (de exemplu, shop_logo.png):
{{ 'FILE NAME' | file_img_url: 'small' | img_tag: 'Logo' }}
<span class="to-uppercase">
  {{ shop.name }}
</span>
  1. Găsiți următoarele variabile Liquid:
.shop-title {
  -webkit-box-flex: 6;
  -webkit-flex: 6;
  flex: 6;
  font-size: 1.9em;
}
  1. Adăugați o linie nouă la sfârșitul variabilelor enumerate mai sus și inserați următorul cod:
.shop-title img {
 vertical-align: middle;
}

.shop-title span {
 vertical-align: middle;
}
  1. Selectați Previzualizare șablon pentru a previzualiza modificările.
  2. Dați clic pe Salvare.

Stilizarea listelor de colisaj folosind CSS

Puteți personaliza lista de colisaj utilizând fișierele CSS pe care le încărcați în Shopify. Fișierele CSS găzduite în afara Shopify nu vor fi randate corect.

Pași:

  1. Din panoul de administrare Shopify, accesați Conținut > Fișiere.

  2. Dați clic pe Încărcare fișiere.

  3. Selectați și încărcați fișierul CSS.

  4. Copiați URL-ul fișierului atunci când încărcarea este finalizată.

  5. Includeți următorul cod:

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