baserCMS ショッピングカートコンセプトテーマ baserCart

第2回 baserCMS デザインテーマコンテストで「店舗系テーマ賞」を頂きました!第1回に続き、2回目の受賞となり嬉しく思っています 😀

受賞者発表!! | 第2回 baserCMS デザインテーマコンテスト

制作:こもりこめろましゃ
baserCart (basercart-1.0.0)
デザイン性と機能性が両立できる baserCMS を活かすべく制作したショッピングカートサイトテーマです。
森のお店をイメージしたかわいいデザインにしてみました。
デザイン、イラスト、レスポンシブを含むマークアップ、商品・注文管理を含むコンテンツ管理と、ウェブサイトで使われる重要な要素を盛り込み、baserCMS の性能をめいいっぱい活用したテーマとなっています。
[ 審査員からのコメント ]
baserCMSの機能を存分に活用した作品です。プラグインを使って簡易ショッピングカート機能を実現している所など、baserCMSの可能性を広げてくれた作品です。

制作は「こもりこめろましゃ」ということで、コモモ(デザイン・ライティング・テーマ部)、モリコ(HTML・JS)、マリメロ(イラスト)、ひろましゃ(プラグイン部)の4人チームで行いました。

テーマを basercms.net に配置していただいておりますので、以下から実際に動いているところをみることができます。ファイルのダウンロードは 3/28 から始まる「baserマーケット」からダウンロードできるようになるとのことです!

商品一覧|basercart

モリコママは、ちょっとおせっかいで、ちょっとおっちょこちょいなシマリスのおかあさん。不思議の森のみんなは、モリコママの手づくりお菓子がだ〜い好き。モリコママは、美味しい手づくりお菓子を世界中の人たちに届けたいなぁって思いました。

コンテストでは応募の多くが汎用的なテーマとなることを予想しつつ、独自の世界観と baserCMS の可能性を表現することを目標に制作を進めました。思い描いていた通り完成できて、賞もいただけて本当に良かったです。メンバーのみなさまありがとうございました 😀

かわいらしい見た目とともに、広範囲に baserCMS の機能を活用したテーマとなっています。このブログのエントリーをサポートサイト代わりにして紹介してみたいと思います。

公開サイト部分

サイトの訪問者が見える部分の構成は次のようになっています。

  • 商品一覧(トップページ)

basercart-publish-01

  • 商品一覧(タグ分類)

basercart-publish-02

  • 商品詳細

basercart-publish-03

  • ショッピングカート

basercart-publish-04

  • 固定ページ・ブログ・お問い合わせメール(baserCMS基本機能)

商品は一覧・タグ分類ができ、商品名や最大4種類の画像、価格の情報を持っています。また、ショッピングカートには注文フォームが用意されています。

少しだけ baserCMS 使われたことがある方には、これはどうやったんだろうと思われる部分だと考えますが、バックエンドの実装的には今回のキモとして定めた部分でした。

baserCMS のソースコードなどを見ると「Based Website Development Project」とあります。つまり、baserCMS は CMS のベースともなるソフトウェアです。

WordPress がシステムの持つデータの形にサイトを当てはめる CMS とすれば、baserCMS はデータの形ごと作成できる CMS です。

今回の応募したテーマを WordPress でつくれば、商品情報を投稿タイプとカスタムフィールドに、タクソノミーで条件抽出するような実装となると思いますが、baserCMS ではテーブル構成やそのリレーション・インデックスを1から設計することが可能です。

作成したデータの形は、スキーマ管理、ユーザ権限やファイルのアップロード、テーマシステム、管理画面用の部品などなど、baserCMS が持つ力をたくさん借りながらウェブサイトとして構成することができます。

管理画面

  • 商品管理

basercart-admin-01

basercart-admin-02

  • タグ管理

basercart-admin-03

basercart-admin-04

  • 注文管理

basercart-admin-10

basercart-admin-11

商品系では、商品の一覧・編集、画像のアップロードや、多対多で関連するタグなどを使うことができます。注文ではステータスの変更や、注文明細の閲覧をすることができます。

おそらくテーブル構成などは、管理画面からのご想像通りです。実はタグやスラッグなどの部分は WordPress に由来してつくったりしています。テーマのダウンロードまでお楽しみにです。

CakePHP 初挑戦なのもあって、モデルとコントローラが、エンティティとサービスよりに心がブレている部分なんかがあるのですが、少しづつ修正していきたいです。

うまくできたら、本テーマはひと通りやりそうな実装がそろっていのではないかと思いますので、どこかで時間をつくって「baserCartの作り方」的なドキュメントを書こうかと思っています。 🙂

最後になりましたが、baserCMS テーマコンテスト実行委員のみなさま、大変お世話になりました。ありがとうございました!

baserCMS ショッピングカートコンセプトテーマ baserCart」への3件のフィードバック

  1. お世話になっております。
    このbaserCartを4系で使用したく、アドオンマイグレーターでのコンバートをこころみましたがうまくいきません。
    4系で利用するための改修ポイントなど、ヒントをいただけないでしょうか?
    よろしくお願いします。

  2. コメントありがとうございます。

    このテーマがつくられたときよりも、baserCMS のメジャーバージョンが 2ほど上がっていますため、自分も改修ポイントを把握できておりません。

    動かない部分を見つけて、少しずつ修正していくことになると思います。。お力になれず申し訳ありません…

  3. ご回答ありがとうございます。
    自分でもスキルを上げて、改修ポイント探ってみます!
    ありがとうございました!

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です