Personalizzazioni dei documenti di trasporto
Puoi personalizzare il modello dei documenti di trasporto. La modifica del modello consente di aggiungere il proprio marchio e di modificare l'aspetto del documento di trasporto.
Su questa pagina
Modifica dell'indirizzo del negozio
Se desideri modificare o cambiare l'indirizzo del tuo negozio, puoi andare a Impostazioni > Dettagli del negozio e modificare le informazioni del negozio.
Se vuoi solo modificare l'indirizzo sui documenti di trasporto, procedi nel modo seguente.
Procedura:
Dal pannello di controllo Shopify, vai su Impostazioni > Spedizione e consegna.
Nella sezione Documenti di trasporto, clicca su Modifica.
Trova la variabile Liquid
{{ shop_address.summary }}che fa riferimento all'indirizzo del tuo negozio. Se non riesci a trovare questa variabile, prova la seguente:
{{ shop_address.address1 }}, {{ shop_address.city }}, {{ shop_address.province_code }}, {{ shop_address.zip }}, {{ shop_address.country }}- Evidenzia questo codice ed eliminalo.
- Digita l'indirizzo che dovrà comparire sui documenti di trasporto in questo spazio vuoto. Puoi ad esempio digitare il tuo indirizzo nel seguente formato:
123 Example Street, New York, NY, 10000, United States - Clicca su Anteprima del modello per visualizzare le modifiche.
- Clicca su Salva.
Rimuovere le immagini dei prodotti
Puoi rimuovere le immagini dei prodotti che appaiono accanto ai titoli dei prodotti sui documenti di trasporto.
Procedura:
Dal pannello di controllo Shopify, vai su Impostazioni > Spedizione e consegna.
Nella sezione Documenti di trasporto, clicca su Modifica.
Individua le seguenti variabili Liquid che fanno riferimento alle immagini del tuo prodotto:
{% 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 %}Evidenzia questo codice ed eliminalo.
Clicca su Anteprima del modello per visualizzare le modifiche.
Clicca su Salva.
Modificare il logo
Prima di aggiungerlo ai documenti di trasporto, devi caricare il logo del tuo negozio nel pannello di controllo Shopify. È necessario l'URL assegnato al file per usare il logo sui documenti di trasporto.
Dopo aver caricato il logo nel tuo negozio, puoi aggiungere il logo e rimuovere il nome del negozio, aggiungere il logo sopra il nome del negozio oppure aggiungere il logo accanto al nome del negozio.
Procedura:
Dal pannello di controllo Shopify vai su Contenuti > File.
Fai clic su Carica file.
Seleziona e carica il logo del tuo negozio dal tuo dispositivo.
Copia l'URL del file al termine del caricamento.
Aggiungere il logo e rimuovere il nome del negozio
Puoi rimuovere il nome del tuo negozio e sostituirlo con il logo del negozio nella parte superiore dei documenti di trasporto.
Procedura:
Dal pannello di controllo Shopify, vai su Impostazioni > Spedizione e consegna.
Nella sezione Documenti di trasporto, clicca su Modifica.
Trova il seguente codice che fa riferimento al nome del tuo negozio:
<p class="to-uppercase">
{{ shop.name }}
</p>- Evidenzia questo codice ed eliminalo.
- Nello spazio che hai creato, scrivi il seguente codice e incolla l'URL copiato dove indicato:
<img src="PASTE FILE URL HERE" style="width: 60px; height: 60px;">- Seleziona Anteprima del modello per visualizzare le modifiche.
- Clicca su Salva.
Aggiungere il logo sopra il nome del negozio
Se vuoi aggiungere il logo sopra il nome del tuo negozio nella parte superiore dei documenti di trasporto, procedi come indicato di seguito.
Procedura:
Dal pannello di controllo Shopify, vai su Impostazioni > Spedizione e consegna.
Nella sezione Documenti di trasporto, clicca su Modifica.
Individua la seguente variabile Liquid che fa riferimento al nome del negozio, quindi aggiungi un'interruzione di riga tra le due righe:
<div class="shop-title">
|
<p class="to-uppercase">- Nello spazio che hai creato, scrivi il seguente codice e incolla l'URL copiato dove indicato:
<img src="PASTE FILE URL HERE" style="width: 60px; height: 60px;">
<br>- Seleziona Anteprima del modello per visualizzare le modifiche.
- Clicca su Salva.
Aggiungere il logo accanto al nome del negozio
Se vuoi aggiungere il logo accanto al nome del tuo negozio nella parte superiore dei documenti di trasporto, procedi come indicato di seguito.
Procedura:
Dal pannello di controllo Shopify, vai su Impostazioni > Spedizione e consegna.
Nella sezione Documenti di trasporto, clicca su Modifica.
Individua la seguente variabile Liquid che fa riferimento al nome del tuo negozio:
<p class="to-uppercase">
{{ shop.name }}
</p>- Evidenzia questo codice ed eliminalo.
- Nello spazio che hai creato, scrivi il seguente codice e incolla l'URL copiato dove indicato:
<img src="PASTE FILE URL HERE" style="width: 60px; height: 60px;">
<span class="to-uppercase">
{{ shop.name }}
</span>- Trova le seguenti variabili Liquid:
.shop-title {
-webkit-box-flex: 6;
-webkit-flex: 6;
flex: 6;
font-size: 1.9em;
}- Aggiungi una nuova riga alla fine delle variabili indicate in precedenza, quindi incolla il seguente codice:
.shop-title img {
vertical-align: middle;
}
.shop-title span {
vertical-align: middle;
}- Seleziona Anteprima del modello per visualizzare le modifiche.
- Clicca su Salva.
Stile dei documenti di trasporto con CSS
Puoi personalizzare il documento di trasporto utilizzando i file CSS che carichi su Shopify. I file CSS ospitati al di fuori di Shopify non verranno visualizzati correttamente.
Procedura:
Dal pannello di controllo Shopify vai su Contenuti > File.
Fai clic su Carica file.
Seleziona e carica il tuo file CSS.
Copia l'URL del file al termine del caricamento.
Includi il seguente codice:
<link
rel="stylesheet"
type="text/css"
href="https://cdn.shopify.com/path_to_file/styles.css"
>