Blog

Everything listed under: jQuery

  • Use Helper Files, Services and Contextual Rendering in Your Extension

    Through an extension that enables shoppers to download their order history as a CSV, this post looks at some advanced extension development concepts such as helper files, calling service files with XHRs, contextual rendering, and generating and downloading files from NetSuite.  Read More...

  • Check for Missing Product Images with the Item Search API

    The item search API is a REST API that powers every product-related page on your SuiteCommerce site. However, what novel uses are there for it? This post looks at how we could use it to quickly search for missing item images, including those for matrix color options.   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...

  • Build a Quick-Start with a jQuery Plugin, Theme and Git

    Quick-starts enable teams who regularly build SCA sites to speed up new builds by building common customizations into their source code. This article takes you through some steps to cutting down the amount of repetitive work that a team does.  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...

  • TIL Thursday: Browser Support, Testing and IE8

    It's easy to take for granted the work that goes into ensuring that all shoppers get the same, high-quality experience regardless of the device they use to browse your site. But what about older browsers? What about mobile and tablet devices? Let's take a look at this and, in particular, the problems faced with Internet Explorer 8 (and why we're saying goodbye to it soon).  Read More...

  • Understand jQuery Promises and Deferred Objects

    Promises are used throughout SCA code to ensure that calls are made asynchronously, users' actions aren't blocked and the code remains easy to read and maintain. If you have a rough idea of how they work, why not look deeper into them and build your understanding.

      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...

  • 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...

  • Add a jQuery Plugin or Third-Party JavaScript Library to Your Site

    Third-party JavaScript libraries can be a quick and effective way to fill the gap in any JS-powered application. While the SuiteCommerce Advanced includes a number of these libraries (such as jQuery, Bootstrap and Underscore), you may want to include your own third-party libraries. This article will take you through the steps to adding your own JavaScript library, which roughly follows the same steps of creating your own module.  Read More...