jQuery アーカイブ - Welcart カスタマイズ

商品一覧ページで、商品画像をマウスオーバーで切り替えるjQuery

商品一覧の時に、商品画像にマウスカーソルを置いた時に、画像を変えてみるカスタマイズです。色々検索した中で、Welcartにもすぐに応用出来そうだった以下の記事を参考にさせて頂きました。 jQueryでロールオーバー（マ…

キャンペーン終了日までのカウントダウン、あると良くないですか？簡単に使える、カスタマイザブルなカウントダウンjQueryプラグインを見つけたので、早速Welcartに使ってみました。 jQueryカウントダウンタイマー…

Welcart対応テーマには３つjQueryのプラグインを入れていますが、その一つがこのjQueryプラグインの「Swipebox」。簡単にモーダルウィンドウ効果（いわゆるLightbox）機能をつけられる、非常に軽いプ…

「作りながら学ぶjQueryデザインの教科書」は、2014年5月発売の最新のjQuery本です。PC本としては、増税後に初めて購入。 jQueryの本としては、以前に取り組んだ「ドーナツ本」として有名な「Web制作の現場…

HTML5に対応したに入力フォームを作れば、スマホでの入力がぐっと楽になります。特に、郵便番号や電話番号などの入力時には、指定の属性をあらかじめ付与しておくと自動でテンキーが表示されるようになるので、スマホユーザーの顧…

カスタムヘッダーの画像を利用したスライダーに、リンク・キャプションをつける方法です。Welcart用テーマのトップページのスライダーに実装しました。 demo 通常１枚のカスタムヘッダー画像だけであれば、リンクをつけるに…

FlexSlider2は、非常に有名なスライドショーのjQueryプラグインです。WordPress用のショッピングカートプラグイン「wooCommerce」（超有名）を開発しているwooThemes社が、無料で配布して…

Welcart用テーマ（WordPress.org公式ディレクトリにて配布中！こちら）の商品ページの数量ボタンに、こんなボタンを実装してみました。時々色々なECサイトで見ていて「これはいいなぁ」と思っていたのですが、実…

HTMLやWordPressを勉強し始めた頃は、jQueryが出てきても本の通りにコード打ちをするだけで、はっきり言って自分に関係ない物だと思っていました。が。先日、Welcartにリアルタイム入力チェック「jQuer…

（2014/4/24更新）手順4番の、class属性付与の手順を大幅に見直しました！ WelcartのECサイトのカゴ落ち対策で、住所などのお客様情報の入力時に、リアルタイムで入力内容をチェックするjQueryを導入。 …