How to add a custom favicon to a SuiteCommerce site

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 Favicon

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!

anchor group oracle netsuite alliance partner commerce partner

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!

suitecommerce netsuite ecommerce book
 
 

Want to keep learning?

Our team of NetSuite professionals here at Anchor Group has written articles on a wide variety of NetSuite topics, from SuiteCommerce tips, to recommended NetSuite solutions, to available support services, and more! 

Your cart
    Checkout