Blog

Everything listed under: intermediate

  • Get Started with WebPagetest to Test Your Site's Performance

    WebPagetest offers a free service for testing the performance of your site. In this blog post, we will look at the basics of creating a testing script and using its REST APIs.  Read More...

  • 2018: End of Year Review

    As 2018 draws to an end, let's look back at some of SuiteCommerce's new features and enhancements, as well as the best supporting blog posts.  Read More...

  • Add a Button to Remove All Items in the Cart

    This blog explains how you can add a button to the shopping cart page of a SuiteCommerce site to remove all items from the shopping cart. This feature might be particularly useful for B2B sites, where shoppers typically have carts with a large number of lines.  Read More...

  • TIL Thursday: How to Make a View Available Globally

    In 2018.2 we added the registerView() method to the extensibility API. This handy method lets you create a child view which can be referenced in any of your templates without modifying the parent view's JavaScript.  Read More...

  • Learn How to Customize Web Store Emails with System Email Templates

    New for 2018.2 are system email templates for web stores. This blog post introduces the feature and includes information on how to get started with the templating system, FreeMarker, and what records and fields are available.  Read More...

  • Add Units of Measure to Products

    Adding units of measure enable your customers to know exactly how much bottles of liquids, such as perfumes, cost per 100ml, for example. NetSuite's ERP features makes adding this to your SuiteCommerce site super easy and Mike Lynch is going to tell you how.  Read More...

  • Bulk Create Meta Description Tags in NetSuite

    Mike Lynch, one of our solutions consultants for NetSuite Commerce, has written this guest post and he's going to talk about creating or updating item meta description tags in bulk, which is a great way to improve click-through rate.  Read More...

  • Add a Third-Party JavaScript Library to an Extension

    Adding an AMD-compatible third-party JavaScript library to an extension is easy, but what about one that plugs into jQuery or creates a global namespace? Extensions and SuiteCommerce don't let you shim these in your distro file, so let's take a look at what you can do to get them into your site's customizations.  Read More...

  • Learn How to Change Search Results' Images Based on Color Refinement

    With the extensibility API offering methods for listening to search refinements and adding new properties to a view's context object, we can combine their powers to listen for when a shopper refines by color and show them product images based on their selection.  Read More...

  • Create an Extension to Show Color Options on a Product List Page

    A common question is: are all customizations possible with the extensibility API, or are there some things which are better with traditional methods? Let's answer that question with some example functionality that shows shoppers all the color options for every item in a product list page.  Read More...

  • Take a Closer Look at the Product List Page Component

    The PLP component is available in the extensibility API and allows you to make customizations to search results and commerce category pages. Let's take a look at how you can access item data, manipulate refinements, and add child views to product list pages.  Read More...

  • Learn How to Make Code-Level Item Search API Calls

    The item search API can return data about your entire inventory. While it's easily accessible via URL, do you know the easiest ways to access it via the models and collections built into SuiteCommerce source code? Let's take a look.  Read More...

  • Coding for Commerce Extensions Webinar Follow-Up: Extending the Checkout and Using Events

    This blog is a follow-up article to a webinar that Jackie Fisher and I gave about the commerce extension framework. It includes a number of examples to help you understand how the API works, including adding a custom transaction body field to the checkout, and adding a confirmation modal to the promo code form on the cart.  Read More...

  • TIL Thursday: Troubleshoot JavaScript and SuiteScript Performance with Console Timers

    The first step to troubleshooting performance problems is figuring out where the problem is coming from, and that can often be tricky. With console timers, you can log how long it takes for specific lines of code to execute and track down where the traffic jam is.  Read More...

  • Take a Look at Our New SEO Page Generator (Prerender)

    This post is a follow-up to a webinar we held on SEO and the page generator. We're going to be making some updates by replacing the engine we use behind the scenes. This post takes a look at Prerender and what improvements we've made to performance, logging and debugging.  Read More...

  • 2017: End of Year Review

    Let's look back over 2017 at the platform and product improvements, as well as the resources we have provided to aid you in your site's development.  Read More...

  • Take a Closer Look at SuiteScript in SuiteCommerce Advanced

    The frontend SuiteCommerce Advanced code is just one detail in the larger picture of your site's success on NetSuite. Another crucial part is SuiteScript — the JavaScript-like code that runs on our servers. Let's take a closer look at how we use SuiteScript to perform CRUD operations on your site.  Read More...

  • Get to Grips with Backbone Events

    Events are great, aren't they? People, beverages, interesting conversation. But what about Backbone events? Well, unlike social events, Backbone events are even cooler as they can bring your site to life.   Read More...

  • Read our new Performance Guidelines

    Building a successful ecommerce site isn't all about good functionality and the right inventory: it can be about other things like branding, user experience, and product imagery. But there's one thing that perhaps we don't talk about too much: performance. Our performance engineers have put together new, comprehensive guidelines with actionable steps you can follow to improve the performance of your site.  Read More...

  • Make a Flexbox Homepage

    Could 2017 be the year of flex boxes? For years, web designers everywhere have been keeping a keen eye on the ever-evolving specification for flex boxes, slowly salivating at the thought that soon — Soon™ — difficulties around laying out, aligning and distributing blocks on a page. Let's take a look at them, and whether they could be appropriate for you.  Read More...

  • Show a Shopper their Product Reviews with Product Data

    In this tutorial we're going to create a page in my account so that a shopper can log in and see what products they've reviewed. More than that, though, we're going to do something quite complicated, which is to pull item data that is associated with the items that they've reviewed. We're going to look at the search API, records and some frontend jujutsu.  Read More...

  • 2016: End of Year Review

    As the end of the year approaches, I wanted to take time to talk about some of my picks — as editor of the site — of the best things that have come out this year. It'll be a mix of content ranging from tutorials, news, videos and documentation. I hope you'll find the list useful in case you've missed anything throughout the year.  Read More...

  • Build a Style Guide

    Building and maintaining a site can be a difficult, seemingly indefinite process. One particular pain-point can be ensuring a consistent look and feel throughout the site. A solution to this can be a style guide. In this article we'll look at how you can build one, as well as looking at some advanced features in Sass.  Read More...

  • Add and Use Custom Handlebars Helpers

    The SCA templating engine is powered by Handlebars. We've talked before about its features: how it is meant to be simple and logicless. But what you may not know is that it's possible for you to add in your own helpers that can help you format the HTML content. In this article we look at how, and when you might want to.  Read More...

  • Add reCAPTCHA to Newsletter Signup

    One of the new features in the Vinson release of SCA was functionality that makes it enables shoppers to sign up for newsletters. However, a problem that can be faced when you have an open signup form like this is from bots. reCAPTCHA is a widget that can help prevent bots from signing up, and in this tutorial we're going to look at implementing it.  Read More...

  • Three Essential URL Parameters for Marketers

    URL parameters are additional bits of information you can add to the end of a link. For marketers, this means you could be able to track the effectiveness of a partner, automatically apply a promotion code, or record the source of a lead. In this article, we'll take a look at how you can set these up and take advantage of this rich functionality.  Read More...

  • Optimize Your Images for Better Performance

    Images are used throughout your site and can contribute a lot to your page weight, increasing load times. I caught up with Mark Sweeting, a senior web performance engineer, who offered me some advice on how I can optimize my site's imagery to improve performance.  Read More...

  • Look Inside the Store Locator

    Store locators enable shoppers to find the physical stores nearest to a location. We recently added this functionality to SCA and so let's take a dive into the functionality and how it works.  Read More...

  • Use the Configuration Tool

    One of the great new features in the Vinson release is a new way to configure your web store. You may be familiar with the current (Mont Blanc and older) system where all configuration changes occur in five files in the site's code, but the changes in Vinson mean that it's now possible to configure your site in the UI.  Read More...

  • Announcement: Vinson Release

    We are pleased to announce the release of Vinson, the latest iteration of SuiteCommerce Advanced. This release focuses on improving user experience with features such as categories, store locator, and checkout improvements.  Read More...

  • Three Useful B2B Features You May Not Know About

    Whether you sell to customers or businesses, SCA offers functionality appropriate for all kinds. If you run a B2B web store then you may not be aware of all the functionality that can enhance your site, so let's take a look at three examples you may not know about.  Read More...

  • Get Started with Version Control (Git)

    Version control systems, such as Git, offer a number of useful benefits to any software development team. If you're not already using one for your SuiteCommerce Advanced code, I'd highly recommend it — so much, in fact, that I figured I'd write a quick guide on getting started.  Read More...

  • TIL Thursday: What It's Like to Migrate an SCA Site to Mont Blanc

    Back in February, we announced the release of Mont Blanc, the latest in a series of updates to SuiteCommerce Advanced. If you're still using Denali and contemplating whether to upgrade, join me in finding out what it was like from someone to take those steps.  Read More...

  • Fix for Template Names Not Showing in Chrome 51

    If you're like me and you use Google Chrome to develop in, you may have noticed that, after updating to Chrome 51, the template names no longer display correctly in the page source. So let's quickly run through what's happening and how to fix it.  Read More...

  • Customize Error Pages

    Error pages: the pages you never hope your customers see but you know they sometimes do. So what happens when a user is served a 404 'page not found' error? Let's take a look at the design philosophy behind a good error page and what you can do to convert a dead-end to a conversion.  Read More...

  • Extend Font Awesome and Add New Icons

    We use Font Awesome throughout the application to provide iconography. While the FA library is extensive, there may come a time when you want to add your icons. In this article, I'll take you through two options for doing this.  Read More...

  • TIL Thursday: Troubleshooting DNS Problems with the CDN

    Content delivery networks (CDNs) are geographically distributed servers that specialize in delivering static content quickly. In this article I had a talk with Mark Sweeting, who troubleshoots DNS problems with the CDN, for advice on how you can do this yourself.  Read More...

  • Show Items as Discounted with a Custom Field, Facet and Product Detail Page

    Shoppers love special offers and discounts. Maybe it's the thought that you're getting something cheaper than its retail price but there is a sense of urgency and excitement around it. One thing you can do as a retailer to stoke that sense of urgency and excitement is to highlight discounted items. In this article I'm going to take you through the steps for one way of highlighting discounted items with a custom field, facet and product detail page.  Read More...

  • Configure or Disable Core SCA Functionality

    In the recent Mont Blanc release of SCA, we added a number of new items of functionality such as the ability to restrict access to your site, whether it is your entire site or just price information. Along with that, we included some documentation on how to enable or disable this functionality, and it is this that I want to walk you through.  Read More...

  • Customize the Header

    Previously, we have talked about how you can customize your homepage. This time around I want to talk about something that is of similar ubiquity: the header. We'll look at how you can add your own navigational links and I'll give you some ideas about options for customization.  Read More...

  • Announcement: Mont Blanc Release

    We are pleased to announce the release of Mont Blanc, the latest update to SuiteCommerce Advanced! This release focuses on providing key integrations that enhance operational efficiency, SuiteCommerce In-Store support, detailed performance analysis and increased marketing and analytical capabilities. In addition, the Mont Blanc releases focuses on key features for the manufacturing and wholesale distribution industries.  Read More...

  • Customize the Loading Icon

    When you're customizing your site, you'll go through the normal things like changing the colors, design, layout, and other things. But there is one ubiquitous thing that you may want to change and not know how: the loading gif.  Read More...

  • Customize Your Homepage

    One of the most important pages on your site is the homepage. It is what your customers see when they visit your site; it is the store front; it is the face of your brand. It's crucial, therefore, that you get it right. I'm going to talk about how you go about making changes and what tools are available to you, so you're prepared when it comes to translating your designs into reality.

       Read More...

  • Trends for 2016: Subtle Hover States

    Around this time of year, there's always a lot of discussion around what will be the next big thing in web development. I take a look at one in particular: subtle hover states.  Read More...

  • Add a Sticky Button with jQuery.scStickyButton

    In a previous article we talked about how you can add a push pane to your site to make better use of your site's real estate on mobile devices. In this article I want to tell you about another bit of functionality that you can use to improve things for your mobile users: sticky buttons.   Read More...

  • Add a Push Pane with jQuery.scPush

    Screen space on mobiles and tablets are at a premium, so why not use push panes to hide additional content off canvas until the user requests it?   Read More...

  • TIL Thursday: Debugging Credit Card Icons

    This week for TIL Thursday I wanted to run through how to troubleshoot a particular issue that we've had a couple of reports about: credit card icons. Some of our customers have been saying that when they've added or modified a new credit card to the site, they are having a hard time getting the icons to appear on the form where shoppers add a new credit card.    Read More...

  • Add a Custom Web Font

    As part of customizing your site's design, you can choose from an array of styles, color schemes and imagery. But one additional level of customization you can go to is adding your own web font. This article will take you through the simplest and most common method.  Read More...

  • Get to Grips with Caching on SuiteCommerce Advanced

    While we have extensive documentation about caching, I wanted to know more about it. This week I sat down with Rafael Tucat, Director of Software Engineering at NetSuite, and asked him some questions about how SCA uses caching.  Read More...

  • Announcement: Denali Release 2

    We're pleased to announce the latest version of our SuiteCommerce Advanced bundle. Dubbed Denali 2, we've released an update to the original Denali release that add some new features, and a bug fix to the deploy process. This post is a heads-up about the release, featuring a conversation with Mariano Ferrario who is Director of Ecommerce at NetSuite.  Read More...