Welcart Panetteria 1.0.3
ドキュメント
リンク

テーマについて

Welcart Panetteriaの機能

SKU 画像

SKUコードと商品画像ファイル名を同名にすることで以下の箇所にSKU画像を表示させることができます。

設置方法

管理画面
商品情報編集画面 メディア
SKUコード:wcBK1809251015-A
skuimg1
画像ファイル名:wcBK1809251015-A
skuimg2
フロント画面
商品詳細ページ
skuimg3

商品一覧ウィジェット

Welcart Panetteria でも、商品一覧ウィジェットがご利用になれます。

設定方法

[タイトル][表示する商品カテゴリー][件数]を設定してください。

管理画面
item-widget-add
フロント
item-widget-basic

キャンペーン期間中の割引率表示

「キャンペーン期間中の割引率表示」機能がご利用になれます。

設定方法

  • キャンペーン対象商品の設定については、こちらをご覧ください。
  • キャンペーン・スケジュールの設定は、こちらをご覧ください。

表示イメージ

割引率の表示は、「キャンペーン対象商品」と「スケジュール」の設定を行なう必要がございます。
「キャンペーン対象」で設定した商品カテゴリーに属する商品に対し、この機能は有効となります。

割引の場合:「表示価格より〇〇%OFF」 ポイントの場合:「ポイント〇〇倍」
トップページ 割引表示 トップページ ポイント表示
商品詳細ページ 割引表示 商品詳細ページ ポイント表示
割引率表示タグ

上記表示箇所とは別の箇所に表示させたい方は、Welcart Panetteria の子テーマテンプレートファイルに以下のタグを追記ください。

ループ外では、割引率は表示されませんのでご注意ください。

welcart_basic_campaign_message();

カテゴリー画像

Welcart Panetteria では、カテゴリーにキービジュアル画像を登録・表示することができます。
※カテゴリーページのキービジュアル画像は全カテゴリー対象です。

表示イメージ

トップページ カテゴリーページ
category category
推奨サイズ
横幅680px以上を推奨

登録方法

管理画面 > 投稿 > カテゴリーを選択してください。

新規からカテゴリーを追加する場合

category

新規カテゴリー追加画面にて

説明文
「説明」のテキストボックスに文面を挿入します。

カテゴリー画像
「画像を選択」ボタンを押し、画像を選択もしくはアップロードしてください。また、テキストボックスに直接URLを入力することも可能です。

「新規カテゴリー追加」ボタンを押すと反映されます。

既存のカテゴリーを編集する場合

category

新規追加と同じように編集ページから、説明文の場合は「説明」のテキストボックスに文面を挿入。
カテゴリー画像の場合は、「画像を選択」ボタンを押して画像を選択もしくはアップロードしてください。画像の登録を削除したい場合は、URLを空白にして「更新」ボタンを押してください。

仕様

カテゴリー画像は、トップページ、カテゴリーページ共通の画像が使用されます。
カテゴリー画像が登録されていない場合、トップページのインフォメーションには表示されません。また、カテゴリーページにも画像は表示されません。
なお、説明に関しては、テキストボックスに文面が挿入されてれば、カテゴリーページにタイトルと共に表示されます。

キービジュアル画像(トップページ)

トップページのキービジュアル画像を複数登録し、スライドで表示することができます。
キービジュアル画像の登録は、テーマカスタマイザ―の「ヘッダー画像」から登録することができます。

※「ヘッダー画像」については、Welcart Basicのドキュメントをお読みください。

また、Welcart Panetteria は動画をヘッダー画像エリアに表示させることが可能です。詳しくは、テーマカスタマイザーの「ヘッダー画像のビデオ設定」をご覧ください。

main-img01トップページ
main-img01管理画面 > テーマカスタマイザ―

画像の追加登録

「アップロード済み」に追加されている画像はスライド形式で表示されます。
複数画像を追加する場合は、「現在のヘッダー」の「新規画像を追加」ボタンから画像をアップロードしてください。

キャッチコピーの設定

キービジュアル画像に対しキャッチコピーを設置することができます。
画像の追加登録時、「添付ファイルの詳細」の【キャプション】に文言を入力ください。
【管理画面 > メディア > ライブラリ】
の(メイン画像の)編集画面(のキャプション部分)から文言を追加・編集することも可能です。

リンク先の設定

キービジュアル画像に対しリンクを設置することができます。
画像の追加登録時、「添付ファイルの詳細」の【説明】にURLを入力ください。
【管理画面 > メディア > ライブラリ】
の(メイン画像の)編集画面(の説明部分)からリンクを追加・編集することも可能です。

main-img01管理画面 > テーマカスタマイザ―

登録の際、画像を切り抜いて登録した場合、キャッチコピー、リンクが反映されない場合があります。これは、切り抜いた画像に差し替えられてしまうためです。
解消方法は、メディア → ライブラリのページへ行き、サムネイル表示をブロックからリストに変更します。切り抜かれた画像が表示されますので、その画像に対し、コピーやリンクを設定してください。

main-img01管理画面 > メディア > ライブラリ

画像の削除

スライドで表示している画像を削除する場合は、「アップロード済み」から削除したい画像にマウスオーバーさせ「×」マークから削除ください。

商品画像スライド

商品詳細ページの商品画像とサブ画像をスライド形式で表示します。また、メイン画像をクリックした場合、LightBox風に拡大表示します。

slide商品詳細ページ

theme-new-iconパブリックリレーションズ(PR)・エリア

Welcart Panetteria では、取扱商品やお店・サイトのコンセプトページ、商品のランディングページや特集記事のページなど、コンテンツをトップページでアピールし誘導させることができます。
ここでアピールできる記事の対象は固定ページとなり、テーマカスタマイザーで選ぶことができます。また、このエリア全体の表示・非表示や画像とテキストの左右レイアウト変更設定が可能です。

表示場所は上部・中部・下部と3箇所あり、タイトル・抜粋記事・アイキャッチを表示しています。
ページへのリンクはエリア全面に設置しています。
詳しくは、テーマカスマイザー「フロントページ設定」の「上部、中央部、下部 パブリックリレーションズ(PR)エリア」をご覧ください。

information-topトップページのパブリックリレーションズ(PR)・エリア

theme-new-iconフローティング・パレット

Welcart Panetteria では、ウィジェットエリアに登録されたウィジェットをページの下方から迫り上げ追従させることができます。

フローティング・パレットの挙動は、ページが上部から下方へスクロールしたタイミングでフェードインされ、ウィジェットが本来ある位置まで来たらフェードアウトします。

バナー画像、テキストなど、ウィジェットにあるものは挿入可能です。
詳しくは、テーマカスマイザー「テーマオプション」の「フローティング・パレット」をご覧ください。

Floating Footer Widgetフローティング・パレット(フッターウィジェット)

ファイル一覧

このテーマには下記のファイルが同梱されています。
デザインの変更などカスタマイズを行う場合は下記のファイルは改変せず、子テーマをカスタマイズしてください。

スタイルシート
/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/css/admin.css管理画面に使用されるスタイルシート
/assets/css/color_first.cssカラーバリエーションのSienna(シエナ)で使用されるカラー用スタイルシート
/assets/css/color_first_pl.cssカラーバリエーションのSienna(シエナ)で使用されるページローディング時カラー用スタイルシート
/assets/css/color_second.cssカラーバリエーションのCardinal(カーディナル)で使用されるカラー用スタイルシート
/assets/css/color_second_pl.cssカラーバリエーションのCardinal(カーディナル)で使用されるページローディング時カラー用スタイルシート
/assets/css/color_third.cssカラーバリエーションのVerdigris(ヴァーダァグリィス)で使用されるカラー用スタイルシート
/assets/css/color_third_pl.cssカラーバリエーションのVerdigris(ヴァーダァグリィス)で使用されるページローディング時カラー用スタイルシート
/assets/css/color_fourth.cssカラーバリエーションのCanaria(カナリア)で使用されるカラー用スタイルシート
/assets/css/color_fourth_pl.cssカラーバリエーションのCanaria(カナリア)で使用されるページローディング時カラー用スタイルシート
/assets/css/color_fifth.cssカラーバリエーションのSpray(スプレー)で使用されるカラー用スタイルシート
/assets/css/color_fifth_pl.cssカラーバリエーションのSpray(スプレー)で使用されるページローディング時カラー用スタイルシート
/assets/css/ie.cssInternet Explorerで閲覧した場合にのみ使用されるスタイルシート
/assets/css/luminous-basic.css商品詳細ページ
画像用エフェクトのスタイルシート
/assets/css/poplink.css拡張プラグイン「WCEX Poplink」を利用した時にのみ使用されるスタイルシート
/assets/css/slick-theme.cssトップページ・商品詳細ページ
画像スライドのスタイルシート
/assets/css/slick.cssトップページ・商品詳細ページ
画像スライドのスタイルシート
/assets/css/tb_style.cssログイン時に使用されるスタイルシート
テンプレート
/header.phpヘッダーテンプレート
/footer.phpフッターテンプレート
/front-page.phpフロントページテンプレート サイトのトップページ
/archive.phpアーカイブテンプレート
/category.phpカテゴリーテンプレート 投稿記事および商品一覧用
/single.php投稿記事用テンプレート
/page.php固定ページ用テンプレート
/comments.php投稿記事コメント用テンプレート
/search.php検索結果用テンプレート
/index.phpテーマの必須ファイル テンプレート
/sidebar.phpウィジェット用テンプレート(トップページ・商品詳細ページ・カテゴリーページ・検索結果ページ)
/sidebar-footer.phpウィジェット用テンプレート(ページ下部に表示)
/sidebar-other.phpウィジェット用テンプレート(通常の投稿ページ・通常のカテゴリーページ・通常の固定ページ・通常のアーカイブページ)
/404.php404エラーページ 用テンプレート
/template-parts/content.php投稿記事・固定ページのコンテンツ部分に使用します。
/template-parts/header-video.phpヘッダー画像エリアでアップロード動画の表示に使用します。
/template-parts/header-youtube.phpヘッダー画像エリアで YouTube 動画の表示に使用します。
/template-parts/inquiry.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_sku_select.php拡張プラグイン「WCEX SKU Select」を利用した時に表示する商品詳細ページ用テンプレート
/wc_templates/wc_sku_select_service.php拡張プラグイン「WCEX SKU Select」を利用した時に表示する商品詳細ページ(サービス)用テンプレート
/wc_templates/cart/wc_cart_error_page.php決済エラーページ用テンプレート
/wc_templates/cart/wc_cart_page.phpカートページ用テンプレート
/wc_templates/cart/wc_completion_page.php決済完了ページ用テンプレート
/wc_templates/cart/wc_confirm_page.php内容確認ページ用テンプレート
/wc_templates/cart/wc_customer_page.phpお客様情報入力(会員ログイン)ページ用テンプレート
/wc_templates/cart/wc_delivery_page.php発送・支払方法入力ページ用テンプレート
/wc_templates/member/wc_changepassword_page.phpパスワードを変更する時のメルアド入力ページ用テンプレート
/wc_templates/member/wc_lostpassword_page.phpパスワードを変更する時の新規パスワード入力ページ用テンプレート
/wc_templates/member/wc_member_completion_page.php新規会員登録完了ページ用テンプレート
/wc_templates/member/wc_member_page.php会員情報ページ(マイページ)用テンプレート
/wc_templates/member/wc_new_member_page.php新規会員登録ページ用テンプレート
/wc_templates/member/wc_login_page.php会員ログインページ用テンプレート
/wc_templates/member/wc_autodelivery_history_page.php定期購入履歴ページ用テンプレート 拡張プラグインAutoDeliveryで使用します
ユーザー関数類
/functions.phpユーザー関数定義用ファイル
/inc/front-customized.phpフロントエンド・カスタマイズ用ファイル
/inc/item-list.phpWelcart 商品一覧をウィジェットに追加
/inc/template-functions.phpフロントエンド・カスタマイズ用ファイル
/inc/term-customized.phpカテゴリー カスタマイズ用ファイル
/inc/theme-customizer.phpテーマカスタマイザ―・カスタマイズ用ファイル
/inc/widget-customized.phpウィジェット カスタマイズ用ファイル
画像
/images/*.*Welcart がウィジェットで使用する画像
/assets/images/*.*その他の画像
JavaScript類
/assets/js/css3-mediaqueries.jsInternet Explorerで、Media Queriesに対応させるためのスクリプト
/assets/js/html5shiv.jsInternet Explorerで、HTML5に対応させるためのスクリプト
/assets/js/Luminous.min.js投稿記事ページ・商品詳細ページ
画像用エフェクトのスクリプト
/assets/js/luminous.min.js.map上記の「Luminous.min.js」で使用するファイル
/assets/js/slick.min.jsトップページ・商品詳細ページ
カル―セル / スライド 機能のスクリプト
/assets/js/wcct-luminous.js投稿記事ページ・商品詳細ページ
画像用エフェクトのスクリプト
/assets/js/wcct-customized.jsフロントエンド・スクリプト
/assets/js/wcct-skuquantity.js商品詳細ページ
数量を変更するボタンのスクリプト
/assets/js/wcct-slick.jsトップページ・商品詳細ページ
カル―セル / スライド 機能のスクリプト
その他
/assets/fonts/fontawesome/*.*アイコンフォント関連
/assets/fonts/modak-regular/*.*サイトタイトルフォント関連
/assets/fonts/LigatureSymbols/*.*アイコンフォント関連
/assets/fonts/slick.eotスライダー用フォント関連
/assets/fonts/slick.svgスライダー用フォント関連
/assets/fonts/slick.ttfスライダー用フォント関連
/assets/fonts/slick.woffスライダー用フォント関連
/readme.txt取扱説明
/screenshot.pngテーマのスクリーンショット
/languages/*.*言語関連

子テーマの wc_templates について

本テーマ(親)Panetteria を元に子テーマを作成した場合、wc_templates が無ければ親テーマの wc_templates が読み込まれます。従いまして子テーマでは、修正したい wc_templates のみを設置してください。
子テーマに無いテンプレートを編集したい場合は、本テーマから必要なテンプレートファイルのみを子テーマにコピーして編集してください。決して、本テーマ(親)Panetteria の wc_templates を直接修正してはいけません。本テーマ(親)Panetteria をアップグレードした際に変更がすべて消えてしまいます。

※ Welcart Panetteria をお使いになる場合は、Welcart1.9以降をご利用ください。