Pakkausluettelon mukautukset

Voit muokata pakkausluettelojen mallia. Mallia muuttamalla voit lisätä mukaan oman tuotemerkkisi ja muuttaa pakkausluettelon käyttötuntumaa.

Kaupan osoitteen muuttaminen

Jos haluat muokata tai muuttaa kauppasi osoitetta, siirry kohtaan Asetukset > Kaupan tiedot ja muokkaa kaupan tietoja.

Jos haluat muuttaa vain pakkausluettelossa näkyvää osoitetta, toimi seuraavasti.

Tee näin:

1. Siirry Shopify Adminissa kohtaan Asetukset > Lähetys ja toimitus.

2. Valitse Pakkausluettelot-osiosta Muokkaa.

3. Etsi kauppasi osoitteeseen viittaava Liquid-muuttuja {{ shop_address.summary }}. 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 tähän tyhjään tilaan osoite, jonka haluat näkyvän pakkausluettelossa. Voit kirjoittaa osoitteen esimerkiksi seuraavassa muodossa:123 Example Street, New York, NY, 10000, United States
3. Tarkista muutokset klikkaamalla Esikatsele mallia.
4. Klikkaa Tallenna.

Tuotekuvien poistaminen

Voit poistaa tuotteiden kuvat, jotka näkyvät pakkausluettelossa tuotteen nimen vieressä.

Tee näin:

1. Siirry Shopify Adminissa kohtaan Asetukset > Lähetys ja toimitus.

2. Valitse Pakkausluettelot-osiosta Muokkaa.

3. Etsi seuraavat Liquid-muuttujat, jotka viittaavat tuotteidesi kuviin:

{% 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. Tarkista muutokset klikkaamalla Esikatsele mallia.

3. Klikkaa Tallenna.

Logon muokkaaminen

Ennen kuin voit lisätä kauppasi logon pakkausluetteloihin, sinun on lähetettävä logo Shopify Adminiin. Tarvitset URL-osoitteen, joka on määritetty pakkausluetteloissasi käytettävälle tiedostolle.

Kun olet lähettänyt logon kauppaan, voit lisätä logon ja poistaa kaupan nimen, lisätä logon kaupan nimen yläpuolelle tai lisätä logon kaupan nimen viereen.

Tee näin:

1. Siirry Shopify Administa kohtaan Sisältö > Tiedostot.

2. Klikkaa Lataa tiedostoja.

3. Valitse ja lataa kaupan logo laitteestasi.

4. Kopioi tiedoston URL-osoite, kun lähetys on valmis.

Logon lisääminen ja kaupan nimen poistaminen

Voit poistaa kaupan nimen pakkausluetteloiden yläosasta ja korvata sen kaupan logolla.

Tee näin:

1. Siirry Shopify Adminissa kohtaan Asetukset > Lähetys ja toimitus.

2. Valitse Pakkausluettelot-osiosta Muokkaa.

3. Etsi seuraava koodi, joka viittaa kauppasi nimeen:

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

1. Korosta tämä koodi ja poista se.
2. Kirjoita luomaasi kohtaan seuraava koodi ja liitä kopioitu URL-osoite asiaankuuluvaan kohtaan:

<img src="PASTE FILE URL HERE" style="width: 60px; height: 60px;">

1. Tarkista muutokset napauttamalla Esikatsele mallia.
2. Klikkaa Tallenna.

Logon lisääminen kaupan nimen yläpuolelle

Jos haluat lisätä logon kaupan nimen yläpuolelle pakkausluetteloiden yläosassa, toimi seuraavasti.

Tee näin:

1. Siirry Shopify Adminissa kohtaan Asetukset > Lähetys ja toimitus.

2. Valitse Pakkausluettelot-osiosta Muokkaa.

3. Etsi seuraava Liquid-muuttuja, joka viittaa kauppasi nimeen, ja lisää rivinvaihto näiden kahden rivin välille:

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

1. Kirjoita luomaasi kohtaan seuraava koodi ja liitä kopioitu URL-osoite asiaankuuluvaan kohtaan:

<img src="PASTE FILE URL HERE" style="width: 60px; height: 60px;">
<br>

1. Tarkista muutokset napauttamalla Esikatsele mallia.
2. Klikkaa Tallenna.

Logon lisääminen kaupan nimen viereen

Jos haluat lisätä logon kaupan nimen yläpuolelle pakkausluetteloiden yläosassa, toimi seuraavasti.

Tee näin:

1. Siirry Shopify Adminissa kohtaan Asetukset > Lähetys ja toimitus.

2. Valitse Pakkausluettelot-osiosta Muokkaa.

3. Etsi seuraava Liquid-muuttuja, joka viittaa kauppasi nimeen:

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

1. Korosta tämä koodi ja poista se.
2. Kirjoita luomaasi kohtaan seuraava koodi ja liitä kopioitu URL-osoite asiaankuuluvaan kohtaan:

<img src="PASTE FILE URL HERE" style="width: 60px; height: 60px;">
<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 edellä mainittujen muuttujien loppuun ja liitä seuraava koodi:

.shop-title img {
 vertical-align: middle;
}

.shop-title span {
 vertical-align: middle;
}

1. Tarkista muutokset napauttamalla Esikatsele mallia.
2. Klikkaa Tallenna.

Pakkausluetteloiden muotoilu CSS:n avulla

Vinkki

Mallien muotoilu CSS:llä vaatii editynyttä HTML- ja CSS-tietämystä.

Voit mukauttaa pakkausluetteloa käyttämällä Shopifyhin ladattuja CSS-tiedostoja. Shopifyn ulkopuolella ylläpidettyjä CSS-tiedostoja ei renderöidä oikein.

Tee näin:

1. Siirry Shopify Administa kohtaan Sisältö > Tiedostot.

2. Klikkaa Lataa tiedostoja.

3. Valitse ja lataa CSS-tiedosto.

4. Kopioi tiedoston URL-osoite, kun lähetys on valmis.

5. Lisää seuraava koodi:

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