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

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

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA