New tutorials covering BC.Next, Liquid, BC Apps and more.

Business Catalyst JavaScript and jQuery Tutorials

  • Event Booking with Date Range Pricing

    Chad shows you how to take an Event Booking form to the next level, by adding Early Bird date ranges. With 3 levels of prices and 3 date ranges, you'll learn how to correctly calculate early bird prices and set...

    View Tutorial
  • ?json=true Parameter and Glossary Terms Tooltip Use Case

    Learn about the ?json=true parameter in Business Catalyst that will allow you to capture all modules and tags from a page into a JSON data tree. I'll show you a use case for this with our glossary terms tooltip plugin,...

    View Tutorial
  • Web App with Exportable vCard Generation

    You won't believe how simple it is to get exportable vCard files on your web app detail pages. Follow along as Greg guides you through the process of getting this functionality on your site.

    View Tutorial
  • User Disabled Web App Items

    There is no built-in way to allow users to disable their user-submitted web app items. But Chad shows us, where there is a will, there is a way. Showing you two different options for allowing your users to disable their...

    View Tutorial
  • Age Verification Popup Widget

    Create a custom Age Verification Popup box on your BC Site in minutes using this exciting new widget. In this tutorial, you will be able to download the widget's code, follow along with video instructions and get an advanced overview...

    View Tutorial
  • Web App Detail View with Dynamic Category Navigation

    This tutorial will show you how to use Liquid to create a dynamic navigation for categorized web apps that is persistent across the list view and detail view.
    We've added a little bit of extra functionality using the latest version...

    View Tutorial
  • Web Form Submission via Ajax

    Learn how to change a basic Business Catalyst web form from sending users to a thank you page, to allowing same page submission. Users will now see a "Thank you" message, and be allowed to continue browsing your site, without...

    View Tutorial
  • Product Images Linked With Attributes

    This tutorial shows you a method for linking product poplets to the large image so that if you click one the large image gets swapped out. It goes further by also syncing this change with the product attribute dropdown...

    View Tutorial
  • Dynamic Menu with Featured Links Web App

    Here's an intuitive method for integrating web apps and dynamic menus. In this case, we're going to be creating a single dynamic menu and outputting web app items, or calls to action, within each dropdown that correspond with that particular...

    View Tutorial
  • Custom Math Form Validation

    Tired of the same old re-captchas making all of your forms look the same? There are plenty of options when it comes to form validation, but why change the whole form when you can just add your own captcha? Making...

    View Tutorial
  • Web App Compare Functionality

    In this exciting new tutorial Greg will walk you through the process of how you can setup a basic compare functionality for your Business Catalyst Web Apps using the power of Liquid and jQuery.

    View Tutorial
  • Sticky Product CTA Bar

    This cool enhancement for your product detail pages provides a contextual, docked bar at the bottom of the window that shows the product you're viewing, the selected attribute, price and an add to cart button. This is an intuitive way...

    View Tutorial
  • Multiple Attendee Event Booking

    Using Liquid and ajax to register multiple attendees at different price points to an event. Using this technique allows you to register each person attending so that each registrant gets the email series attached to the booking event.

    View Tutorial
  • Glossary of Terms Widget

    Business Catalyst Widget that allows you to output a web app list of terms on your website with the ability to live search for keywords as well as list out all active alphanumeric characters to be able to click to...

    View Tutorial
  • Advanced FAQs Module

    In this tutorial we'll be taking the standard Business Catalyst FAQ's module and expanding upon it by creating categorized lists of faqs as well as generating a dynamic sticky anchor navigation to get to each section. This is all done...

    View Tutorial
  • Automatic Discount Widget

    Using this new powerful new widget, create linkable product pages that automatically apply a discount code when a user enters the cart and display a message showing the savings. Installation requires only one line of code! In this tutorial learn...

    View Tutorial
  • Dynamic Ecommerce Catalog Menus

    This solution will allow you to build a dynamic, self-generating, collapsible menu for all of your e-commerce catalogs. This means no more manually building your shop menus with the BC menu module, as this implementation mirrors the exact hierarchy of...

    View Tutorial
  • Get Unlimited Items via API Calls

    Use this helper function to easily loop through items you call using the BC V3 API so that you can return an unlimited number of items. Business Catalyst limits the return of a single API request to 500 items. This...

    View Tutorial
https://www.bcacademe.com