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

Business Catalyst Templates Tutorials

See our various tutorials regarding templates in Adobe Business Catalyst. Learn More

If you are interested in learning more about Templates in Business Catalyst be sure to check out the official BC Documentation.

  • Building out Templates in Business Catalyst

    Learn how we take HTML/CSS/JS themes or templates and integrate them into Business Catalyst using the latest techniques. We'll also show you how we setup our site structure, methodologies behind it and walk you through our workflow for template development.

    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
  • Building Business Catalyst Sites With Components Series

    Two part series: Introduction to components & building components with web app and liquid

    Introduction to components – a new concept for building sites on Business Catalyst. Design and develop a collection of web components for your clients to use across...

    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
  • Canonical Tag Built with Liquid

    Looking for an SEO boost? Chad shows how to use the canonical tag site wide. Making sure not to have duplicate URLs, Session ID, or multiple Protocols (http/https).

    View Tutorial
  • Page Control (Header Control) - Tutorial Series

    Page Control will change the way you think about building your sites. Give you and your clients the ability to customize each page/template with ease. You'll never want to build a site without it again.

    This series is featured in the...

    View Tutorial
  • Media Downloads List Using a Custom Template and Icons

    This tutorial will guide you through setting up your media downloads and displaying them using a custom template as well as replacing the default file type icons with a vector based icon font like FontAwesome.

    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
  • Video Series: Cookies and Liquid in Business Catalyst

    In this tutorial about Cookies and Liquid in Business Catalyst, we'll go over an introduction to what Cookies are and how they can be accessed using liquid in BC. Also, learn how to implement a JavaScript Cookie plugin. This plugin...

    View Tutorial
  • Developer Level 1 Course Video Series

    The original developer level one course that helped developers around the world get over the initial learning curve has been remastered for on-demand viewing.

    This course walks you step-by-step through building a Business Catalyst website from start to finish.

    While some of...

    View Tutorial
  • Installing a Lightweight Responsive Slider

    Learn how to implement a simple & lightweight responsive slider plugin in Adobe Business Catalyst using ResponsiveSlides.js

    View Tutorial
  • Easily Manage Header Images Across Pages and Templates

    Control header images and page titles using liquid through a web app that allows you to specify unique header images across pages and templates.

    Be sure to check out an updated version of Header Control in our Page Control Tutorial...

    View Tutorial
  • Calling Liquid Global Variables

    This quick video will show you how to call the global variables in Business Catalyst so that they can be used in both liquid and javascript/jQuery.

    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
  • 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
  • Add the Addthis Social Sharing Widget to Business Catalyst

    Learn how to implement the Addthis Social Sharing Widget into your business catalyst site to help connect you with your customers via Social Media. Gain valuable insight about your customers though its powerful analytic tools provided by Addthis.

    View Tutorial
  • Google Analytics Business Catalyst Installation

    Learn how to install the basic Google Analytics Tracking Code on Adobe Business Catalyst websites. Google Analytics is a free website tracking tool that gives you better insight into your website traffic and visitors than the Adobe Business Catalyst reports.

    View Tutorial