| Table of Contents |
|---|
UltraCart has released a number of powerful themes:
- Coffee
- Craft
- Fashion
- Gridzy
- Mr Teas
- Natural
- Trial
- Woodland
All of these themes pre-date the Visual Builder. You may have built a site (or checkout) based upon one of these themes. There is no need to discard all of the hard work that you've put into making your great site just because you want to start using the Visual Builder. It's really easy to plugin in the Visual Builder to the existing theme. We're going to cover four topics in this tutorial.
- Adding the required CSS/JavaScript to the existing theme template.
- Creating a folder on the file system to hold our containers (containers hold the content created by the Visual Builder).
- Creating a container on the file system.
- Including the container in the template.
Special Note regarding Visual Builder support for Upsell After Configuration
| Info | ||
|---|---|---|
| ||
As of 6/29/2017 the latest version following themes now have the Visual Builder Upsell tool
|
Adding the required CSS/JavaScript to the existing theme template.
...
Scroll down until you see "snippets/document_top.vm". Click on it. At the bottom of the file page paste in the following six lines of code:
...
Now click into the containers that that we just created.
Creating a container on the file system
Click the new file toolbar icon as shown below.:
When prompted for the filename, use the name of the container and then make sure the extension is .cjson as shown below.
...
You now have your first container stubbed out on your page. You can now engage the Visual Builder and create content within this container.
Visual Builder Themes:
These themes have the Visual Builder enabled throughout the theme (Storefront catalog pages, checkout, and Upsell After offers:
- Jewel
- Native
- Natural VB
- Hero
- Elements