ウィジェットのカスタマイズ

Welcart 専用ウィジェット簡易説明

ウィジェットの表示設定等は管理画面マニュアルの「Welcart ウィジェット」項目を参考にしてください。

• Welcart お勧め
  お勧めしたい商品をランダムで表示します。
• Welcart カテゴリー
  商品のカテゴリーを一覧表示します。
• Welcart カレンダー
  営業日のカレンダーを表示します。
• Welcart キーワード検索
  キーワード検索と商品詳細検索のリンクが表示されます。
  商品詳細検索は別ページにてカテゴリの複合検索ができます。
• Welcart ベストセラー
  商品の注文が多い順に自動的に並べられます。
  ウィジェットの管理画面にて任意の商品を表示することもできます。
• Welcart ページ
  任意のページを表示することができます。
• Welcart ポスト
  任意の投稿記事を表示することができます。

デザインの変更

Welcart 専用のウィジェットは、ある程度使用テーマのスタイルにあうようになっています。
Welcart 専用のウィジェットのみ違うスタイルで表示したい場合は以下を参考にしてください。

• ウィジェットの全体デザイン変更
  ◆　ウィジェット全体のクラス名
  　　.widget_body
  　　Welcart 専用のウィジェットのタイトル以外は[widget_body]で括られています。
• Welcart お勧めのデザイン変更
  ◆　Welcart お勧めのみのクラス名
  　　.ucart_featured_body

  ◆　サムネイルのクラス名
  　　.thumimg

  ◆　商品名のクラス名
  　　.thumtitle

• Welcart カテゴリーのデザイン変更
  ◆　Welcart カテゴリーのみのクラス名
  　　.widget_ucart_category
• Welcart カレンダーのデザイン変更
  ◆　Welcart カレンダーのみのクラス名
  　　.widget_ucart_calendar

  ◆　月ごとの枠のクラス名
  　　.usces_calendar

• Welcart キーワード検索のデザイン変更
  ◆　Welcart キーワードのみのクラス名
  　　.widget_ucart_search

  ◆　検索ボタンのクラス名
  　　#searchsubmit

  ◆　検索のテキストボックスのクラス名
  　　input.searchtext

• Welcart ベストセラーのデザイン変更
  ◆　Welcart ベストセラーのみのクラス名
  　　.widget_ucart_bestseller
• Welcart ページのデザイン変更
  ◆　Welcart ページのみのクラス名
  　　.widget_ucart_page

  ◆　記事タイトルのクラス名
  　　.widget_ucart_page div.title

  ◆　記事の抜粋のクラス名
  　　.widget_ucart_page p

• Welcart ポストのデザイン変更
  ◆　枠の設定を変更したい場合
  　　.widget_ucart_post

  ◆　記事タイトルのクラス名
  　　.widget_ucart_post div.title

  ◆　記事の抜粋のクラス名
  　　.widget_ucart_diary p