Tutorial Immagini Shop
Per collegare ogni singola immagine ad una tua pagina specifica dell’app, devi conoscere il percorso dei collegamenti in app.
Devi sapere, che ogni singola pagina/funzione ha un percorso ben preciso, scopriamo subito come conoscere questi percorsi.
Come ottenere collegamenti in-app?
Codice Sorgente ti consente di creare collegamenti a una pagina nella tua app da un’altra pagina.
Basta aggiungere una funzionalità del codice sorgente alla tua app e fare clic sul pulsante sorgente.
Ora fai clic sul pulsante freccia.
Ora seleziona la funzione per la quale desideri ottenere il collegamento in-app.
Ora fai clic sul pulsante della fonte.
Ecco il tuo codice di collegamento in-app html.
Per questo esempio il collegamento in-app è:
<a data-offline=”true” data-params=”value_id:644″ data-state=”cms-view”> Pagina personalizzata </a>
Collegamento Immagini
In questo tutorial ti mostreremo come aggiungere link in-app al modello Immagini Shop
<!-- Banner-1 Starts -->
<div class="banner1">
<img src="https://i.imgur.com/vX8mgpc.jpg" class="banner_img" alt="img-1">
</div>
<!-- Banner-1 Ends -->
Supponi che il codice del tuo collegamento in-app sia: <a data-offline=”true” data-params=”value_id:644″ data-state=”cms-view”> Pagina personalizzata </a>
<!-- Banner-1 Starts -->
<div class="banner1">
<a data-offline="true" data-params="value_id:644" data-state="cms-view">
<img src="https://i.imgur.com/vX8mgpc.jpg" class="banner_img" alt="img-1">
</a>
</div>
<!-- Banner-1 Ends -->
Nota: è sufficiente inserire il tag <img> tra i tag <a> & </a> come mostrato nell’esempio precedente.
<!-- Banner-2 Starts -->
<div class="banner2">
<div class="row">
<div class="col col_left">
<a data-offline="true" data-params="value_id:642" data-state="contact-view">
<img src="https://i.imgur.com/lKxAG9I.jpg" class="banner_img" alt="img-2">
<a>
</div>
<div class="col col_right">
<a data-offline="true" data-params="value_id:643" data-state="image-list">
<img src="https://i.imgur.com/dytcRt4.jpg" class="banner_img" alt="img-3">
<a>
</div>
</div>
</div>
<!-- Banner-2 Ends -->