Collegamento di visualizzatori zoom alle pagine Web

I siti Web e le applicazioni possono accedere al contenuto dei server immagini di Scene7, incluse le immagini principali e le destinazioni di zoom associate e i predefiniti per visualizzatori zoom, mediante stringhe URL o codice incorporato. Queste stringhe URL vengono attivate durante il processo di pubblicazione. Per inserire queste stringhe URL o il codice da incorporare nelle pagine Web e nelle applicazioni, copiateli da Scene7 Publishing System.

Importante: l’URL non è attivo finché non pubblicate la risorsa.

Copia dell’URL di un visualizzatore zoom

  1. Nel pannello Libreria risorse a sinistra, individuate la cartella di risorse che contiene il visualizzatore zoom di cui desiderate copiare l’URL.

  2. Sopra il pannello delle risorse, sul lato destro della barra degli strumenti, effettuate una delle seguenti operazioni:
    • Fate clic su Visualizzazione griglia o Visualizzazione elenco . Nel pannello delle risorse, fate doppio clic su una singola risorsa per aprirla in visualizzazione Dettagli. Nel pannello URL e codice da incorporare a destra, fate clic su Copia URL a destra del visualizzatore desiderato.

    • Fate clic su Visualizzazione griglia . Nel pannello delle risorse, selezionate una singola risorsa, quindi, sotto la miniatura, fate clic su Anteprima > Elenco visualizzatori .

      Nella pagina Elenco visualizzatori, nella colonna Azioni della tabella, fate clic su Copia URL .

    • Fate clic su Visualizzazione elenco . Nel pannello delle risorse, selezionate una singola risorsa, quindi, a destra della miniatura, fate clic su Anteprima > Elenco visualizzatori .

      Nella pagina Elenco visualizzatori, nella colonna Azioni della tabella, fate clic su Copia URL .

    • Fate clic su Visualizzazione griglia , Visualizzazione elenco o Visualizzazione dettagli . Nella stessa barra degli strumenti, fate clic su Anteprima > Elenco visualizzatori .

      Nella pagina Elenco visualizzatori, nella colonna Azioni della tabella, fate clic su Copia URL .

Aggiunta degli URL del visualizzatore zoom alla pagina Web

Generalmente i visitatori di un sito Web applicano lo zoom alle immagini selezionando innanzitutto un’icona Zoom (spesso l’immagine di una lente di ingrandimento). Selezionando questa icona, viene avviata una pagina Web dinamica (ASP o JSP) che visualizza l’immagine in una finestra a comparsa. La finestra a comparsa rappresenta il punto in cui i visitatori applicano effettivamente lo zoom all’immagine.

Di seguito è riportato un codice di esempio che può essere creato dal personale IT per aprire una finestra a comparsa per lo zoom:

<a href="javascript:zoom_window();"> 
<img src="http://www.scene7.com/images/buttons/zoomMag.gif" width="50" height="50" border="0" /></a>

Notate che il collegamento richiama una funzione JavaScript denominata zoom_window() . La funzione zoom_window() viene posizionata sopra al tag </HEAD> nel codice HTML della pagina Web:

<script language="javascript"> 
<!-- 
function zoom_window() { 
window.open("http://s7d4.scene7.com/s7ondemand/zoom/flasht_zoom.jsp 
?company=S7Web&sku=Backpack1&zoomwidth=420&zoomheight=470& 
vc=skin=/is-viewers/flash/basicZoomSkin.swf","", "toolbar=no,location=no,directories=no," 
+ "status=no,menubar=no,scrollbars=yes"+ "resizable=yes,width=500,height=450,top=0,left=0,right=0,bottom=0") 
} 
--> 
</script>

Osservate che l’URL della finestra a comparsa è un URL Scene7 ( http://s7d4.scene7.com/s7ondemand/zoom/flasht_zoom.jsp ). Questo URL richiama la finestra a comparsa di zoom (una pagina JSP) che contiene il visualizzatore Flash di zoom e l’immagine principale. La pagina JSP, Visualizzatore zoom e l’immagine principale si trovano tutti sui server Scene7. Sostituite l’URL di Scene7 nel codice con l’URL di zoom.

Nell’URL osservate un parametro SKU ( &sku=Backpack1 ). La stringa dopo &sku= è Backpack1 . Il collegamento a comparsa alla funzione di zoom di ogni prodotto contiene un SKU prodotto differente che indica quale immagine prodotto visualizzare nella pagina JSP di Scene7.

L’utente seleziona il collegamento alla funzione di zoom nella pagina dei dettagli del prodotto che avvia la schermata.

Copia del codice da incorporare di un visualizzatore zoom

La funzione Incorpora codice permette di analizzare il codice visualizzatore del visualizzatore zoom selezionato. Potete anche copiare il codice negli Appunti per poi incollarlo nelle pagine Web su cui verrà distribuito il visualizzatore. La modifica del codice non è consentita nella finestra di dialogo Codice da incorporare.

Per copiare il codice da incorporare di un visualizzatore zoom

  1. Nel pannello Libreria risorse a sinistra, individuate la cartella di risorse che contiene il visualizzatore zoom di cui desiderate copiare il codice da incorporare.

  2. Sopra il pannello delle risorse, sul lato destro della barra degli strumenti, effettuate una delle seguenti operazioni:
    • Fate clic su Visualizzazione griglia . Nel pannello delle risorse, fate doppio clic su una singola risorsa per aprirla in visualizzazione Dettagli. Nel pannello URL e codice da incorporare a destra, fate clic su Incorpora codice a destra del visualizzatore desiderato.

    • Fate clic su Visualizzazione griglia . Nel pannello delle risorse, selezionate una singola risorsa, quindi, sotto la miniatura, fate clic su Anteprima > Elenco visualizzatori .

      Nella pagina Elenco visualizzatori, nella colonna Azioni della tabella, fate clic su Incorpora codice .

    • Fate clic su Visualizzazione elenco . Nel pannello delle risorse, selezionate una singola risorsa, quindi, a destra della miniatura, fate clic su Anteprima > Elenco visualizzatori .

      Nella pagina Elenco visualizzatori, nella colonna Azioni della tabella, fate clic su Incorpora codice .

    • Fate clic su Visualizzazione griglia , Visualizzazione elenco o Visualizzazione dettagli . Nella stessa barra degli strumenti, fate clic su Anteprima > Elenco visualizzatori .

      Nella pagina Elenco visualizzatori, nella colonna Azioni della tabella, fate clic su Incorpora codice .

  3. Nella finestra di dialogo Codice da incorporare, fate clic su Copia negli Appunti .

    La modifica del codice non è consentita nella finestra di dialogo Codice da incorporare.

  4. Fate clic su Chiudi.