Video

The following video also covers understanding theme, page and item containers.

Overview

This tutorial will explain how to create item (Item Container) or page (Page Container) specific content via the storefront visual builder. 

Navigation

Opening Your Storefront Into The Visual Editor

First, From the UltraCart back-end, navigate to your storefront then click the 'Browse Your Store' button:

Next, open the Visual Editor by clicking the edit button at the top left portion of the page:

The view of the page in the visual builder will appear like this:

Creating an Item Container

Now let's see how we can add an item container to our storefront.

To do so we will first navigate to a item specific page (one that is using the template_item.vm template if we inepct the settings tab of the storefronts pages. 

Next, open click the 'Hierarchy' button in the visual builder editor along the right side of the page:

The Hierarchy tab will open providing a overview of the layout of the page including: Containers; Sections; Modals; Rows; and Elements.

So, to create an Item Container we will navigate to a item specific page mouse over the Hierarchy panel until we see the editor outline appear in the proper place within the page we want to place our "Daily Item Special", then we will click the  "+" 

Creating a Page Container

Now let's see how we can add an Page container to our storefront. We will add a page container to the home page of our storefront to include a testimonial.

To do so we will first navigate to the home page. Next, open click the 'Hierarchy' button in the visual builder editor along the right side of the page: