jQueryで送料などの特定の金額やテキストを一括管理する | MUGEN WEB note
楽天GOLDで使える！送料などの金額を一括管理をjsでやるためのまとめメモ。 共通jsを作るhtml <span class="wrapping_price"></span> <span class="delivery_price"></span> js $(document).ready(function() { var wrapping = 405; var delivery = 540; $(".wrapping_price").html(wrapping); $(".delivery_price").html(delivery); }); 使い方はとっても簡単！料金設定を記載してあるページ全てに(楽天GOLDで作成したものに限る)でmoney.jsを読み込みます！ その後htmlに、例えばラッピング料金を設定したいときは <span class=”wrapping_price”><
ASCII.jp：JSONP＋jQueryで楽天アフィリエイトを攻略！
自分が運営しているブログやWebサイトに、さまざまな商品のアフィリエイトリンクを張って紹介手数料を稼ぎたい。でも、URLを手動で書き換えるのは面倒だし、かといってリンクジェネレーターを使うとデザインや表示形式の制約が付いて回る――。 そこで活用したいのが、Amazonや楽天、ヤフーなどが提供しているデベロッパー向けのWebサービスです。たとえば楽天が公開している「楽天ウェブサービス」を使うと、楽天で販売されている商品やサービスについてさまざまな情報を検索し、データを取得できます。 もちろん楽天ウェブサービスはアフィリエイトにも使えます。今回は、楽天ウェブサービスのごく簡単な使い方を紹介しましょう。 デベロッパーID／アフィリエイトIDの取得 楽天ウェブサービスでアフィリエイトを始めるには、始めに「デベロッパーID」と「アフィリエイトID」を取得します。 デベロッパーIDは、楽天ウェブサービ
楽天「カートボタン」を外部化してjQueryで効率よく管理する方法
巷はお盆休みで盛り上がる昨今、 実家の大阪には帰省せず、ここ、東京の自宅で妻と自宅でのんびり過ごす予定の私。 しかし 「死んだ爺さんですら帰ってくるというのに、アンタときたら・・・」と親には小言を言われる始末。 だって、新幹線混むし、交通費もバカにならないし。。。 そのうちビックになって帰ってくるから、それまでは父母どうかお元気で。。 さて、過去私の書いた２つのブログはいずれも自分の読んだ本のレビューまがいの内容でしたが、 今回はECでビックになる夢を叶えるために、満を持して！ECに関することを書いてみます。 ■楽天のカートボタンを「外部化」する たとえば「楽天スーパーSALE」や「お買い物マラソン」などのセールに向けて、 商品をズラーッと並べた特集用のLP（ランディングページ）を作るとします。 その際、各商品のすぐそばに「ご購入手続きへ」ボタン（通称、カートボタン）をつけることで、 商品
画像などの要素を縦横にスクロール simplyscroll.js/jquery
と似たような内容になりますが、ショップページに商品を陳列する際スペースがない場所でも自動でスクロールさせて動かすことで、多くの商品をお客さんの目に止めることが可能になります。 本日は、縦にも横にも画像などの要素をスクロールさせる方法を紹介したいと思います。 画像を縦横にスクロール「simplyscroll.js」では、具体的にどんな表示イメージかというと 本日は無料化で何かと話題なYahoo!ショッピングから紹介したいと思います。 こちらのショップ 靴ショップやまう ページ中ごろにある「瞬足」が並んでいる部分を見てもらうと画像がスクロールしています。 実装方法についてsimplyscrollの公式サイトより、jquery.simplyscroll.zipをダウンロードしてください。 ダウンロードしたファイルの中から 「jquery.simplyscroll.js」 「jquery.simp
商品画像を横に自動スライド/endless_scroll_min.js
ネットショップ運営[楽天・ECサイト]に関する情報 便利ツール Webサービス CSS Javascript jQueryなど紹介していきます 楽天などのネットショップ、ECサイトで商品画像が横に自動的にスライドしている見せ方を見た事があるかと思います。 限られたスペースを有効活用した商品の陳列方法でページ内で過度に動きをつけすぎると表示が重たくなる可能性がありますが、バランスを見て利用すれば注目を集めやすいパーツとして活用出来るのではないでしょうか。 本日は、その方法について実装方法、サンプルソースを紹介します。 商品画像を横に自動スライドさせて動かすjQueryプラグイン[endless_scroll_min.js] 例えば、楽天ショップオブザイヤーでの受賞の常連アウトレットシューズ ↓↓↓のエリアを見てもらうと商品画像が←にスライドして入れ替わっています。 (↓↓は画像なのでわかりに
ネットショップ運営の気になる備忘録
ネットショップ運営[楽天・ECサイト]に関する情報 便利ツール Webサービス CSS Javascript jQueryなど紹介していきます このページでは「ネットショップ運営の気になる備忘録」内で今までに紹介したcss、javascript、jQueryなど動作デモをまとめて掲載しています。たくさんの動作デモを掲載しているため、表示が重たくなる可能性もありますが動きがすぐに確認できた方が良いかと思い同じページ内に設置してみました。とりいそぎ、このページではjQueryのデモを集めてみました。 各デモの動きを確認して気になるものがあれば、実装方法について詳細記事へのリンクも掲載しているので参考にしてみてください。 画像などの掲載に使えるスライダー最近のECサイト・ネットショップでは画像スライダーは定番のコンテンツではないでしょうか。トップページに大きめの画像を用意してスライド等のアニメー
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
