HOME  /Welcart
 /Welcartのファンクション構造とホームページの商品表示設定
2020年07月23日

Welcartのファンクション構造とホームページの商品表示設定

Welcartのファンクションは下記の様な階層構造になっています。

functions.php→

front-customized.php
template-functions.php
theme-customizer.php
theme-update-checker.php
widget-customized.php

■「functions.php」から「incフォルダ」にある上記プログラムをインクルードしています。

 

1.ホームページ(front-page.php)の商品表示

ホームページ画面は、デフォルトでお勧め商品(itemreco)を10個表示するスペックとなっています。

これは上記でインクルードされた「theme-customizer.php」の中の下記記述の結果です。

function welcart_basic_posts_per_page( $query ) {
    if( is_admin() || !$query->is_main_query() ) {
        return;
    }

    if( 'posts' == get_option( 'show_on_front' ) && ( $query->is_home() || $query->is_front_page() ) ) {
        $h_itemcat = get_option( 'welcart_basic_h_itemcat' );
        $h_itemnum = get_option( 'welcart_basic_h_itemnum' );
        if( empty($h_itemcat) ) $h_itemcat = 'itemreco';
        if( empty($h_itemnum) ) $h_itemnum = '10';
        $query->set( 'category_name', $h_itemcat );
        $query->set( 'posts_per_page', $h_itemnum );
        $query->set( 'post__not_in', array() );
        return;
    }
}
add_action( 'pre_get_posts', 'welcart_basic_posts_per_page' );

■カテゴリは「itemreco」、表示個数は「10」を設定しています。

上記をカスタマイザの画面で見てみると下記になります。

■商品リストのカテゴリを別の物に変える場合は▼で指定します。

■表示数を変更する場合は数値を変更します。

 

2.ファンクションの読み込み順番

CSSの場合は、「親テーマのCSS→子テーマのCSS」の順番に読み込む為、親テーマのCSSを変更したい場合は、子テーマのCSSを変更すれば可能になります。

 

しかし、ファンクションの読み込みは「子テーマのファンクション→親テーマにファンクション」になるので、同じファンクション名は上書きされて反映されません。

よって別名のファンクションを作るか?リムーブ宣言で親テーマのファンクションを無効化する必要があります。いずれにしても注意が必要です。

以上でこのドキュメントの説明は完了です。

関連ドキュメントはメニュの「Wordpress(応用編)タブ」か下記の関連記事一覧から探して下さい。

又、このサイトには、Google広告が掲載されています。

この記事が貴方の参考になりましたら、広告もご覧頂ければ幸いです。


<関連記事一覧>

「wecart」に関連するドキュメントを表示しています。尚、このページネーションはJquryで制御しています。

ここではWelcart商品を価格順に並び替える方法を解説しています

ここではWelcartのキャンペーン商品設定の方法と、設定された商品リストを表示する関数を作成する方法を解説しています

ここではWelcartの商品カテゴリを指定して商品リストする関数を作成しています。全商品、おすすめ商品、新製品及び商品カテゴリが対象となります。

ここでは売れている商品をWelcartのDBから読み出して「売れ筋商品」としてリストする関数を作成する方法を解説しています。

ここではWelcartで個別商品を表示した時に、その商品と同じカテゴリの商品を「関連商品」としてリストする関数を作成する方法を解説しています。

ここではWelcart_basicのメニュのCSS制御の解説をしています。

ここではWelcart_basicのカートボタンの「色」と「文字」を変更する方法を解説しています。

ここではWelCart_Basicのカートの仕様がどうなっているか?を解説しています。

Welcartで会員システムを使うのであれば、ログイン後の画面に現在使えるポイント数が表示されているのが親切です。そこでここではwelcart_bascで保有ポイントが表示されるようにカスタマイズしたサンプルを解説しています。

ここではwelcart_basicの会員システムがどの様な仕様になっているか?を解説しています。

ここではWelcart_basicの検索BOXがCSSでどの様に制御されているのか?を解説しています

welcart_basicは製品だけしか検索対象としていませんが、ここではページの情報を読み込んで、何を検索させるのかを自動で判断させる方法を解説しています。

ここでは「welcart_basic」の「category.php」がブログ用のサイドーバーが使われてない問題点を修正方法を説明しています。また「welcart_basic」がどの様な構造になっているか?も併せて解説しています。

ここではWelcartの検索機能制限の解除と商品か否かを判断する関数を作成する方法を解説しています。

ここではWelcartで用意されている関数を解説しています。

Welcartのホームページと事前に作られている固有のページを解説してます。特にカートページやメンバーページ及びお問い合わせフォームの作り方も解説しています。

WelcartはWordPressの「固定ページ」と「投稿ページ」のみで作られております。この「投稿ページ」の中に「商品」が設定されています。そこで検索機能はファンクションの中で、商品のみを検索する様な設定が定義されている為、そのままではブログ等を検索できません。

ここではWelcartの商品画像を「slick」でスライドさせる方法を解説しています。スライド方法は下記の2つを解説しています。①.slickオプションだけでスライドさせる。②slickイベントやメソッドを使ってスライドさせる。

ここではカスタマイズ→ヘッダ画像で設定したヘッダ画像を「slick」で自動スライドさせる方法を解説しています。スライドサンプルとしては画像サイズと画像サイズ+αで表示させるサンプルを解説しています。

「slick.js」はjqueryでスライド動作を指定するプラグインです。ここでは「slick.js」のインストールから、設定方法及び「slick.js」のオプションを解説しています

ここでは「Welcart basic」の子テーマの作成方法を解説しています。

Welcartの商品画像適用ルールと「Media Library Assistant」による画像管理、及び商品画像の登録方法を解説しています。

Welcartで商品登録を行う前に.Welcart Shopの「基本設定」、「配送設定」及び「.商品カテゴリ」の登録が必要で、ここではその登録方法を解説しています。

ここではWelCartの商品の登録の仕方を解説しています。

WelcartはWordPressを使った無償のe-Commerceシステムです。ここでは「Welcart」の「インストール」と「無償テンプレート」について解説します。

ここでは「Welcart_Basic」の「メニュ」や「ウィジェット」及び「ヘッダ画像」の使い方を解説します。