ShopEngine Gutenberg テンプレートの使用を開始する #

ShopEngine Gutenberg を使用すると、 Gutenberg エディターを使用して、単一ページ、アーカイブ、ショップ、カート、チェックアウト、およびクイック ビューのテンプレートを最初から作成する。さまざまなテンプレート用の複数のウィジェットを取得し、追加および編集してカスタム WooCommerce テンプレートを作成できます。

注: Pro テンプレート、ウィジェット、およびモジュールは、Elementor の ShopEngine でのみ使用できます。

ShopEngine Gutenberg を使用してカスタム WooCommerce テンプレートを作成する方法 #

カスタムの作成方法を学ぶ ウーコマース ShopEngine Gutenberg を使用したテンプレートは、わずか 4 つのステップで作成できます。

ステップ 1: 必要なウィジェットを有効にする #

ShopEngine は、すべてのテンプレートに必要なウィジェットを提供します。すべてのウィジェットは、ShopEngine のウィジェット セクションにあり、さまざまなテンプレート名で整理されています。

絶対です すべてのウィジェットをオンにする あなたは使用するつもりです。ウィジェットをオンにするには、次の場所に移動します ショップエンジン ⇒ ウィジェット。たとえば、カスタムの単一製品ページを作成する場合は、「Single」の下にあるすべてのウィジェットをオンにして、「Save Changes」をクリックします。

ステップ 2: テンプレートを作成する #

新しいテンプレートを作成するには、次の場所に移動します。 ShopEngine ⇒ Builder のテンプレートを選択し、「新規追加」をクリックします。。次に、次のオプションを指定します。

• 名前: 適切な名前を付けます。
• タイプ: 作成するテンプレートのタイプをドロップダウンから選択します。 
• デフォルトを設定: このオプションをオンにする必要があります これをデフォルトのテンプレートにするには、オンにします。
• サンプルデザイン: 空のテンプレートを選択します

最後に、をクリックします グーテンベルクで編集 をクリックして、テンプレートの編集/構築を開始します。

ステップ 3: テンプレートを編集する #

次に、テンプレートをカスタムデザインするには、ウィジェット名で 1 つずつ検索し、エディターにドラッグ アンド ドロップするだけです。

ステップ 4: 更新とプレビュー #

カスタム テンプレートの作成が完了したら 「更新」をクリックして保存します。次に、プレビュー ボタンをクリックしてプレビューを表示できます。