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

Business Catalyst JavaScript and jQuery Tutorials

  • 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
  • Launching Different Workflows

    When working with web forms, sometimes you need to launch different workflows depending on selection the user has selected on the form. In this video, Chad shows you how to set up a form that will allow you to set...

    View Tutorial
  • Create a Custom Twitter Feed (Updated)

    **This tutorial has been updated to reflect a change in the latest Twitter API as of December 2016.

    In this tutorial, Brian shows you how to easily create a customizable twitter feed for your Business Catalyst sites with minimal effort. No...

    View Tutorial
  • Modify the Invoice Date Tag on Packing Slip

    By default {tag_invoicedate} displays date formating "28-November-2016" on Invoice Layout. On the packing slip it displays a different format "11/28/2016 9:00:00 AM" which doesn't make sense for people in UK… or for anyone who wants to customize this. Using JavaScript...

    View Tutorial
  • Ajax Login over Secure and Non-Secure Domain

    Setup a secure zone login form that logs users in with ajax on both the secure and non-secure domains. This is extraordinarily helpful on sites with secure zone logins to create a seamless experience for visitors as they navigate between...

    View Tutorial
  • Responsive Floating Call to Action Bar Widget

    This widget easily adds a responsive floating CTA Bar with two buttons and a phone call button for your websites. It utilizes some smooth animations that only shows once you start to scroll on the page and then hides itself...

    View Tutorial
  • Basic Web App Sorting and Filtering

    In this video, Chad shows a very simple way to sort and filter web apps with a couple of drop down menus. This is an easy way to allow your users to sort the output of your web app items.

    View Tutorial
  • Infinite Load for eCommerce Products | Pagination

    In this week’s pro tutorial learn how to implement and customize a “load more” button, sometimes referred to as an “Infinite List” or “Auto load” on Business Catalyst eCommerce Products on Catalog pages.

    This method is easy to implement and is...

    View Tutorial
  • Shipping Address Select Widget

    Give your eCommerce customers the ability to choose from their past shipping addresses when placing an order. This plug and play widget makes it easy to add this functionality to any Business Catalyst checkout page.

    The shipping address dropdown will only...

    View Tutorial
http://www.bcacademe.com