suitecommerce - Adding custom JS & CSS on Suitecommerce Landing Page

Question

I have created custom landing page in Lists -> Web Site -> CMS Pages and I want to add custom JS and CSS to that page, what are the steps to do it?

Answer 1

有几种方法。可能最简单的方法是从前端使用站点管理工具。您可以在 HTML 内容区域中插入<script></script>和标记。<style></style>

方法一：

• 第 1 步：查看您的 SCA 网站。
• 第 2 步：按 ESC 键。
• 第 3 步：导航到登陆页面>您的登陆页面
• 第 4 步：单击顶部导航中的铅笔图标开始编辑
• 第 5 步：单击顶部导航中的加号图标以添加内容区域
• 第 6 步：单击右侧导航中的 HTML 内容框
• 第 7 步：在 HTML 内容框中添加您的代码。将所有 JS 放在 <script></script>标签内，将所有 CSS 放在<style></style>标签内

方法二：

• 一种更稳定的方法是在 SuiteCommerce 高级 SSP 应用程序中创建一个自定义模块，但这需要对代码结构有更多的了解。我不打算在这里描述它，因为它需要一整天。见这篇文章： https ://developers.suitecommerce.com/section4184021456

方法三：

• 如果您使用的是 SMT v3，您还可以从 NetSuite 后端的自定义记录“CMS_HTML”中编辑 HTML 内容区域。不过，在那里设置新的内容很痛苦，所以我建议先在站点管理工具中添加内容区域，然后进入自定义记录进行编辑，如果您想从 NetSuite 后端进行编辑。