WooCommerceショップでは、商品畫像がユーザーの主な焦點となります。もしあなたがより魅力的でインタラクティブな商品ページを作成したいのであれば、そして有料のプラグインであるElementor Proを使いたくないのであれば、Essential Addonsは理想的な選択です。

このチュートリアルでは Elementor 無料版歌で応える 必須アドオン?プラグイン回転、サムネイル配置、ポップアップ表示、その他の高度な視覚効果など、商品畫像の表示を簡単にカスタマイズできます。

I. プラグインの準備

始める前に、以下の設(shè)定が完了していることを確認してください：

• インストールされ、アクティベートされた：
  • WooCommerceプラグイン
  • Elementor（無料版）
  • Elementorプラグインの必須アドオン
• ショップの商品が追加されました。

Woo商品畫像ウィジェットを有効にする

• バックエンドに行きその 必須アドオン > エレメント "

• までスクロールする。 WooCommerceの要素 エリアを有効にしてください。 Wooの商品畫像 「ウィジェット

• をクリックしてください。設(shè)定の保存"

第三に、商品ページ?テンプレートの作成と編集

• " に移動します。テンプレート > テーマビルダー"

• をクリックしてください。製品シングルタブ

• 既存のテンプレートは、編集のために選択することができます。新しいテンプレートの追加"

• 以下のパラメータを設(shè)定する：
  • 編集者の選択エレメンタ
  • テンプレートの種類製品シングル
  • テンプレートに名前を付け、「テンプレートの作成」をクリックします。

テンプレートが作成されたら、"Elementorで編集「をエディターに入力する。

4つ目は、商品畫像表示の追加とカスタマイズです。

コンポーネントを追加する：

• Elementorで " を検索Wooの商品畫像"

• コンポーネントをページ上の適當な場所にドラッグする。

コンテンツ設(shè)定（コンテンツタブ）：

以下の設(shè)定が可能です：

• 溶け込む 畫像解像度
• スイッチのオン/オフ ページネーション
• セットアップ サムネイル番號と位置
• セットアップ 畫像ナビゲーション?スタイルそしてループ切り替え
• コミッション 大きな畫像を見るためのポップアップ?ウィンドウ（イメージ?ポップアップ）

スタイル?タブ

商品畫像をさらに裝飾する：

• 畫像の背景色、ボーダーのスタイル、間隔
• サムネイルの間隔
• マウスホバー時のスタイル変更
• ポップアップウィンドウのスタイルとサイズの設(shè)定

詳細設(shè)定（詳細タブ）：

以下のオプションを調(diào)整することで、畫像表示を細かく最適化できます：

• マージン
• パディング
• Z-indexヒエラルキーによるレスポンシブ設(shè)定

V. 表示條件の設(shè)定とテンプレートの公開

• の右下をクリックする。出版"

• ポップアップ?ウィンドウで、"條件追加"
• 表示ロジックを以下のように設(shè)定する：
  • 最初の項目：含む
  • 二つ目の項目：単數(shù)形
  • 3つ目の項目：製品

• をクリックしてください。保存して閉じる"

こうすることで、テンプレートは自動的にすべての WooCommerce 個々の製品ページ。

VI.効果を見る

任意の製品ページを訪問すると、あなたは、全體的なより美しく、専門的なだけでなく、ユーザーのブラウジング體験を向上させ、設(shè)定された製品の畫像表示効果を見ることができるようになります。

VII. 必須アドオンパッケージの紹介

Essential Addonsは、Elementorユーザーに、さまざまなニーズに合わせてカスタマイズできる、いくつかの強力な機能パッケージを提供します。

以下は公式パッケージ料金表である：

パッケージ商品	物価	ねんげん	ウェブサイトの活性化	サポート＆アップデート	ガジェット	拡張機能	Templatley PRO 無料アクセス
生涯無制限	$199.98 $249	無制限	?	?	85以上のガジェット	15 エクステンション	?
無制限	$79.98 $99	1年	?	?	85以上のガジェット	15 エクステンション	?
1 ウェブサイト	$39.98 $49	1年	?	?	85以上のガジェット	15 エクステンション	?

あなたは、公式の無制限パッケージが79ドルであることがわかりますが、価格はまだ比較的高価ですが、私たちのウェブサイトとエッセンシャルアドオン公式協(xié)力プロモーションのために、公式の割引価格を取得し、クリックしてください。このリンクお問い合わせ?ご購入

概要

利用する Elementorプラグインの必須アドオンElementor Proを購入しなくても、WooCommerce商品ページの畫像表示領(lǐng)域を柔軟にカスタマイズすることができます。サムネイル、ポップアッププレビュー、ページングナビゲーションなど、商品ページをより視覚的にアピールするための機能が満載です。その他のWordPress関連のチュートリアルや情報については、以下にご注目ください。光子ゆらぎネットワーク最も充実したWordPressチュートリアルと、最もアクティブなWordPress Exchange コミュニティ.

お問い合わせ
チュートリアルが読めない？無料でお答えします！個人サイト、中小企業(yè)サイトのための無料ヘルプ！	カスタマーサービス WeChat
① 電話：020-2206-9892
② QQ咨詢：1025174874
三 Eメール：info@361sale.com
④ 勤務(wù)時間: 月～金、9:30～18:30、祝日休み