WoodMartテーマWooCommerceローテーター機能付き商品グリッド

ウッドマート このテーマは WooCommerce 製品表示機能、サポート製品グリッドと回すWoodMartモデルは、より柔軟で直感的な方法で訪問者に商品を提示することができます。カテゴリー、タグ、商品ID、販売状況によるフィルタリングなど、WoodMartは様々なEコマースニーズに対応し、商品表示をより魅力的にするための幅広いカスタマイズオプションを提供します。

画像[1]-WoodMart Theme WooCommerce商品表示ガイド:商品グリッドとローテーション設定

製品グリッドと回転コンポーネント

ウッドマート テーマ内蔵製品グリッドと回転コンポーネントは、列数、表示方法、商品ソースなどのカスタマイズ可能なオプションで、さまざまな配置をサポートし、さまざまなタイプのショップが適切な表示方法を見つけられるようにします。

基本機能

グリッドまたはローテーション このコンポーネントでは、グリッドまたは回転モードのどちらかを選択して商品を表示することができ、さまざまなレイアウトのニーズに適しています。

画像[2]-WoodMartテーマWooCommerce商品表示ガイド:商品グリッドとローテーション設定

データソース 複数の方法による商品のフィルタリングをサポート:

  • すべての製品 デフォルトで全商品を表示。
  • 注目商品 で表示される。 WooCommerce 商品リストで "Featured "と表示されている商品。
画像[3]-WoodMartテーマWooCommerce商品表示ガイド:商品グリッドとローテーション設定
  • プロモーション製品 オリジナル価格とプロモーション価格の両方で商品を展示。
画像[4]-WoodMart Theme WooCommerce商品表示ガイド:商品グリッドとローテーション設定
  • 新製品 テーマ設定で「新商品」タブを有効にし、商品編集ページで「新商品」オプションにチェックを入れることで有効になります。
画像[5]-WoodMart Theme WooCommerce商品表示ガイド:商品グリッドとローテーション設定
  • ベストセラー 売れ筋順に並べ替えて、人気商品を優先的に購入できます。
  • 特定のID カテゴリーやタグに頼らず、商品IDを直接入力してフィルタリングが可能。
  • カテゴリー別またはラベル別 アイテムは単一または複数のカテゴリーやタグから選択して表示することができ、カテゴリーやタグの個別フィルタリングもサポートされていますが、同時に使用することはできません。
画像[6]-WoodMart Theme WooCommerce商品表示ガイド:商品グリッドとローテーション設定

ページあたりの商品数 1ページに表示する商品数を設定できます。

ページネーション 設定項目数が総数より少ない場合は、以下のページングモードを選択できます:

  • 無ページ 表示されるのは決められた数だけで、それ以上読み込むことはできない。
  • もっと読む ユーザーはボタンをクリックすることで、より多くのアイテムを読み込むことができる。
  • 無限スクロール ページが下にスクロールすると、新しい商品が自動的に読み込まれます。
  • やじるしナビゲーター マウスカーソルを合わせると左右の矢印が表示され、クリックすると商品グループが切り替わります。

滝のレイアウト ウォーターフォールレイアウトをオンにすると、ページの視覚的な階層が強調されます。

商品間隔 30、20、10、6、2、0ピクセルのオプションでアイテム間の間隔をカスタマイズできるので、さまざまなスタイルのデザインに対応できます。

製品グリッド設計オプション

ウッドマート 様々なデザインオプションを提供し、製品の表示効果を柔軟に調整できるため、ページがより調整され、統一されます。

ホバー効果 さまざまなマウスホバースタイルを選択して、商品表示にダイナミックな効果を加えることができます。

画像[7]-WoodMartテーマWooCommerce商品表示ガイド:商品グリッドとローテーション設定

カラムセッティング 必要に応じて1列から6列まで選択でき、さまざまなページレイアウトに適しています。

画像サイズ 入力規格 ワードプレス サイズ(例:サムネイル、ミディアム、ラージ、フル)または200×100のようなカスタムピクセル値は、表示される商品画像のサイズを制御します。

プロモーション・カウントダウン 商品編集ページでプロモーション終了時間を設定した後にのみ、商品サムネイルに表示されるプロモーションカウントダウンを有効にすることができます。

注目製品 このオプションを使用すると、人目を引く方法で特定の製品を促進する特別な製品ブロックを作成することができます。

画像[8]-WoodMart Theme WooCommerce商品表示ガイド:商品グリッドとローテーション設定

データの並べ替えとフィルタオプション

並べ替え 日付順、商品ID順、著者順、タイトル順、更新時間順、コメント数順、メニュー順、ランダム順、価格順など、さまざまな並び替えが可能です。昇順または降順 すべての並べ替えオプションは、昇順または降順に設定でき、さまざまな表示ニーズに対応できます。オフセット アイテムを一定数スキップする設定や、アイテムの開始位置をカスタマイズすることができます。除外商品 重複表示や特定商品の非表示を避けるために、商品タイトルで特定商品を除外するオプション。

画像[9]-WoodMart Theme WooCommerce商品表示ガイド:商品グリッドとローテーション設定

回転モード設定

有効にする場合回すモードでは、スライディング効果を最適化するための設定オプションが追加されます。

  • スライディングスピードスライド切り替えのアニメーション時間をミリ秒単位で調整可能。
  • ディスプレイあたりの製品数回転表示で同時に表示する商品数を設定します。
  • フルページスクロール回転の切り替え方法を決定し、個々の製品またはページ全体のスクロールを選択することができ、ナビゲーションボタンとマウスドラッグ方法に影響を与えます。
  • オートプレイスライドショーの切り替えを手動で行うことなく、自動的に切り替えることができます。
  • ページング・コントロールを隠すオンにすると、回転下のページングインジケータが消えます。
  • 左右切り替えボタンを隠す: スイッチを入れると、ローテーターの前/次ページボタンが表示されなくなり、ミニマリストスタイルのデザインに適用されます。
  • センターモード有効にすると、ローテーションの最初の商品が常に中央に表示され、商品を強調する必要がある表示シナリオに適しています。
  • リカレント・モード有効にすると、回転は無限にループし、最後のスライドで止まりません。

これらのオプションは、回転効果を柔軟に調整し、ショップのニーズに沿った商品ディスプレイを実現する。

画像[10]-WoodMartテーマWooCommerce商品表示ガイド:商品グリッドとローテーション設定

概要

ウッドマート 製品グリッドのテーマ回すこの機能は、高度にカスタマイズ可能なプレゼンテーションを提供する。 WooCommerce ショップは、より直感的で柔軟な方法で商品を陳列することができます。基本的な商品のフィルタリングから、高度なページング、ソート、ローテーションの設定まで、WoodMartは商品表示をよりパーソナライズされた効率的なものにします。


お問い合わせ
チュートリアルが読めない?無料でお答えします!個人サイト、中小企業サイトのための無料ヘルプ!
カスタマーサービス WeChat
カスタマーサービス WeChat
電話:020-2206-9892
QQ咨询:1025174874
Eメール:info@361sale.com
勤務時間: 月~金、9:30~18:30、祝日休み
© 複製に関する声明
この記事を書いた人:泥棒はネズミの勇気になる
終わり
好きなら応援してください。
クドス2213 分かち合う
おすすめ
解説 ソファ購入

コメントを投稿するにはログインしてください

    コメントなし