Web ページへのスウォッチセットのリンク

スウォッチセットの公開後、そのスウォッチセットの URL または埋め込みコードを Web サイトやアプリケーションで使用できます。次に、必要に応じてこの URL または埋め込みコードを配信すると、ユーザは Web サイトやアプリケーション上でスウォッチセットを表示できます。

重要: URL は、アセットを公開するまでアクティブになりません。

スウォッチセットの URL のコピー

  1. アセットの参照パネルの「表示」ドロップダウンリストで 「スウォッチセット」 をクリックします。

  2. 左側のアセットライブラリパネルで、コピーする埋め込みコードを持つスウォッチセットを含むアセットフォルダに移動します。

  3. アセットの参照パネルの上のツールバーの右側で、次のいずれかの操作を行います。
    • 「グリッドビュー」 をクリックします。アセットの参照パネルで、1 つのアセットをダブルクリックし、アセットを詳細ビューで開きます。右側の URL および埋め込みコードパネルで、必要なビューアの右側の 「URL をコピー」 をクリックします。

    • 「グリッドビュー」 をクリックします。アセットの参照パネルで 1 つのアセットを選択して、サムネール画像の下にある プレビュー ビューアリスト をクリックします。

      ビューアリストページの表の「アクション」列の下で、 「URL をコピー」 をクリックします。

    • 「リストビュー」 をクリックします。アセットの参照パネルで、1 つのアセットを選択して、サムネール画像の右側にある プレビュー ビューアリスト をクリックします。

      ビューアリストページの表の「アクション」列の下で、 「URL をコピー」 をクリックします。

    • 「グリッドビュー」 「リストビュー」 、または 「詳細ビュー」 をクリックします。同じツールバーにある プレビュー ビューアリスト をクリックします。

      ビューアリストページの表の「アクション」列の下で、 「URL をコピー」 をクリックします。

Web ページへのスウォッチセットの URL の追加

スウォッチセットは、ナビゲーションアイコンにより Web ページにリンク表示するのが、最も一般な使用方法です。リンクをクリックすると、ポップアップズームウィンドウでスウォッチセットを表示する動的ページ(ASP または JSP)が起動します。ズームリンクによって実際のズーム機能を備えたポップアップウィンドウが開きます。以下にコード例を示します。

<script language="javascript"> 
<!-- 
function zoom_window() { 
window.open("http://sample.scene7.com/s7ondemand/zoom/flasht_zoom.jsp?company=S7Web&sku=sweater_1_set","", 
"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>

Scene7 プラットフォームへの URL 呼び出しは、SKU パラメータがスウォッチセット名になる以外、すべてのズームビューアと同じプロトコルに従います。

注意: この URL は構文の例を示すものであり、有効なリンクではありません。
http://sample.scene7.com/s7ondemand/zoom/flasht_zoom.jsp?company=S7Web&sku=sweater_1_set

この URL 構文には、SKU 番号( sku=sweater_1_set )が含まれています。 sku= の後の文字列は、スウォッチセット名( sweater_1_set )です。ユーザがズーム機能リンクをクリックすると、ウィンドウが起動します。

スウォッチセットビューアの埋め込みコードのコピー

埋め込みコード機能を使用すると、選択したスウォッチセットのビューアコードをレビューすることができます。コードをクリップボードにコピーして、ビューアを配信する Web ページにペーストすることもできます。埋め込みコードダイアログボックスでは、コードを編集することはできません。

スウォッチセットビューアの埋め込みコードをコピーするには

  1. アセットの参照パネルの「表示」ドロップダウンリストで 「スウォッチセット」 をクリックします。

  2. 左側のアセットライブラリパネルで、コピーする埋め込みコードを持つスウォッチセットを含むアセットフォルダに移動します。

  3. アセットの参照パネルの上のツールバーの右側で、次のいずれかの操作を行います。
    • 「グリッドビュー」 をクリックします。アセットの参照パネルで、1 つのアセットをダブルクリックし、アセットを詳細ビューで開きます。右側の URL および埋め込みコードパネルで、必要なビューアの右側の 「埋め込みコード」 をクリックします。

    • 「グリッドビュー」 をクリックします。アセットの参照パネルで 1 つのアセットを選択して、サムネール画像の下にある プレビュー ビューアリスト をクリックします。

      ビューアリストページの表の「アクション」列の下にある 「埋め込みコード」 をクリックします。

    • 「リストビュー」 をクリックします。アセットの参照パネルで、1 つのアセットを選択して、サムネール画像の右側にある プレビュー ビューアリスト をクリックします。

      ビューアリストページの表の「アクション」列の下にある 「埋め込みコード」 をクリックします。

    • 「グリッドビュー」 「リストビュー」 、または 「詳細ビュー」 をクリックします。同じツールバーにある プレビュー ビューアリスト をクリックします。

      ビューアリストページの表の「アクション」列の下にある 「埋め込みコード」 をクリックします。

  4. 埋め込みコードダイアログボックスで、 「クリップボードにコピー」 をクリックします。

    埋め込みコードダイアログボックスでは、コードを編集することはできません。

  5. 「閉じる」をクリックします。