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

Business Catalyst JavaScript and jQuery Tutorials

  • 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
  • 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
  • Submit Paid & Unpaid Version of the Same Web App

    Learn how to allow users to submit paid and unpaid versions of that same web app. This will allow sites to give users an incentive for signing up for a membership or newsletter, allowing them to submit their first web...

    View Tutorial
  • Expandable Menu Lists

    In this video, Chad takes you through the process of updating a long, unruly side menu to create an expandable menu so users have the option to view more. By using liquid instead of jQuery, Chad shows you how to...

    View Tutorial
  • Custom Web App List Pagination Using Liquid

    This tutorial provides an easy way to render custom web app listview pagination complete with previous and next buttons as well as a page jump dropdown that lets you get from page to page quickly. This is a mobile friendly...

    View Tutorial
  • Web App Limit Plugin

    This plugin will allow you to easily output all web app items on a page regardless of the 500 web app limit. This solution is not recommended for all situations but is an easy and fast way to work around...

    View Tutorial
https://www.bcacademe.com