Immagini Shop

Costruisci la tua app con un click!

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

Codice immagine banner predefinito


        <!-- Banner-1 Starts -->
		<div class="banner1">
			<img src="https://i.imgur.com/vX8mgpc.jpg" class="banner_img" alt="img-1">
		</div>
		<!-- Banner-1 Ends -->
		

Codice immagine banner con collegamento in-app

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.


Un altro esempio con collegamenti in-app


        <!-- 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 -->
		

X