Yahoo!ショッピングでも自由なデザインが可能に!! オプションサービス[トリプル]

公開日:  最終更新日:2015/12/10

YahooのショップでjQuery!?自由なデザインが可能に!! オプションサービス[トリプル]
最近は、ネットショップを出店する際には色々な選択肢がありますよね。

Base、Stores.jp、カラーミーショップなど個人、小規模でも簡単に出店できるサービスや本格的に多店舗運営されているショップはメインとしては楽天市場、Yahoo!ショッピング、Amazon、自社サイト(ショップサーブ、FutureShop2)など出店されているのではないでしょうか。

本日はYahoo!ショッピングの新しいオプションサービスについて書きたいと思います。

スポンサードリンク

Yahoo!ショッピング オプションサービス[トリプル]

このブログでYahooショッピングについて書くのは初めてだと思います。

なぜかというと
いままでYahooショップでは、独自のhtmlファイル、CSSを使っての装飾、javascript(jQuery)での動的コンテンツなど使えずページ作成にかなり制限がある状態でした。
(CSSは厳密には各タグに直接記述するインラインCSSのみ可でした)

そのため、ブログ内でも記事にあるjQueryを使った動きのあるコンテンツやCSSなども利用することが出来なかったのでなかなか書く機会がありませんでした。
しかし、今後はその状況は変わっていきそうです。

7/10にYahoo!ショッピング出店契約者向けオプションサービス
Yahoo トリプル」がリリースされていたみたいです。

トリプルってどんなサービスなの?

レンタルサーバーサービスになるのですが、各ショップ向けのWeb上のスペースを利用することが出来るサービスです。

独自のhtmlファイルを作成して公開したり、商品画像なども今まではサイズなどに制限がありましたがトリプルで利用できるスペースにファイルをアップロードして利用することが可能になります。

また、自由なスペースなのでjQueryなどのjavascriptファイルやCSSファイルを扱うことも可能です。

楽天でショップを持たれている方は、楽天GOLDのようなものがYahooショップでも使えるようになったと思えばイメージしやすいかと思います。

 プラン / 料金
 容量:300MB  月額 3,000円
 容量:10GB   月額 5,000円

実際にYahoo[トリプル]を使っているショップを探してみた

yahoo トリプルを利用しているショップ
パーティーバッグ・ドレスの専門店 KOEI STORE
こちらのショップがわかりやすいかと思います。
↓↓↓に今までは出来なかったコンテンツをいくつかピックアップしてみました。


メイン画像を自動スライド
メイン画像を自動スライド


商品画像が横にスライドするカルーセル表示
商品画像が横にスライドするカルーセル表示


カテゴリごとのランキングをタブ表示
カテゴリごとのランキングをタブ表示


商品リストを2段にしてスライド表示
商品リストを2段にしてスライド表示


出荷日の目安を表示
出荷日の目安を表示


また、商品ページにも注目してもらいたいのですが
商品ページにも↑でピックアップしたコンテンツを表示しています。

これは楽天などでもよく使われる方法ですが、共通で利用する部分を別のhtmlファイルで作成して<iframe>(インラインフレーム)で各ページに埋め込む方法が使われてます。

有料サービスなので利用を迷うかもしれませんが、ページ作成での制限がなくなることを考えれば十分メリットがありそうですね。

トップページのデザイン、レイアウトなどを自由にカスタマイズしたり
商品ページ、カテゴリページなどにも<iframe>を使って埋め込むことが出来るので共通コンテンツをjQueryなどと組み合わせて作成すれば活気あるショップにすることが出来そうですね。
H25.11.30 追記


H25.12.11 追記 トリプル使うなら

H25.12.18 追記 トリプル使うなら




FacebookページやGoogle+ページにもブログ更新・気になる情報を流していますので
よろしければ、この機会にぜひ「フォロー」または「いいね」をよろしくお願いします。

ネットショップ出店をお考えの方はこちらをどうぞ

ネットショップ出店サービス一覧

ショップ運営に使えるjQuery動作デモ1ページにまとめてみた

ECサイト・ネットショップで使えるjQueryデモをまとめてみた

ショップにカルーセル表示を実装「おすすめ」

カルーセル表示実装ならjQuery「slick.js」が簡単でおすすめ

ネットショップ運営の効率化に使えるソフト・ASPサービス

ネットショップ受注・在庫・商品・発注管理

仕入先・商材をお探しの方はこちらをどうぞ

ネットショップ運営に使える仕入・卸サイト一覧

ネットショップへの集客に使える広告いろいろ

ネットショップへの集客に使える広告まとめ

ネットショップで使えるCSS・JavaScriptのデモを1ページにまとめてみた

ECサイト・ネットショップで使えるCSS・JavaScriptのデモをまとめてみた

ブログでの集客に記事作成代行サービスを活用

記事作成に使える記事外注サービスまとめ

お店(実店舗)の集客に活用できる店舗ポータル・Webサービスまとめてみた

お店(実店舗)の集客に活用できる登録サイト・webサービスまとめてみた

ショップ運営に役立つwebサービス・ツールについてまとめてみた

ECサイト・ネットショップで使えるwebサービス・ツールをまとめてみた

楽天市場の運営者向けの商品陳列HTMLタグ生成無料ツール作ってみました

楽天市場向け無料ツール

Your Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

スポンサードリンク

記事が気に入ったらシェアお願いします

PAGE TOP ↑