Ohje
Kirjaudu sisään

Pakkausluetteloiden mukauttaminen

Voit mukauttaa pakkausluetteloidesi mallia. Mallia muuttamalla voit lisätä omaa brändäystäsi ja muuttaa pakkausluettelon käyttötuntumaa.

Tällä sivulla

Vaihda kaupan osoite

Jos haluat muokata tai vaihtaa kauppasi osoitetta, siirry kohtaan Asetukset > Yleiset ja muokkaa kauppasi tietoja.

Jos haluat vaihtaa osoitteen vain pakkausluetteloihisi, toimi seuraavasti.

Vaiheet:

  1. Siirry Shopifyn ohjausnäkymässä kohtaan Asetukset > Toimitus ja nouto.

  2. Klikkaa Asiakirjat-osiossa kohtaa Pakkausluettelon malli.

  3. Etsi {{ shop_address.summary }} Liquid-muuttuja, joka viittaa kauppasi osoitteeseen. Jos et löydä tätä muuttujaa, kokeile seuraavaa:

{{ shop_address.address1 }}, {{ shop_address.city }}, {{ shop_address.province_code }}, {{ shop_address.zip }}, {{ shop_address.country }}
  1. Korosta tämä koodi ja poista se.
  2. Kirjoita tyhjään tilaan osoite, jonka haluat näkyvän pakkausluetteloissasi. Voit kirjoittaa osoitteen esimerkiksi seuraavasti: 123 Esimerkkikatu, New York, NY, 10000, Yhdysvallat
  3. Klikkaa Esikatsele mallia nähdäksesi muutoksesi.
  4. Klikkaa Tallenna.

Poista tuotekuvat

Voit poistaa tuotteidesi kuvat, jotka näkyvät tuotenimikkeiden vieressä pakkausluetteloissasi.

Vaiheet:

  1. Siirry Shopifyn ohjausnäkymässä kohtaan Asetukset > Toimitus ja nouto.

  2. Klikkaa Asiakirjat-osiossa kohtaa Pakkausluettelon malli.

  3. Etsi seuraavat tuotekuviin viittaavat Liquid-muuttujat:

{% 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. Korosta tämä koodi ja poista se.
  2. Klikkaa Esikatsele mallia nähdäksesi muutoksesi.
  3. Klikkaa Tallenna.

Ennen kuin lisäät kauppasi logon pakkausluetteloihin, sinun on ladattava logo Shopifyn ohjausnäkymään. Kirjaa lataamisen jälkeen muistiin ladatun tiedoston nimi, jotta voit käyttää sitä myöhemmin pakkausluettelon mallissa.

Kun olet ladannut logosi kauppaasi, voit lisätä logosi ja poistaa kaupan nimen, lisätä logosi kaupan nimen yläpuolelle tai lisätä logosi kaupan nimen viereen.

Vaiheet:

  1. Siirry Shopifyn ohjausnäkymässä kohtaan Sisältö > Tiedostot.

  2. Klikkaa Lataa tiedostoja.

  3. Valitse ja lataa kauppasi logo laitteeltasi.

  4. Kirjaa tiedoston nimi muistiin, kun lataus on valmis, mukaan lukien tiedostopääte (esimerkiksi .png tai .jpg).

Lisää logo ja poista kaupan nimi

Voit poistaa kauppasi nimen ja korvata sen kauppasi logolla pakkausluetteloiden yläreunassa.

Vaiheet:

  1. Siirry Shopifyn ohjausnäkymässä kohtaan Asetukset > Toimitus ja nouto.

  2. Klikkaa Asiakirjat-osiossa kohtaa Pakkausluettelon malli.

  3. Etsi seuraava kauppasi nimeen viittaava koodi:

<p class="to-uppercase">
  {{ shop.name }}
</p>
  1. Korosta tämä koodi ja poista se.
  2. Kirjoita luomaasi tilaan seuraava koodi käyttäen aiemmin ladatun tiedoston nimeä:
{{ 'FILE NAME' | file_img_url: 'small' | img_tag: 'Logo' }}

file_img_url-suodatin luo URL-osoitteen ladatulle tiedostolle määritetyssä koossa, ja img_tag-suodatin luo HTML-kuvatunnisteen antamallasi vaihtoehtoisella tekstillä.

Jos ladattu tiedosto on esimerkiksi shop_logo.png, vastaava Liquid-koodi on:

{{ 'shop_logo.png' | file_img_url: 'small' | img_tag: 'Logo' }}
  1. Valitse Esikatsele mallia nähdäksesi muutoksesi.
  2. Klikkaa Tallenna.

Lisää logo kaupan nimen yläpuolelle

Jos haluat lisätä logosi kaupan nimen yläpuolelle pakkausluetteloiden yläreunaan, toimi seuraavasti.

Vaiheet:

  1. Siirry Shopifyn ohjausnäkymässä kohtaan Asetukset > Toimitus ja nouto.

  2. Klikkaa Asiakirjat-osiossa kohtaa Pakkausluettelon malli.

  3. Etsi seuraava kauppasi nimeen viittaava Liquid-muuttuja ja lisää rivinvaihto kahden rivin väliin:

<div class="shop-title">
      |
      <p class="to-uppercase">
  1. Kirjoita luomaasi tilaan seuraava koodi käyttäen aiemmin lataamaasi tiedoston nimeä (esimerkiksi shop_logo.png):
{{ 'FILE NAME' | file_img_url: 'small' | img_tag: 'Logo' }}
<br>
  1. Valitse Esikatsele mallia nähdäksesi muutoksesi.
  2. Klikkaa Tallenna.

Lisää logo kaupan nimen viereen

Jos haluat lisätä logosi kaupan nimen viereen pakkausluetteloiden yläreunaan, toimi seuraavasti.

Vaiheet:

  1. Siirry Shopifyn ohjausnäkymässä kohtaan Asetukset > Toimitus ja nouto.

  2. Klikkaa Asiakirjat-osiossa kohtaa Pakkausluettelon malli.

  3. Etsi seuraava kauppasi nimeen viittaava Liquid-muuttuja:

<p class="to-uppercase">
{{ shop.name }}
</p>
  1. Korosta tämä koodi ja poista se.
  2. Kirjoita luomaasi tilaan seuraava koodi käyttäen aiemmin lataamaasi tiedoston nimeä (esimerkiksi shop_logo.png):
{{ 'FILE NAME' | file_img_url: 'small' | img_tag: 'Logo' }}
<span class="to-uppercase">
  {{ shop.name }}
</span>
  1. Etsi seuraavat Liquid-muuttujat:
.shop-title {
  -webkit-box-flex: 6;
  -webkit-flex: 6;
  flex: 6;
  font-size: 1.9em;
}
  1. Lisää uusi rivi yllä lueteltujen muuttujien loppuun ja liitä seuraava koodi:
.shop-title img {
 vertical-align: middle;
}

.shop-title span {
 vertical-align: middle;
}
  1. Valitse Esikatsele mallia nähdäksesi muutoksesi.
  2. Klikkaa Tallenna.

Muotoile pakkausluetteloita CSS:n avulla

Voit mukauttaa pakkausluetteloasi käyttämällä CSS-tiedostoja, jotka lataat Shopifyhin. Shopifyn ulkopuolella isännöityjä CSS-tiedostoja ei hahmonneta oikein.

Vaiheet:

  1. Siirry Shopifyn ohjausnäkymässä kohtaan Sisältö > Tiedostot.

  2. Klikkaa Lataa tiedostoja.

  3. Valitse ja lataa CSS-tiedostosi.

  4. Kopioi tiedoston URL-osoite, kun lataus on valmis.

  5. Lisää seuraava koodi:

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