私はどのようにしてSpreeのウェブサイトをテーマにしますか？

Question

私は豪華な電子商取引サイトを作成しています。私はそうするためのファイルを見つけることができないので、デフォルトのページ（製品、ホームページ）をどのようにテーマ化するのか、現在のアップデートで不思議に思っていました。

Answer 1

フロントエンドのビューを作成する必要があります。最初に、デフォルトビューがどのように表示されるかを理解してください。

デフォルトビューは、spree-frontend gemにあります。これをチェックしてください。

https://github.com/spree/spree/tree/master/frontend/app/views/spree

あなただけのこれらの部分のビューを追加し、一部だけのテーマを変更したい場合。すべてを変更したい場合は、ここにすべてのビューを追加してください。あなたはレイアウトのため、レイアウトのみホームページを変更したい場合は

たとえば、あなたが作成

アプリ/ビュー/酒宴/レイアウト/ spree_application.html.erb

と自分のレイアウトを書いてください。ホーム・ページの

ファイルにあなたのhtmlとテンプレートを追加

アプリ/ビュー/酒宴の/ home/index.html.erb

同様に、あなたがのためにすべてのテンプレートを変更することができますあなたが望むページ。それがあなたのテーマを変える方法です。

---

注： インクルードは、宝石のファイルに配置されている、ので、あなたはビューのファイルを見つけることができません。

---

更新I

宝石から資産を避けるために、あなたは酒宴/フロントエンド/ ベンダー/資産/ JavaScriptを編集することができます/ all.jsおよびベンダー/資産/スタイルシート/酒宴/フロントエンド/あなたが行を削除することができますspree_static_contentのデフォルトの資産を削除するには例えばall.css

* =まくる/フロントエンド/ spree_static_contentに

を必要と同様に、あなたはまた、シュプレー川によって提供されるスタイルシート全体を交換するには全体のCSSやJSを上書きする、または部分的に

ことができますが、単純でファイルを作成する必要があります同じ名前を使用して、アプリケーションまたは拡張のvendor/assets/stylesheetsディレクトリ内の対応するパスに保存します。

たとえば、spree/frontend/all.cssを置き換えると、your_app/vendor/assets/stylesheets/spree/frontend/all.cssに置き換えられます。

この同じ方法を使用して、サードパーティの拡張機能によって提供されるスタイルシートを上書きすることもできます。あなたがあなたとの混乱を持っている場合は、コメントと私はあなたを助けることができますしてください spreecommerce' documentation

：

ITSはで詳細に非常によく説明しました。