NetSuite管理者ヒント| SuiteCommerceのWebサイト要素を非表示にする

SuiteCommerce標準またはSuiteCommerce拡張をWebストアとして使用している場合、ボタン、フィールド、イメージ、リンクなど、Webストアの一部の要素を削除するインスタンスがある場合がありますが、その方法がわかりません。そのための簡単な方法がありますが、少なくともHTMLとCSSの基本的な知識を持っている必要があります。

SuiteCommerce Webストアの要素を非表示にするには、サイト管理ツールを使用して、Webストアの特定の部分にCMS HTMLコンテンツを追加します。

この例では、これらのリンクをフッターから削除します。

キーボードのF12 キーをクリックしてブラウザ開発ツールを開き、要素を検索するか、リンクを右クリックして「検査」を選択し、要素を表示します。

次のスクリーンショットでは、「リンクA」テキストの要素を指しており、クラス値が「footer-content-nav-list」の<ul>タグの下にあることがわかります。

クラスをコピーし、選択したテキスト・エディタ(e.g)で<style>タグで囲まれたCSSコードを記述します。Notepad、Notepad++、Sublime)では、非表示にするCSSコードにも定義し、display: none;を使用してその要素を非表示にします。

CSSコードを作成したので、「サイト管理ツール」> 「編集」モードに移動>「追加」ボタンをクリックするか、プラス(+)アイコン> CMS HTMLコンテンツをWebストアの「すべてのページ」領域にドラッグします。

「HTMLコード」フィールドにCSSコードを追加し、コンテンツに名前を定義することを忘れないでください。次のイメージで、CSSコードを追加すると、フッターにリンクが非表示になることに注意してください。

CMS HTMLコンテンツを保存して公開します。これで、サイト管理ツールで公開したCSSコードを削除または変更するまで、フッター内のリンクが非表示になります。

サイト管理ツールの詳細は、次のSuiteAnswer記事を参照してください: 44998 Site Management Tools Overview

ご意見をお聞かせください。コメントで得たインサイトや経験を共有したり、NetSuite 管理者コーナーでディスカッションを投稿したりして、一緒に学習を続けましょう。