気軽にショップサイトを運営してみたい。

そういう時はデザインを作り込む必要もないので、SOY Shopに同梱されたテンプレートを使いたい。

だけど、そのままのデザインだと、

会社名がお豆商事やら、知らない人の写真やらが邪魔で

ちょっとデザインを改変して使用したい。

今回はちょっとしたデザインの改変方法を紹介します。

SOY Shopに同梱されたテンプレートにはパーツモジュールが組み込まれているため、

テンプレートのHTMLを変更しても、デザインが変更されないことがあります。

デザインを変更するためには、最初にパーツモジュールを外す必要があります。

テンプレートを開いて、上から順番に

<!-- shop:module="common.parts.header_navigation" -->

<!-- shop:module="common.parts.header" -->

<!-- shop:module="common.parts.global_navigation" -->

<!-- shop:module="common.parts.footer" -->

<!-- shop:module="common.parts.address" -->

とこれらとセットになっている終了タグを削除してください。

(テンプレートは4種ありますが、すべてのテンプレートで行ってください)

これでテンプレート編集画面で自由にデザインの変更が出来るようになります。

Tweet