Eコマースサイトを構(gòu)築する際、商品表示やチェックアウトページのデザインは購(gòu)買意欲に直接影響します。そのため アストラ?プロ 柔軟なカスタマイズのためのプラグイン WooCommerce ショップの構(gòu)造と視覚的な詳細(xì)は、ユーザー體験を最適化し、ページの美しさと買い物のしやすさを向上させ、購(gòu)買意欲を高める。

この記事では、以下のことを説明する。商品一覧ページ歌で応えるチェックアウトページこのセクションでは、プロフェッショナルなeコマースインターフェースを作成したいウェブマスターのために、コアセットアップオプションと各機(jī)能が何をするかを正確に説明します。

スタート前の準(zhǔn)備

以下の機(jī)能を使用する前に、プラグインのインストールを完了してください：

• Astraテーマのインストール
• Astra Pro プラグインを有効にする
• インストールと有効化 WooCommerce プラグイン

プラグインの準(zhǔn)備ができたら ワードプレス バックエンドで、AstraモジュールのWooCommerceモジュールを有効にします。

商品一覧ページ設(shè)定手順

ページ情報(bào)表示

商品一覧ページでは、以下の情報(bào)項(xiàng)目を有効または非表示にすることができます：

• ページタイトル：ページ上部にタイトルを表示するかどうかをコントロールする。
• パンくずナビゲーション：現(xiàn)在のページがサイト階層のどの位置にあるかを表示し、上の階層に戻りやすくします。
• ツールバー：ページ上部には、現(xiàn)在の商品數(shù)量と、以下のような並べ替えドロップダウンメニューが表示されます。性格そして點(diǎn)數(shù)そして新製品そして物価およびその他の選別方法

商品カードのコンテンツ構(gòu)成

各商品ユニットは、以下のコンテンツモジュールに柔軟に対応する：

• 分類名：製品が屬する分類を示す。
• 商品名：設(shè)定された商品名を表示
• 評(píng)価：他のバイヤーからの星評(píng)価を表示する
• 価格情報(bào)：プロモーション価格が設(shè)定されている場(chǎng)合、元の価格は取り消し線スタイルで表示され、新しい価格は太字で強(qiáng)調(diào)表示されます。
• 簡(jiǎn)単な説明：商品のセールスポイントを簡(jiǎn)単な言葉で紹介する。
• カートに追加ボタン: カートに商品を直接追加する機(jī)能を提供します。カートショートカット

商品表示スタイルの設(shè)定

商品カードに視覚的なアピールを加えるアストラ?プロ 以下のスタイルオプションがある：

• コンテンツアライメント：左寄せ、中央寄せ、右寄せをサポート

• 畫像ホバー効果：ズームイン、フェードイン、その他のアニメーション効果を追加することができます。

• ボックスシャドウ：カードに立體的な影をつけ、視覚的な階層を高める。

• ボタン設(shè)定：カートに入れるボタンの內(nèi)側(cè)の余白を調(diào)整したり、カスタマイズすることができます。 カスケーディングスタイルシート カラースタイルの調(diào)整

チェックアウトページの設(shè)定方法

アストラ?プロ WooCommerce このモジュールはまた、チェックアウトページのレイアウトとフォーム內(nèi)容の最適化をサポートし、購(gòu)入者がよりスムーズに注文できるよう支援します。

利用可能なセットアップ機(jī)能

• ステップ?バイ?ステップのチェックアウト?プロセス：請(qǐng)求情報(bào)と支払い情報(bào)の2段階提示

• 注文メモ入力ボックス：お客様が配送條件やその他の情報(bào)を記入するためのものです。

• クーポン入力欄: チェックアウトページにクーポン入力欄を表示するかどうかをコントロールします。

• クリーンなチェックアウトモード：ページのヘッダーとフッターエリアを削除して、気が散るのを減らします。

• プレースホルダーとしてのラベル：フィールド?ラベルは、縦方向のスペースを節(jié)約するために入力ボックス內(nèi)に表示される。
• フォームデータの保持：ページが更新されても、以前に入力されたデータは保持されます。

概要

利用する アストラ?プロ 進(jìn)め WooCommerce ページレイアウトを調(diào)整することで、ショップ全體がより統(tǒng)一され、ページ情報(bào)がより明確になり、ショッピングプロセスがより自然になります。複雑なコード操作は必要なく、カチカチと調(diào)整するだけの簡(jiǎn)単な操作で、商品表示とチェックアウトの視覚的な美しさと機(jī)能性の両方を素早く構(gòu)築することができます。

ページのパフォーマンスを引き続き向上させる必要がある場(chǎng)合は、ショップの配置と合わせて、色、タイポグラフィ、フォントなどの細(xì)部をさらに調(diào)整し、Eコマースサイトがスタイルと実用性の両方を?qū)g現(xiàn)できるようにすることをお?jiǎng)幛幛工搿?/p>

関連記事

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