Shopify:在庫切れ商品を「売り切れ」にする

やりたいこと Shopify で在庫がなくなった商品を「売り切れ」にしたい 購入カートで在庫数以上の数を選択できないようにしたい 実装例 各商品の設定 各商品ページの「Inventory」セクションにて、Inventory policy を「Shopify tracks this product inventory」(Shopifyがこの商品の在庫を追跡する)にし、チェックボックス 「Allow customers to purchas

Shopify:特定の国IPからのアクセスを除外する

やりたいこと Shopifyで運営するストアで、特定の国からのアクセスを除外させたい。 有料のアプリを使わず、コード直書きで対応したい。 実装例 JavaScript でユーザIPを取得し、除外国(例:日本)からのアクセスの場合、任意のページにリダイレクトさせる。 Layout/theme.js jQuery と js-cookie を CDN でインポートし、 <script src=”https://cdnjs.cloudfl

ワードプレス:ショートコードで記事内に画像スライダー

画像スライダーを作るワードプレスのプラグインはたくさんあります。 でも、凝った仕様のものが多いんですよね。 自分が求めているのは、シンプルに記事内からサクッと画像スライダーを生成できるもの。 結局見つけることができなかったので、自作ショートコードにより、実装することにしました。 以下では、その手順を説明します。 必要な画像スライダーの要件 具体的には、次の要件をみたすような画像スライダーが必要です。 ショートコードとWP画像IDを書くだ

jQueryタイマーライブラリ「Countimer」の使い方

やりたいこと Rails アプリで jQuery 使ったタイマーをサクっと導入したい。 jQuery ライブラリ「Countimer」 今回使う jQuery のライブライは「Countimer」。 「Download」より、ソースコードのZipファイルを取得できる。 今回は、その中の「dist/ez.countimer.min.js」を使う。 Rails でのセットアップ 「ez.countimer.min.js」を「app/java

Rails / jQuery – PayPalフォームをJSでsubmitする

やりたいこと PayPalフォームをボタンサブミットでなく、任意のページにリダイレクトさせてからsubmitしたい 任意のページ上でカスタムパラメータを付与させる 実装例 Viewフォーム(html.slim) PayPal管理画面などから取得できるHTMLのソースコードべた張りでOK。submitボタンと画像部分だけ取り除き、代わりにJavaScriptを書く。 javascript: $(document).ready(functi

Rails / jQuery – フォームに複数の値を配列でセットする

やりたいこと イベントトリガで検索フォーム(ransack)に複数の値を配列でセットしたい。 問題点 jQueryでセットした配列が、コントローラで文字列配列となってしまう(以下参照)。 パターン① html.slim = f.hidden_field :status_id_in, mutiple: true js.slim var var_1 = 1; var var_2 = 2; $(‘#q_status_id_in’).val([