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

Business Catalyst Mobile Tutorials

  • 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
http://www.bcacademe.com