カラーミーショップでトップと共通のレイアウトを違うものにする方法。

ECサイトを手軽に作成できるカラーミーショップ。
構成を変えるときには無料テンプレートを自分好みに維持っていくのですが、編集できるトップと共通がネックになりデザインの構成が自由に行かない壁に激突。

カラーミーショップはまず共通があって、そこから下記のタグを入れることでトップの内容を表示させます。

<{include file = $file_name}>

この場合、普通に使うと例えばトップにはカラムなしでフリーページや商品詳細にはカラムをいれさせることができません。
なぜなら共通で設定している左カラムにメニューが、右カラムにトップの内容が表示されるからです。



上記のようなレイアウトにする場合には、左カラムがなくて1カラムだけの表示にしなければいけません。

そこで考えたのはトップに関しては、CSSでカラム部分をdisplay:noneにして、なおかつwidthを100%にする方法。


トップかフリーページの判定には、カラーミーショップのテンプレートタグである<{ $tpl_name}>をクラス名に表示させます。
表示しているページがトップならクラス名にはtopが入り、display:noneになる。他のページの場合はtopのクラス名が入らないのでカラムありのレイアウトになるように設定。



ソースの中にはカラムのコードが入るので、それはデメリットですがこの方法であればトップと他のページのレイアウトを変更することとができます。

他にも良い方法があるといいんだけど、フリーページで使うテンプレートがトップというのがどうにもこうにも。

最新投稿された記事はいかがですか？

• 南野どうなる?2015年冬から4大リーグにいったザルツブルクの選手をリストアップ！
• 毎日25分のオンライン中国語レッスンサイトまとめ。結構サイトによって金額と時間が違ってます。
• 中国語で覚えておきたい接続詞まとめ。
• [サッカーまとめ]2007-2016に欧州のクラブチームに移籍して日本人選手リスト。