セールスマート– WooCommerceDiviの子テーマの概要

PennyBlackTemplatesのSalesMart Divi子テーマは、WooCommerceサイトおよびブログ用に設計されました。 それはオンライン販売のために設計されたたくさんのページと特別な機能が付属しています。 この記事では、セールスマートのページと機能を見て、それがWebサイトに適したDiviの子テーマであるかどうかを判断するのに役立てます。

セールスマートディビチャイルドテーマのインストール

Sales MartDiviの子テーマのインストールは簡単です。 それにはいくつかのステップが必要です。 まず、Diviをアクティブにして、WordPressテーマと同じように、子テーマをアップロードしてアクティブにします。

有効にすると、必要なプラグインをインストールするためのリンクが記載されたメッセージが表示されます。 それらをインストールしてアクティブ化します。 これは追加します：

• WooCommerceメニューバーカート
• YithWooCommerceクイックビュー
• YithWooCommerceウィッシュリスト

一部のプラグインにはセットアップが必要でしたが、簡単に実行できます。

プラグインがアクティブ化されると、デモデータをインポートできます。 デモがインポートされるのを待つと、Webサイトは、ページ、メニュー、および製品を備えたデモのようになります。

フッターを除いて、すべてがデモと一致しました。 私のウィジェットにはデフォルトのウィジェットがあり、デモをインポートした後で削除しました。 また、正しいメニューを選択し、ウィッシュリストとショッピングカートを有効にする必要がありました。

セールスマートディビチャイルドテーマヘッダー機能

ヘッダーはDiviBuilderで作成されます。 いくつかのページにはパンくずリストが含まれています。

セールスマートヘッダー

グローバルヘッダーには2つのセクションがあります。 1つ目は、テキスト、宣伝文、ソーシャルメディアのフォローモジュールを表示します。 2番目は全幅メニューを表示します。

グローバルヘッダーには、アイテムの数と合計価格が記載されたショッピングカートも含まれています。 これは、WooCommerce Menu BarCartプラグインで追加されます。

セールスマートブレッドクラム

ほとんどのページには、背景画像、タイトル、パンくずリストを含むヘッダーが含まれています。

セールスマートディビチャイルドテーマページ

セールスマートは、5つのホームページ、3つのブログページ、2つのアバウトページ、ショップページ、チームページ、紹介文ページ、カートページなどを含む31ページを追加しました。 これは、500の内部サーバーエラーページで見た数少ないDiviの子テーマの1つです。 また、404ページ、近日公開のページ、メンテナンスページも含まれています。 それらのいくつかを見てみましょう。

セールスマートのホームページ

5つのホームページには、いくつかの共通点と独自の点があります。 最初のものの詳細を示してから、他のものとの違いを見ていきます。

セールスマートホームスタティック

メインホームページはデフォルトで設定されています。 これには、グローバルヘッダーと、前景にCTAがある全幅の背景画像が含まれます。 CTAには、ショップページのボタンが含まれています。

さまざまなショップカテゴリのCTAには、ショップへの説明とリンクが記載された画像が表示されます。

最近の製品は、黄褐色の背景の上に4列で表示されます。 タイトルには、スタイル付きの下線を作成する画像が含まれています。 スタイル付きカードには、WooCommerce製品が表示されます。 Yithウィッシュリストは、[カートに追加]リンクの下にウィッシュリストリンクを追加します。

カウントダウンタイマーは、2列で販売されている製品を紹介します。 画像にはスタイル付きの境界線が含まれています。

ベストセラー商品は3列で表示されます。 このセクションは、最近の製品セクションと一致します。

全幅CTAは背景画像を表示し、左側にショップボタンを配置します。

販売CTAは、2列に画像を表示し、販売に関する情報とショップへのリンクを含みます。

紹介文のスライダーには、前景に証言がある人物の丸で囲まれた画像とともに、暗い背景画像が表示されます。 矢印とドットのナビゲーションが含まれます。

ニュースのセクションはブログカードのように見えます。 画像、宣伝文、テキストモジュールで構築されています。 日付とカテゴリにはアイコンが表示されます。

クライアントのロゴは5列で表示されます。

セールスマートホーム視差

視差ホームページのヒーローセクションには、視差の背景画像が表示されます。 次のセクションでは、ショップページのボタンが付いた商品画像を示します。

製品カテゴリの画像は、複数列のレイアウトで表示されます。 タイトルとリンクが含まれています。

全幅CTAには、セールに関する情報が表示され、ショップへのボタンが含まれています。

セールスマートホームフォーム

フォームのホームページでは、ヒーローセクションに見積もりフォームが表示されます。 それ以外はすべて静的ホームページと一致します。

セールスマートホームスライダー

スライダーのホームページでは、ヒーローセクションに全幅のスライダーが表示されます。 矢印とドットナビゲーションがあります。 各スライドには、カテゴリのタイトルとショップへのリンクがあります。 また、視差ホームページからの複数列の製品レイアウトも含まれています。

セールスマートホームビデオ

ビデオホームページでは、ヒーローセクションに背景ビデオが表示されます。 前景にはタイトルとボタンが表示されます。 また、視差ホームページの2番目のセクションも含まれています。

セールスマートディビチャイルドテーマショップのページと機能

セールスマートには、ショップページ、カート、チェックアウト、アカウントなど、予想されるすべてのWooCommerceページが含まれています。 また、ウィッシュリストページを追加します。 それぞれがサイトに一致するようにスタイル設定されています。 Bloomのショートコードが含まれているものもあります。

Yithクイックビュー

Yith Quickviewプラグインは、製品のライトボックス機能を追加します。 製品のクイックビューをクリックすると、情報とカートに追加するリンクが記載されたライトボックスが開きます。 画像にカーソルを合わせると、画像コンテナ内が拡大され、マウスでスクロールします。 画像をクリックすると、ライトボックスで画像が開きます。

セールスマートショップリスト

ショップリストはショップページです。 ブレッドクラム付きのヘッダー、スタイリング付きのWooCommerce製品、およびスタイル付きサイドバーが表示されます。 ページを選択してウィジェットを追加する必要がありました。

セールスマート製品ページ

製品ページはサイトと一致し、関連製品と製品サイドバーが含まれています。 また、製品をウィッシュリストに追加するためのリンク、またはウィッシュリストに含まれていることを示すメモも表示されます。

セールスマートウィッシュリスト

これにより、ウィッシュリストがテーブルとして表示されます。 箇条書きとボタンは、サイトに合わせてスタイルが設定されています。 このページには、ソーシャルメディアでウィッシュリストを共有するためのソーシャルボタンも追加されています。

セールスマート会社概要ページ

最初のAboutUsページには、片側に情報があり、反対側に画像がある小さなセクションが表示されます。 全幅セクションには、片側に画像が表示され、反対側に番号カウンターが表示されます。 チームセクションには、4人のチームメンバーが画像、名前、タイトルとともに表示されます。 このページには、クライアントのロゴも含まれています。

2番目のAboutUsページには、私たちを選ぶ理由に関するセクションが含まれています。 片側にスライダーを表示し、反対側にアイコン付きの宣伝文句を表示します。 数字カウンターは4つの画像の上に配置されます。 チームメンバーは、ソーシャルボタンを備えたより大きな個人モジュールを持っています。 画像はホバーすると下にスライドします。 CTAは、テキストモジュールを使用して作成されます。

セールスマートチームページ

最初のチームページには、ホバーアニメーション付きのスタイル付き人物モジュールが表示されます。 右側のモジュールにカーソルを合わせています。 セクション2は、数値カウンターを備えた全幅セクションです。

2番目のチームページは、personモジュールに異なるスタイルを追加します。 ソーシャルボタンを表示するために1つにカーソルを合わせています。 また、スキルと画像用のバーカウンターを備えたセクションを追加します。

セールスマートの声のページ

最初の紹介文ページには、紹介文スライダーと画像が表示されます。 スライダーはホームページと一致しますが、小さい列に配置されます。

2番目の紹介文ページには、別の種類のスライダーが表示されます。 スライドの上部に画像を配置し、スライダーに重ねます。 これはCSSクラスで行われます。

ページの下部には、画像のない別の種類の紹介文スライダーが表示されます。 どちらも標準のスライダーモジュールで作成されています。

セールスマートFAQページ

FAQページには、片側にアコーディオン、反対側にテキストが表示されます。 交互のレイアウトで、明るい灰色または白の背景のディスプレイ。

セールスマートのブログページ

3つの異なるブログレイアウトとスタイル付きの投稿ページが含まれています。

セールスマートブログリスト

ブログリストページには、サイドバー付きの単一の列に投稿が表示されます。 このページには、ブレッドクラム付きのヘッダーも含まれています。 投稿、古いエントリボタン、サイドバーは、サイトに合わせてスタイルが設定されています。

セールスマートブログ2列グリッドページ

2列のグリッドページは投稿を2列に配置し、サイドバーは含まれません。

セールスマートブログ3列グリッドページ

3列のグリッドは、サイドバーなしで3列に投稿を配置します。

セールスマートのブログ投稿

ブログ投稿には、ブログリストページと一致するスタイルが含まれ、サイドバーが含まれます。

セールスマートお問い合わせページ

[お問い合わせ]ページでは、フォームの横に連絡先情報が表示されます。 ページの下部には、その場所への道順を示す全幅の地図があります。

購入販売マートディビ子テーマ

ディビマーケットプレイスでセールスマートディビの子テーマを49ドルで購入できます。 これには、無制限のWebサイトの使用と、1年間の更新とサポートが含まれます。

終わりの考え

これが、PennyBlackTemplatesのSalesMartDiviの子テーマです。 この子テーマの多くのページと機能により、あらゆる種類のWooCommerceショップに最適です。 オンラインショッピングを追加したいブログにも適しています。 インストール後に設定するものはいくつかありますが、難しくはありません。 追加機能はうまく機能し、ショップを際立たせるのに役立ちます。 WooCommerceに焦点を当てたDiviの子テーマを探しているなら、これは良い選択です。

我々はあなたから聞きたい。 セールスマートディビの子テーマを試しましたか？ コメントであなたがそれについてどう思うか教えてください。

Newgate666 /shutterstock.com経由の注目の画像