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

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

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

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

デザインの変更

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

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

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

  ◆　商品名のクラス名
  　　.thumtitle

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

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

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

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

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

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

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

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

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

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

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