SKUコードと商品画像ファイル名を同名にすることで以下の箇所にSKU画像を表示させることができます。
管理画面 | |
---|---|
商品情報編集画面 | メディア |
SKUコード:wcBD-P02-b |
画像ファイル名:wcBD-P02-b |
フロント画面 | |
商品詳細ページ |
Welcart Basic 1.2.3 から商品一覧ウィジェットが追加されました。
[タイトル][表示する商品カテゴリー][件数]を設定してください。
管理画面 |
---|
フロント |
Welcart Basic 1.2 から、「キャンペーン期間中の割引率表示」機能を追加されています。
割引率の表示は、「キャンペーン対象商品」と「スケジュール」の設定を行なう必要がございます。
「キャンペーン対象」で設定した商品カテゴリーに属する商品に対し、この機能は有効となります。
割引の場合:「表示価格より〇〇%OFF」 | ポイントの場合:「ポイント〇〇倍」 |
---|---|
上記表示箇所とは別の箇所に表示させたい方は、Welcart Beldad の表示させたいテンプレートファイルに以下のタグを追記ください。
※ループ外では、割引率は表示されませんのでご注意ください。
welcart_basic_campaign_message();
Welcart Beldad では、カテゴリーのサムネイル画像とキービジュアル画像を登録・表示することができます。
※カテゴリーページのキービジュアル画像は全カテゴリー対象です。
トップページ | カテゴリーページ |
---|---|
推奨サイズ | |
任意 |
1000px(幅) |
管理画面 > 投稿 > カテゴリーを選択してください。
新規カテゴリー追加画面にて「画像を選択」ボタンを押し、画像を選択もしくはアップロードしてください。また、テキストボックスに直接URLを入力することも可能です。
「新規カテゴリー追加」ボタンを押すと反映されます。
新規追加と同じように、編集ページから「画像を選択」ボタンを押して画像を選択もしくはアップロードしてください。画像の登録を削除したい場合は、URLを空白にして「更新」ボタンを押してください。
トップページ専用のサムネイル画像は登録せず、キービジュアル画像のみを登録した場合、トップページ(のカテゴリーブロック)にはキービジュアル画像が表示されます。キービジュアル画像は登録せずサムネイル画像のみを登録した場合は、(カテゴリーページの)キービジュアル画像は表示されません。
トップページのキービジュアル画像を複数登録し、スライドで表示することができます。
キービジュアル画像の登録は、テーマカスタマイザ―の「ヘッダー画像」から登録することができます。
※「ヘッダー画像」については、Welcart Basicのドキュメントをお読みください。
「アップロード済み」に追加されている画像はスライド形式で表示されます。
複数画像を追加する場合は、「現在のヘッダー」の「新規画像を追加」ボタンから画像をアップロードしてください。
キービジュアル画像に対しリンクを設置することができます。
画像の追加登録時、「添付ファイルの詳細」の【説明】にURLを入力ください。
【管理画面 > メディア > ライブラリ】
の(メイン画像の)編集画面(の説明部分)からリンクを追加・編集することも可能です。
スライドで表示している画像を削除する場合は、「アップロード済み」から削除したい画像にマウスオーバーさせ「×」マークから削除ください。
商品詳細ページの商品画像とサブ画像をスライド形式で表示します。
「お知らせ」や「トピックス」さらに「特集記事」をトップページに表示することができます。
ここで表示する記事の対象カテゴリーは、テーマカスタマイザーで選ぶことができます。また、このエリア全体の表示、非表示や表示件数などの設定が可能です。
「お知らせ」では、公開日・カテゴリー・タイトルを表示します。
「トピックス」では、アイキャッチ画像・タイトル、
「特集」では、アイキャッチ画像、タイトル、抜粋文を表示します。
このテーマには下記のファイルが同梱されています。
デザインの変更などカスタマイズを行う場合は、下記のファイルを直接カスタマイズしてください。
また、Welcart Beldadにないテンプレートをカスタマイズする場合は、
最新版のWelcart Basicから編集したいテンプレートのみをコピーしてカスタマイズを行なって下さい。
スタイルシート | |
---|---|
/style.css | メインのスタイルシート |
/usces_cart.css | 商品詳細ページ・メンバーページ・カートページ・商品複合検索結果一覧ページのスタイルシート |
/wcex_olwidget.css | 拡張プラグイン「WCEX Order List Widget」を利用した時にのみ使用されるスタイルシート |
/wcex_widget_cart.css | 拡張プラグイン「WCEX Widget Cart」を利用した時にのみ使用されるスタイルシート |
/wcex_multi_shipping.css | 拡張プラグイン「WCEX Multiple Shipping」を利用した時にのみ使用されるスタイルシート |
/wcex_sku_select.css | 拡張プラグイン「WCEX SKU Select」を利用した時にのみ使用されるスタイルシート |
/auto_delivery.css | 拡張プラグイン「WCEX Auto Delivery」を利用した時にのみ使用されるスタイルシート |
/assets/vendor/fixed-header/css/flexslider.css | 固定ヘッダー用のスタイルシート |
/assets/vendor/flex-slider/css/fixed-header.css | トップページ メイン画像の スライド 機能のスタイルシート |
/assets/vendor/slick/slick.css | 商品詳細ページ 画像スライドのスタイルシート |
/assets/vendor/slick/slick-theme.css | 商品詳細ページ 画像スライドのスタイルシート |
/assets/css/admin.css | 管理画面に使用されるスタイルシート |
/assets/css/ie.css | Internet Explorerで閲覧した場合にのみ使用されるスタイルシート |
/assets/css/safari.css | Safariで閲覧した場合にのみ使用されるスタイルシート |
/assets/css/favorite.css | 拡張プラグイン「WCEX Favorites」を利用した時にのみ使用されるスタイルシート |
テンプレート | |
/header.php | ヘッダーテンプレート |
/footer.php | フッターテンプレート |
/front-page.php | フロントページテンプレート サイトのトップページ |
/archive.php | アーカイブテンプレート |
/category.php | カテゴリーテンプレート 投稿記事および商品一覧用 |
/single.php | 投稿記事用テンプレート |
/search.php | 検索結果用テンプレート |
/template-parts/content.php | 投稿記事・固定ページのコンテンツ部分に使用します。 |
Welcart 専用テンプレート(wc_templates) | |
/wc_templates/wc_item_single.php | 商品詳細ページ(物販)用テンプレート |
/wc_templates/wc_item_single_data.php | 商品詳細ページ(ダウンロード)用テンプレート 拡張プラグインDLSellerで使用します |
/wc_templates/wc_item_single_service.php | 商品詳細ページ(サービス)用テンプレート 拡張プラグインDLSellerで使用します |
/wc_templates/wc_search_page.php | 商品複合検索結果ページ用テンプレート |
/wc_templates/wc_review.php | 商品詳細ページ レビュー機能用テンプレート |
/wc_templates/wc_sku_select.php | 拡張プラグイン「WCEX SKU Select」を利用した時に表示する商品詳細ページ用テンプレート |
/wc_templates/wc_sku_select_service.php | 拡張プラグイン「WCEX SKU Select」を利用した時に表示する商品詳細ページ(サービス)用テンプレート |
/wc_templates/cart/wc_confirm_page.php | 内容確認ページ用テンプレート |
/wc_templates/cart/wc_completion_page.php | 決済完了ページ用テンプレート |
/wc_templates/member/wc_login_page.php | 会員ログインページ用テンプレート |
/wc_templates/member/wc_member_completion_page.php | 新規会員登録完了ページ用テンプレート |
/wc_templates/member/wc_member_page.php | 会員情報ページ(マイページ)用テンプレート |
/wc_templates/member/wc_favorite_page.php | お気に入りリストページ用テンプレート 拡張プラグインFavoritesで使用します |
ユーザー関数類 | |
/functions.php | ユーザー関数定義用ファイル |
/inc/load.php | カスタマイズ・読み込み用ファイル |
/inc/front-customized.php | フロントエンド・カスタマイズ用ファイル |
/inc/theme-customizer.php | テーマカスタマイザ―・カスタマイズ用ファイル |
/inc/term-customized.php | カテゴリー カスタマイズ用ファイル |
/inc/widget-customized.php | ウィジェット カスタマイズ用ファイル |
画像 | |
/images/*.* | その他の画像 |
JavaScript類 | |
/assets/vendor/fixed-header/js/fixed-header.js | 固定ヘッダー用のスクリプト |
/assets/vendor/flexslider/js/jquery.flexslider-min.js | トップページ メイン画像の スライド 機能のスクリプト |
/assets/vendor/flexslider/js/jquery.flexslider.js | トップページ メイン画像の スライド 機能のスクリプト |
/assets/vendor/slick/slick.min.js | 商品詳細ページ 商品画像の カル―セル / スライド 機能のスクリプト |
/assets/js/wcct-loading.js | ページローディング・スクリプト |
/assets/js/front-customized.js | フロントエンド・スクリプト |
/assets/js/wcct-flexslider.js | トップページ メイン画像の スライド 機能のスクリプト |
/assets/js/wcct-slick.js | 商品詳細ページ 商品画像の カル―セル / スライド 機能のスクリプト |
/assets/js/widget-slide.js | 商品一覧ウィジェット用のスクリプト |
その他 | |
/readme.txt | 取扱説明 |
/screenshot.png | テーマのスクリーンショット |
/languages/*.* | 言語関連 |
スタイルシートの読み込み順は次の通りです。
Welcart Beldad の style.css や usces_cart.css は、親(Basic)のテーマをコピーしたものではありません。親(Basic)のスタイルは、functions.phpファイルにて「wp_enqueue_style()」関数を使用し読み込んでいますので、子(Beldad)の style.css、usces_cart.css では、修正箇所のみを記述しています。
「WCEX」のスタイルシートの読み込み
【例:WCEX Auto Delivery】
拡張プラグイン(WCEX)では、プラグイン本体のスタイルシートを読み込み、その後子テーマ、親テーマの順でスタイルシートを探して、あればそれを出力しています。
子(Beldad)では、基本的に修正箇所のみを記述して子テーマに設置することをルールとしていますので、本来読み込まれない親(Basic)のスタイルシートを、wp_enqueue_style() 関数を使って読み込んでいます。その為、子(Beldad)に置いている拡張プラグインのスタイルシートは、変更箇所だけが記述されているものとなっています。
子テーマに wc_templates が無い場合は、親テーマの wc_templates が読み込まれます。従いまして子(Beldad)では、修正したい wc_templates のみを設置しています。
子テーマに無いテンプレートを編集したい場合は、親(Basic)から必要なテンプレートファイルのみを子テーマにコピーして編集してください。決して、親(Basic)の wc_templates を直接修正してはいけません。親(Basic)をアップグレードした際に変更がすべて消えてしまいます。
※ Welcart Beldad をご利用になる場合は、Welcart1.7以降を利用ください。