画像の拡大表示ができるCloud Zoomをスマホ対応する

カラーミー（Organicテンプレート）で使っているCloud Zoomを借りて、画像の拡大表示をしてみました。古いプラグインなので、スマホ対応（タッチパネル、レスポンシブ）できるように、コードを書いてみました。

スマホメニューでページ内リンクをタップするとメニューが閉じないとき

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

2020年にInstagram（インスタグラム）の旧APIが廃止になり、Instagram Graph APIという新APIに変わります。そういう流れで、旧APIを使っていたサービスは軒並みサービス停止されています。これを機会にいろいろと調べてきました。サンプルコードあり

おすすめのスライドショーは、カラーミーショップへの設置しやすさでは「slick」かなと思います。slickもオーソドックスなスライドショー機能は一通りそろっています。使っている人も多いので、検索すると探している情報が大体見つかります。

昨今はコロナ禍の影響で、「新しい日常」へとシフトすることが強く求められています。多くのビジネスで、業態転換は喫緊の課題です。実店舗以外でインターネット上にも販路を増やしたいと考える方へ、カラーミーショップを紹介します。

オプションごとに「カートに入れる」ボタンを設置するレイアウトはときどき見かけます。これまでは、オプションを選択してからカートボタンで購入という手順でしたが、オプション選択の手間が一つ減りますので、購入しやすいかも、と思います。サンプルコードを書いてみました。

プルダウンはコンパクトでスマートフォン時にページに収まりやすいですが、表形式と違って、オプション価格・オプション在庫数が表示されない弱点があります。今回は、プルダウンでオプション価格・オプション在庫数が表示する方法を考えてみます。

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

カラーミーショップのグループ機能は、商品を分類するための機能でカテゴリーと似ているように感じますが、違いはあまり理解されていないように思います。今回はグループ機能を記事にまとめて、グループの使い方を紹介します。

ランディングページ（LP）は、オンラインで商品・サービスを紹介・販売する目的で作成するページで、ウェブ広告のクリック先として作られます。ランディングページを作る知識と、カラーミーショップの機能「どこでもカラーミー」で購入ボタンを設置する方法を解説します。