サポート » プラグイン » woocommerceについて

  • 前提

    woocommerceを利用してサイトの構築を行っております。
    woocommerce提供のテーマでは無く、デフォルトまたは、他テーマで利用をしています。

    デフォルトテーマ、または他テーマで利用すると、
    woocommerceが勝手にそのテーマに合わせたデザインに反映されます。
    そこで、CSSなどのデザイン等の崩れがいくつか生じてしまいました。

    質問

    1.「商品ページ」「商品カテゴリー」のデザインを変更したいと思っているのですが、
    どのファイルをいじれば良いかわかりませんのでお教え頂きたいと思います。

    2.woocommerceのCSSは、Sassを使って書かれているのですか?

    3.woocommerceの商品ページは投稿ページという認識で良いのでしょうか?
    それともカスタム投稿?カスタムタクソノミーなのでしょうか?

    因みに、私はPHPなどの知識はほとんど持っておらず、書いてある意味は
    推測出来て、コピペぐらいは出来る程度です。
    そのため、わかりやすい形で変更出来れば嬉しいです。

    素人的な質問で大変恐縮です。

    どなたか、ご見識をお持ちの方お教え頂ければ嬉しく思います。

    • このトピックはdkknmrが7年、 8ヶ月前に変更しました。
4件の返信を表示中 - 1 - 4件目 (全4件中)
  • こんにちは、woocommerceを使っていないので、詳しくないですが、、、
    テーマの、functions.phpで woocommerce_before_main_content hookを使っていますか?

    使っているようなら、

    
    global $template;
    	echo $template;
    

    を追加すると、テンプレート名が表示されるようになると思います。

    
    add_action('woocommerce_before_main_content', 'my_theme_wrapper_start', 10);
    
    function my_theme_wrapper_start() {
    	global $template;
    	echo $template;
      echo '<section id="main">';
    }
    

    woocommerceのCSSは、Sassを使って書かれているのですか?

    LESSのようです。

    テーマのstyle.cssより先に読み込まれるので、適切なCSSをstyle.cssに書けば大丈夫じゃないかと思います。

    3.woocommerceの商品ページは投稿ページという認識で良いのでしょうか?

    post_type=product なので、カスタム投稿でしょうね

    • この返信は7年、 8ヶ月前にnobitaが編集しました。

    追記:
    プラグインも、テーマもアップデートするので、カスタマイズするのであれば、チャイルドテーマを作成して、チャイルドテーマにwoocommerceホルダーを作成して、そこにカスタマイズするテンプレートをコピーする必要がありそうですね。そうすると、テーマ側のwoocommerceホルダー内のテンプレートを読み込むようになるみたいです。

    トピック投稿者 dkknmr

    (@dkknmr)

    nobita様

    ご連絡頂きありがとうございます。
    また、返信遅れて失礼致しました。

    テーマの、functions.phpで woocommerce_before_main_content hookを使っていますか?

    >こちらは、woocommerceプラグイン内のfunctionの事でしょうか?
    それともテーマの編集におけるfunctionでしょうか?

    woocommerceプラグイン内にはfunctionファイルが複数あるのですが、
    該当箇所がわからない状況です。。
    テーマは質問時に記載をしているのですが、woocommerce提供のテーマでは御座いません。

    LESSのようです。

    >そうでしたか。知見が無く大変恐縮ですが、
    LESSの場合、「abc.less」のようなファイルがある
    と思ったのですが、拡張子がlessのものが無く、代わりに
    [abc.scss]のように拡張子がscssファイルがあり、Sassと認識していました。

    post_type=product なので、カスタム投稿でしょうね

    >投稿タイプなのですね。ありがとうございます。

    プラグインも、テーマもアップデートするので、カスタマイズするのであれば、チャイルドテーマを作成して、チャイルドテーマにwoocommerceホルダーを作成して、そこにカスタマイズするテンプレートをコピーする必要がありそうですね。そうすると、テーマ側のwoocommerceホルダー内のテンプレートを読み込むようになるみたいです。

    >すいません、こちらもwoocommerceの概念があまり理解が出来ておらず、チャイルドテーマ、恐らく子テーマの事だと思ったのですが、これまで利用をした経緯が無かったので。。。

    woocommerceについて日本国内での利用者がまだまだ多くないのか、情報収集に困っております。。

    • この返信は7年、 8ヶ月前にdkknmrが編集しました。
    モデレーター Okamoto Hidetaka

    (@hideokamoto)

    http://wp.tekapo.com/2013/06/10/show-current-template/
    Show current templateプラグインを入れれば、
    ログイン時ページ上部に表示される管理バーから使用しているテンプレートファイルが確認できます。
    カスタム投稿タイプでも使えるので、Wooでもいけたかと。

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • トピック「woocommerceについて」には新たに返信することはできません。