Changing the default NetSuite favicon to a custom favicon is one of the first things you should do when you setup a SuiteCommerce site. Not only does it give your site a professional look, but it also makes it easier for customers to locate your site link in their bookmarks bar.
The process of changing the favicon depends on if you are using SuiteCommerce Standard or SuiteCommerce Advanced.
SuiteCommerce Standard
Step 1: Navigate to the SuiteCommerce configuration record. Commerce > Websites > Configuration (This may be in a different location depending on when your environment was last updated).
Step 2: Click Edit to enter into the configuration record for the site and domain you want to change the favicon at via the dropdown fields.
Step 3: Find the field titled "Favicon of the Website" under the Advanced tab and make it blank. There should be nothing in this field. Save the configuration record.
Step 4: Navigate to the File Cabinet. Documents > Files > File Cabinet
Step 5: Navigate to the following folder: Web Site Hosting Files > Live Hosting Files > SSP Applications > NetSuite Inc. - SCS : SuiteCommerce Standard > extensions > SuiteCommerce > the theme currently active on your site > scs version > img.
Step 6: Replace the favicon.ico file in this folder with the favicon file you want the site to display.
Step 7: Cache invalidate the site (Commerce > Content Management > Cache Invalidation Requests). Go to Setup > SuiteCommerce Advanced > Cache Invalidation Requests > New
Step 8: From the Available Domains list, select your domain and use the controls to move domains between the Available Domains box and the Selected Domain box
Step 9: Choose the type of operation = Clear cache for the whole domain(s). Click Submit
Step 10: Hard refresh the site (Cntrl + Shift + R) to validate that the favicon appears as you intended.
.
SuiteCommerce Advanced
Step 1: Navigate to the SuiteCommerce configuration record. Commerce > Websites > Configuration (This may be in a different location depending on when your environment was last updated)
Step 2: Using the dropdown menus, select the website and domain that you want to change the favicon for and click Configure.
Step 3: Find the field titled "Favicon of the Website" under the Advanced tab and make it "/" (just the slash, no quotation marks). Save the configuration record.
Step 4: Navigate to the File Cabinet. Documents > Files > File Cabinet
Step 5: Navigate to the following folder: Web Site Hosting Files > Live Hosting Files > SSP Applications > NetSuite Inc. - SCA : 20XX.X (the version of your suitecommerce site) > Development
Step 6: Click on the New Folder button.
Step 7: Name the folder img in all lower case, and click Save.
Step 8: Add the favicon file to the img folder and name it favicon.ico (it is important to name the file with the file extension, ".ico").
Step 9: Cache invalidate the site (Commerce > Content Management > Cache Invalidation Requests). Go to Setup > SuiteCommerce Advanced > Cache Invalidation Requests > New
Step 10: From the Available Domains list, select your domain and use the controls to move domains between the Available Domains box and the Selected Domain box
Step 11: Choose the type of operation = Clear cache for the whole domain(s). Click Submit
Step 12: Hard refresh the site (Cntrl + Shift + R) to validate that the favicon appears as you intended.
Oracle NetSuite Alliance Partner & Commerce Partner
Hopefully, this post helped you customize your SuiteCommerce website and become more recognizable to customers. If you have general questions about SuiteCommerce, or more specific questions about how you can customize your SuiteCommerce website, feel free to contact us at any time. Anchor Group is a certified Oracle NetSuite Alliance Partner & Commerce Partner, and is equipped to handle all kinds of NetSuite and SuiteCommerce projects, large or small!
FREE SuiteCommerce Book
Want to learn more about SuiteCommerce and how it can benefit your business? We'd like to gift you a FREE NetSuite Ecommerce paperback book! Here at Anchor Group, we pride ourselves on having the heart of a teacher... this is just one of the many ways that we follow through on that value. So, what are you waiting for?
Order the free SuiteCommerce book today, and we'll even pay for shipping!
