ECサイト:カラーミーショップで商品一覧ページを作る


最終更新日:2020.11.14
Pocket

私はカート機能を実装したい場合には基本的にカラーミーショップを使用しています。

WordPressと相性良い気がする(どこでもカラーミーという機能があったり、Wordpressのプラグインもあったり)のと、
はじめて触ったECカートがカラーミーだったから…というのもあります😊愛着ってあるよね

 

カラーミーはその管理画面から html/css を使用してデザインを変更できるので、「よくあるショッピングサイト!!」なレイアウトから変更することも全然可能です。

たとえばトップページには商品は出さず、よくあるコーポレートサイトにして、商品一覧ページは別で作る…とか。
フリーページも作れるので、フリーページに商品情報を埋め込む…とか。
独自タグも豊富にあるので、割と商品回りは自由度高し(*´▽`*)

 

そして今回ご紹介するのは、「商品一覧ページ」を作る方法です。

独自タグの中には、各ページのurlを出力できるものもあるんですが、商品一覧ページ(カテゴリとかタグで絞り込まれてない、完全なALL ITEM)を表示する独自タグがなさそうなのですよね。

「商品一覧ページが表示できない!!」と困ったので、同じように詰んでしまった方の参考になればと。

 

対応方法

商品一覧ページにリンクさせたい箇所のaタグのリンク先を

<a href="<{$home_url}>?mode=srh&keyword=">商品一覧</a>

とすればOK!

これは、”キーワードを何も指定せず検索した検索結果画面”を表示する、という指定です。つまり全商品。

この状態だと「キーワード:なし での検索結果」みたいな表示が出てしまうので、必要に応じて
この表示を消してあげると良いと思います。

 

 

良いECサイトライフを!

 

ありがたい参考サイト様:https://help.shop-pro.jp/hc/ja/articles/360023341514-%E5%95%86%E5%93%81%E4%B8%80%E8%A6%A7%E3%81%AE%E8%A1%A8%E7%A4%BA%E6%96%B9%E6%B3%95-MONO

Pocket