カラーミーテンプレートにスマホ用ドロワーメニューを実装する

カラーミーショップの有料テンプレート（MONOを除く）はスマートフォン閲覧時のメニューがシンプルなので、もうすこし作り込みたいことがあります。今回はドロワーメニューの実装について書きました。スマートフォン用メニューを改善したい方は参考にどうぞ。

MONOテンプレートで使っているくっつく機能 Theia Sticky Sidebar を学ぶ

カラーミーショップのMONOテンプレートは便利な機能「Theia Sticky Sidebar」が実装されています。スクロール時にサイドバーが固定になるため、「カートに入れる」ボタンが画面外に出ずに、お客様に親切な作りです。解説を書きましたので、カスタマイズする際の参考にどうぞ。

カラーミーカスタマイズの勉強で、どこから手を付けたらいいのかわからないという相談がときどきあります。カラーミーショップを始めたばかりの時は全体像がまだ見渡せないので、取っ掛かりにくいのだろうと思います。難易度順に勉強するのが良いでしょうから、カラーミー初心者の方は参考にどうぞ。

カラーミー 2022年09月09日 naeco.jp JS / jQuery

スマホメニューのコードを一から書くことはあまりありません。他ページのコードを参考にスマホメニューを設置した場合に、ページ内リンクをタップしたときにメニューを閉じないことがあります。困っている方へ解決法を紹介します。

ネットショップを始める場合、費用面で特に固定費が参入障壁になってきます。カラーミーショップでは、既存プランにあった月額固定費をなくし、初期費用・月額利用料無料で利用できるフリープランが始まりました。低リスクで始めやすくなっています。

無限スクロールは、Facebook、Twitter、Pinterestなどの有名なSNSでも実装されて、昨今ではいろんなサイトで使われています。ネットショップでも実装しているサイトを見かけます。今回は、カラーミーショップで実装する場合を考えて、サンプルコードを書いてみました。

2021年9月30日にリリースされた、カラーミーショップの新テンプレート「Triple」。先日、カスタマイズする機会がありましたので、テンプレートの使い勝手や気付いた点などを書きまとめました。幅広で動きのある、新しい雰囲気のテンプレートになっています。

カラーミーショップ大賞2018のノミネートショップから、昨今のショップデザインの傾向と流行をチェックしました。目をひくショップデザインや参考になるアイデアもピックアップしていますので、カスタマイズの参考にどうぞ。

カラーミーショップの名入れ機能は基本的にテキスト入力欄一つですが、オーダーメイド系のお店の場合、入力項目が複数必要になることも多いと思います。既存の名入れ機能を使って、複数項目を送信する方法を紹介します。

カラーミーショップAPIの使い途として、受注データを整形し出力、普段の業務を自動化、独自タグがないために出力できない項目をショップに表示する等が挙げられます。カラーミーショップに表示する際にクロスドメイン制約を回避するためのサンプルも紹介。