This is standard

KAIZEN PLATFORM社が提供するA/Bテストプラットフォームにてグロースハックを行っているフリーランサーのサイトです。

【ECサイト】javascriptで出荷日時を自動で表示する方法

   

countdown2

Amazonをはじめ、多くのオンラインショップで即日配送を実施されてますよね。
即日配送が当たり前の中で、商品がいつ配送されるかユーザーとしては知りたい情報ですよね。
そこでFuture Shop2やカラミーショップなどのASPをお使いの自社EC向けにjavascriptで出荷日時を自動で表示する方法をご紹介します。

■当日14:00までの注文は当日出荷し、それ以降は明日になる店舗の場合を例とします。
実際こちらの店舗で導入しています。
float STORE

■DEMO
DEMOはこちら

■javascript

数値を変えて色々試してみてください。

 - FutureShop2, HTML・CSS・Javascript, Tips, カラーミーショップ

  関連記事

jQueryで背景画像をフェードイン・フェードアウト

jQueryで背景画像をフェードイン・フェードアウトする方法の覚書です。 [cr …

CSS3でグラーデーションのアニメーションをつける

タイトルをみると???かと思いますので、デモをご覧ください。 ※古いブラウザでは …

各ショップカートAPIでGoogleアナリティクスのeコマースを設定するには

旧アナリティクスからユニバーサルアナリティクスに変更する時は色々と注意点がありま …

スクロールしてYouTubeを自動再生する方法

YouTube動画付近までスクロールすると自動再生する方法をご紹介します。 DE …

IKEUCHI ORGANIC様 オフィシャルECサイト改修

今治タオルブランド、IKEUCHI ORGANIC様のスマートフォン版オフィシャ …

slick.jsのiframeバグ対応

楽天GOLDでよくiframeを使いますが、iframe内でslick.jsを使 …

[jQuery]id順に要素を並び替える

idを付与して並び替える方法の覚書です。 parseIntで並び替える方法もあり …

FutureShop2のfs2api.jsを利用してユーザー名を取得する方法

FutureShop2にはfs2api.jsが用意されていて、ユーザー名などログ …

Googleタグマネージャーを反映させるときの注意点

Googleタグマネージャーはとても便利なんですが、「公開」設定を忘れるとえらい …

MovableTypeでイベントやフェアブログを構築するときに使えるテンプレート

MovableTypeでイベント情報ブログを構築するときに使えるテンプレートをご …