1. SXA Storefrontの拡張

ストアフロント ブランド テーマの拡張

Version:
日本語翻訳に関する免責事項

このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。

Sitecore 9.2では、スクリプトがストアフロント ブランド テーマから移動され、スタイルシートのみが含まれるようになりました。これは、Storefront Brandedテーマのカスタマイズと拡張を簡単にし、SXA Storefrontの1つのバージョンから次のバージョンへの移行を容易にするために行われました。

スクリプト

形容

browser.js

ブラウザがモバイル版を使用しているかどうかを判断します。

新しい場所: /sitecore/Media Library/Base Themes/Commerce Core Theme/Scripts

古い場所: /sitecore/Media Library/Extension Themes/Storefront Branded Extension/Scripts/Common

carousel.js

(以前のコンポーネント-carousel.js)

カルーセルコンポーネントのスライドトランジションを処理します。

新しい場所: /sitecore/Media Library/Base Themes/Commerce Components Theme/Scripts/Carousel

古い場所: /sitecore/Media Library/Extension Themes/Storefront Branded Extension/Scripts/Components

catalog-productimage.js

(以前のproduct-image.js)

商品画像コンポーネントのclickイベントハンドラが含まれます。

新しい場所:  /sitecore/Media Library/Base Themes/Commerce Components Theme/Scripts/Catalog

古い場所: /sitecore/Media Library/Extension Themes/Storefront Branded Extension/scripts/components

catalog-productquantity.js

(以前のadd-to-cart.js)

製品数量コンポーネントのコントロールのイベント ハンドラが含まれます。

新しい場所:/sitecore/Media Library/Base Themes/Commerce Components Theme/Scripts/Catalog

古い場所: /sitecore/Media Library/Extension Themes/Storefront Branded Extension/Scripts/Components

category-navigation.js

カテゴリナビゲーションコンポーネントのスタイル変更を処理します。

新しい場所:/sitecore/media library/Base Themes/Commerce Components Theme/Scripts/Navigation

古い場所: /sitecore/Media Library/Extension Themes/Storefront Branded Extension/Scripts/Components

forms.js

すべてのフォーム コンポーネントの送信イベント ハンドラーとAJAXイベント ハンドラーが含まれます。

新しい場所:  /sitecore/Media Library/Base Themes/Commerce Core Theme/Scripts

古い場所: /sitecore/Media Library/Extension Themes/Storefront Branded Extension/Scripts/Common

language-selector.js

言語セレクタコンポーネントの表示遷移を処理します。

新しい場所:/sitecore/Media Library/Base Themes/Commerce Components Theme/Scripts/LanguageSelection

古い場所: /sitecore/Media Library/Extension Themes/Storefront Branded Extension/Scripts/Components

product-bundle.js

NAの

スクリプトが削除されました。

product-facet-component.js

製品ファセット・コンポーネントのコンポーネント初期化関数が含まれます。

スクリプトが削除されました。移動先のコード /Project/Storefront/src/Scripts/Commerce/Feature/Catalog/catalog-productfacets.js

search-bar.js

スタイルの変更を処理し、検索バーコンポーネントのクリックイベントハンドラを含みます。

新しい場所:/sitecore/Media Library/Base Themes/Commerce Components Theme/Scripts/SearchBar

古い場所: /sitecore/Media Library/Extension Themes/Storefront Branded Extension/Scripts/components

sub-category-navigation.js

(以前のsub-category-navigation-component.js)

サブカテゴリナビゲーションコンポーネントの表示遷移を処理します。

新しい場所:/sitecore/Media Library/Base Themes/Commerce Components Theme/Scripts/Navigation

古い場所: /sitecore/Media Library/Extension Themes/Storefront Branded Extension/Scripts/Components/

top-bar-links.js

(以前のtopbarlinks.js)

トップバーリンクコンポーネントの表示遷移を処理します。

新しい場所:/sitecore/Media Library/Base Themes/Commerce Components Theme/Scripts/TopBarLinks

古い場所: /sitecore/Media Library/Extension Themes/Storefront Branded Extension/Scripts/Components

メモ

コンテンツエディタからすべてのスクリプトにアクセスするには、/sitecore/Media Library/Base Themesフォルダに移動します。

スクリプトの拡張

スクリプトを拡張するには:

  1. コンテンツ エディタで、/sitecore/Media Library/Base Themes/Commerce Components Theme/Scriptsに移動します。

  2. 拡張するスクリプトを右クリックし、Scripts, Downloadをクリックします。

  3. 選択したエディタで、必要に応じてスクリプトを変更します。

  4. コンテンツ エディターでスクリプトを選択し、ContentタブのMediaセクションでAttachをクリックし、スクリプトが保存されている場所に移動してAttachをクリックします。

  5. Mediaタブで、「Save」をクリックします。

  6. Publishタブで、Publishをクリックして変更を公開します。

カスタムスクリプトを追加する

カスタムスクリプトを追加するには:

  1. コンテンツ エディタで、/sitecore/Media Library/Extension Themesに移動します。

  2. Storefront Branded Extensionを右クリックし、Insert, Scriptsをクリックします。

  3. Messageダイアログボックスで、新しいアイテムの名前を入力し、「OK」をクリックします。

  4. 新しく作成したスクリプトフォルダを選択し、「 Folder 」タブで「 Upload file」をクリックします。

  5. Upload Fileダイアログボックスで、「Choose File」をクリックし、カスタムスクリプトが保存されている場所に移動して、「Upload」をクリックします。

  6. Publishタブで、「Save」をクリックします。

  7. Publishタブで、Publishをクリックして変更を公開します。

この記事を改善するための提案がある場合は、 お知らせください!