セージ9でWooCommerceサポートを加えてください

Sage 9 from Roots 素晴らしい開発者の経験で近代的な、高速Wordpressのテーマを構築する素晴らしい方法です.残念なことに、セージ9開発生活の初期にWooCommerceとWooCommerceのテンプレートのオーバーライドをサポートするのは少しトリッキーだった.これは、古いと冗長な情報の浮動小数点につながる.
幸いにも、我々のために、WooCommerceのためのセージ9へのサポートを追加することは本当に簡単です.

ルーツからセージWooCommerceを加えてください

まず最初に、我々は、ブレードテンプレートエンジンのファイルをWooCommerceテンプレートを有効にするルートからパッケージを追加する必要があります.
これは1と同じくらい簡単ですcomposer require... ライン.
パッケージのレポはhttps://github.com/roots/sage-woocommerce , そして、何か不明な場合はインストール手順をチェックアウトしてください.さらに、次のステップでレポからコードを必要とします.
まず、あなたのテーマフォルダーにディレクトリを変更します
(正しいパスでパスを置き換える)

cd .../my\_wordpress\_site/wp-content/themes/mytheme  

パッケージを必要とする

composer require roots/sage-woocommerce  

それは仕事の大きな部分です!
あなたがどのようにこれが実際にWooCommerce＆SAGEsrc/woocommerce.php レポで.

必要なテンプレートファイルを追加する

刃テンプレートがセージ9で働く方法のいくつかの奇抜のために、それは働くすべてを得るために2つのWooCommerceテンプレートファイルを上書きする必要があります.
幸いにも、親切な根の人々は必要なファイルを提供しました.上のrepoで彼らを見つけてくださいgithub:roots/sage-woocommerce ) 下 examples/resources/views/woocommerce .
必要な2つのファイルは

single-product.blade.php &

archive-product.blade.php

あなたのテーマのWooCommerceフォルダを作成する
まず、WooCommerceテンプレートを上書きするフォルダを作成します.mytheme/resources/views/woocommerce
つのWooCommerceオーバーライドを加えてください
最後に、上記の2つのテンプレートファイルをダウンロードして、このフォルダの中に置きます.
あなたは

mytheme/resources/views/woocommerce/single-product.blade.php

mytheme/resources/views/woocommerce/archive-product.blade.php

あなたのテーマにWooCommerceのサポートを追加

最後に必要なステップは、セージ9でWooCommerce仕事をするためにあなたのテーマにWooCommerceサポートを追加することです.
開くmytheme/app/setup.phpのフック関数でafter_setup_theme , 呼び出しによってWooCommerceのためのテーマサポートを加えてくださいadd_theme_support . (これは通常、土壌のテーマサポートの近くにあります).

<?php  

// app/setup.php  

add\_action('after\_setup\_theme', function() {  

  // ...  

  /\*\*  
   \* Add Woocommerce Support   
   \*/  
  add\_theme\_support('woocommerce', array(  
    'thumbnail\_image\_width' => 415,  
  ));  

  // ...  

});  

あなたは今WooCommerce＆セージ9素敵な演奏している！

おめでとう.

エクストラ

あなたが私の記事のいくつかを読んだら知っているように、私は記事の終わりに余分な“プロのヒント”を与えるのが好きです.
セージ9とWooCommerceを使うとき、それは良い考えです、そして、あなたはおそらくWooCommerceのデフォルトスタイルシートを取り除きたいです.デフォルトでは、これらのビットは魅力的に見えるし、4つの余分なスタイルシートのようにしたいのは、高速、リーン、素晴らしいテーマで右にダウンロードするには?
WooCommerceのスタイルを削除するには、実際には本当に簡単です!
あなたがベストに合っているならば、ちょっと以下のフィルタを加えてくださいapp/filters.php )

<?php  

// Disable woocommerce stylesheets  
add\_filter('woocommerce\_enqueue\_styles', '\_\_return\_empty\_array');  

そして、あなたは完了です!
Woocommerceとセージ9でハッピービル!