reareaのブックマーク - はてなブックマーク

楽天で画像やCSS、JSを上書きしてもページに反映されないときの対処方法

上記のように通常は画像ファイルを指定する記述は拡張子で終わりますが、即座に反映させる場合は、拡張子の後ろに文字情報（パラメーター）を付加させます。文字情報として付加するのは何でも良いのですが、ここでは、拡張子の後ろに「?No=1」としています。上書き後に即座に反映させる記述 RMSキャビネット内の画像の場合画像を表示するタグ <img src="sample.jpg?No=1"> ファイル名からに省略していますが、実際には下記のようなURLを指定 https://image.rakuten.co.jp/店舗URL/cabinet/sample.jpg?No=1 GOLD内の画像の場合画像を表示するタグ <img src="sample.jpg?No=1"> ファイル名からに省略していますが、実際には下記のようなURLを指定 https://www.rakuten.ne.jp/gold/店

rearea 2019/05/22

楽天

リンク

slick.jsで左右の画像をチラ見せするスライダーの設定方法について

また、他にもslick.jsを使ったサンプルということで、楽天のイベントバナーを例にslick.jsとjavascriptを組み合わせてバナーの掲載期間を指定する方法を紹介したこともあります。サンプルソース <link rel="stylesheet" type="text/css" href="slick.css"> <link rel="stylesheet" type="text/css" href="slick-theme.css"> <script type="text/javascript" src="jquery.min.js" ></script> <script type="text/javascript" src="slick.min.js"></script> <script> $("document").ready(function(){ $('.mypatter

rearea 2017/10/06

リンク

[楽天]RMSに営業日カレンダーの機能が実装されたみたい

営業日カレンダーの更新て意外と手間ですよね。利用されているモール、ECサイトの仕組みによっては簡単に設定出来るようになっていますが、手動でタグを記述して更新する必要がある場合は大変ですよね。 H29.10.30 スマホページにカレンダーを表示する方法を追記しました。以前の記事というのを紹介しましたが楽天RMSに営業日カレンダーの機能が実装されていたので使ってみました。楽天RMSの営業カレンダーについて楽天のRMSに営業日カレンダーの設定機能が追加されています。「RMSの基本情報設定」 → 「営業日カレンダー設定」が追加されてました。カレンダー設定画面になります休業日・配送休業日・配送のみと3パターンの色を設定することが出来ますね。曜日をまとめて色付け、祝日の色づけなど出来て良い感じです。デザイン設定のエリア色、サイズなど細かく設定ができ休業日・配送休業日・配送のみ

rearea 2015/12/18

楽天

リンク

[楽天]買い物かごボタンのカスタマイズCSS

本日は上のように楽天で買い物カゴボタンの見た目を変更するCSSを紹介したいと思います。楽天の買い物カゴを画像ボタンにするCSS 楽天市場の商品ページにある買い物カゴのボタンはデフォルトでは地味な感じになっていますが、ちょっとしたCSSを加えることで画像を使ったボタンに見た目を変更することが可能です。 CSS <style> /*買い物カゴボタン*/ input { font-weight:bold; letter-spacing:.1em; background:url("カート画像URL") #fcfcfc no-repeat 10px 8px; margin-top:5px; cursor:pointer; border-color:#cdcdcd; border-style:solid; border-width:1px 2px 2px 1px; padding:8px 7px 7p

rearea 2015/09/10

ネットショップ

リンク

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

ネットショップ運営[楽天・ECサイト]に関する情報便利ツール Webサービス CSS Javascript jQueryなど紹介していきます商品を陳列する際によく使われているカルーセル表示について、すでにショップページで利用している方も多いのではないでしょうか。そんなカルーセルを実装するためのjQueryプラグインもたくさんあり、どれを使ったら良いかわかりませんよね。そんな中このプラグインさえ抑えておけばカルーセル表示は大丈夫というプラグインを紹介します。カルーセル表示の細かい設定が可能な「slick.js」自由度も高く、レスポンシブにも対応 slick – the last carousel you’ll ever need 上記サイトにて動作デモが確認出来ます。カルーセル表示と一言でいっても見た目や動きは様々です。複数アイテム同時に切り替わってほしい、自動的に動いてほしい、水

rearea 2015/09/02

リンク

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

最近は、ネットショップを出店する際には色々な選択肢がありますよね。 Base、Stores.jp、カラーミーショップなど個人、小規模でも簡単に出店できるサービスや本格的に多店舗運営されているショップはメインとしては楽天市場、Yahoo!ショッピング、Amazon、自社サイト（ショップサーブ、FutureShop2）など出店されているのではないでしょうか。本日はYahoo!ショッピングの新しいオプションサービスについて書きたいと思います。 Yahoo!ショッピングオプションサービス[トリプル]このブログでYahooショッピングについて書くのは初めてだと思います。なぜかというといままでYahooショップでは、独自のhtmlファイル、CSSを使っての装飾、javascript(jQuery)での動的コンテンツなど使えずページ作成にかなり制限がある状態でした。（CSSは厳密には各タグに直