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

Business Catalyst Mobile 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
  • 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
  • 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
  • Output Content By Device

    Learn how to output different content based on whether a user is on a desktop, tablet or phone. This is a simple and powerful technique to optimize websites for mobile devices and to tailor the user experience.

    View Tutorial
  • Featured Product Carousel - Using Liquid and Slick Carousel

    Here's a simple implementation for a featured product carousel that uses native Business Catalyst functionality, some liquid markup and a powerful open-source plugin called Slick Carousel.

    View Tutorial
  • Responsive Web App Powered Tables

    Learn how to make beautiful responsive tables using liquid, CSS, and a bit of jQuery (optional). These Business Catalyst web app powered tables will look good no matter the device.

    View Tutorial
  • Responsive Foundation Photo Gallery Using Liquid

    In this video, we'll show you how to take the basic Business Catalyst Photo Gallery module and customize the functionality to be a responsive thumbnail gallery, using Foundation and Liquid Markup.

    View Tutorial
  • Implementing a Responsive Lightbox and Replacing the Default Product Poplets

    Two part series on installing Magnific Popup, a responsive lightbox plugin, and replacing the default Business Catalyst product poplets with your own custom markup using liquid.

    View Tutorial
  • Improve Your Responsive Web Design Workflow with the New Features in Photoshop CC 2015

    Learn about the new features/updates in Photoshop CC 2015 that will specifically help you better manage your responsive web design workflow

    View Tutorial
  • Block Grid Ordering by Device

    Learn how to rearrange elements in a grid for different devices and how to render different types of items in a grid all while making it easy for the admin user to update. This tutorial guides you through an actual...

    View Tutorial
  • Responsive Images with Liquid

    Learn a method to create mobile/responsive friendly images within Business Catalyst using globals, liquid and the thumbnail generator. Also learn about built-in browser methods for handling responsive images and comparing the differences with the Business Catalyst method.

    View Tutorial
  • Responsive Pages with Meta Viewport

    You might think that your website is responsive because on your desktop you can re-size the browser and your website changes. However, without deploying the meta viewport tag, mobile devices will not understand how to show your site and will...

    View Tutorial
https://www.bcacademe.com