Note: Applicable only for Reference My Account v1.01 Bundle ID 36478
This article will guide users on how to insert image on the Main Navigation Menu Items for Reference My Account
Sample Menu with image.
Requirements:
- Copy the js folder file from Reference My Account folder to Custom My Account Folder.
- Copy the layout.txt file from Reference My Account folder to Custom My Account > Templates Folder
- Refer to the Help Center article "Deploying SSP Application Touch Points" for the steps on how to deploy the Custom Checkout SSP Application.
- Upload all images to img folder.
- Navigate to Web Site Hosting Files > Live Hosting Files > SSP Applications > NetSuite Inc. - My Account > Custom My Account > img
- Update Menu Items Module.
- By default, every Menu Item Module has the following elements: id, name, url and index. Add another element that will call the URL for the image you want to appear on the navigation menu item.- Navigate to Web Site Hosting Files > Live Hosting Files > SSP Applications > NetSuite Inc. - My Account > Custom My Account > js > src > app > modules
- Edit the .js file for the Menu item module.
Overview Profile.js Profile Information Profile.js Address Book Address.js Credit Card CreditCard.js Order History & Returns OrderHistory.js Email Preferences Profile.js Reorder Items OrderItem.js Update Your Password Profile.js - Add another element that will call the image URL saved on the image folder.
- For this article, we will call the element image
Sample declaration taken from Address.js
Note:
- To retrive the image's URL, edit the image file from the img folder and use the URL with 'https'. - Apply the above steps to the remaining Menu Items.
- Insert the image element to the menu
- The final step is to call the image element to the layout.- Navigate to Web Site Hosting Files > Live Hosting Files > SSP Applications > NetSuite Inc. - My Account > Custom My Account > templates
- Edit layout.txt
- Insert the code
Sample declaration:
- this declaration will display the image before the item name.
Hi I was searching for the blogs for many times, now I have reached at the right place.
ReplyDeleteclick this site