eComm Treasure Box Template Builder

Welcome to your Ocean eComm Treasure Box dashboard!

In your WordPress dashboard, under the eCommerce OTB main item, you will find the submenu item called: Template Builder.

Template Builder is the place where all your WooCommerce custom templates are located. You can use these templates, once you create them of course, for your custom WooCommerce store.

Template Builder Overview

Whenever you open the Template Builder, it will start by displaying all your templates available in the "All" template category.

Naturally, if you didn't create any templates yet, these will be empty so hurry up and start creating templates :)

The "All" templates category displays all templates, published and draft.

Next to each of the templates, you can see the "Type" if assigned. The "Type" is actually the Template Type, for example Single Product (see screenshot above).

The other important characteristics is that you can see whether a specific template has a role assigned (under the column called Default).

For example, if you check the screenshot above, you can see that the template named "OceanWP Single Product" belongs to the "Single Product" template type and has a role assigned to it (the toggle button is enabled and displaying "Yes"). These roles are explained in the Woo Templates tab of your eCommerce OTB dashboard.

You can assign a role to any template directly from the Template Builder by using this nifty little shortcut: the toggle button for the Default column.

Template Builder Types

Ocean eComm Treasure Box supports the following template builder types:

  • Cart,
  • Checkout,
  • Single Product,
  • Shop,
  • My Account:
    • My Account,
    • Login / Register,
    • Dashboard,
    • Orders,
    • Downloads,
    • Address,
    • Account Details,
    • Lost Password,
    • Reset Password,
  • Thank You page.

Important: Since WooCommerce blocks options do not support this type of page and fields editing, the custom templates feature will only function with the original WooCommerce pages aka the pages which contain necessary shortcodes: 

  • [woocommerce_checkout] shortcode for the Checkout page.
  • [woocommerce_cart] shortcode for the Cart page.
  • [woocommerce_my_account] shortcode for the My Account page.

Example of a WooCommerce legacy checkout page

Create a New Template in Template Builder

Add New Template

To add a new template into your Template Builder, you simply need to click the Add New button.

Choose Template Name and Category

When you click the Add New button to create a new template with the Template Builder, a modal window form will appear. In this window, you need to add a name for your template and choose the correct category type.

You will also have the option to set the new template as the default template (assign a role to it) immediately, by checking the checkbox. To learn more about Default templates and assigned template roles, check the Woo Templates article.

Once you've added all details for the new template, click the Save Settings button.

New Template Location

When you click the Save Settings button, the modal window form for the new template will close. 

After that, you can navigate to the "All" or directly to the category you assigned the new template to (in example screenshot above, the category was the Shop) and start working with your template.

Edit the New Template

Edit your new template in WordPress if you want to apply OceanWP (metabox) Settings or start working on your new design immediately. Don't forget to have fun!

In order to access the OceanWP (metabox) Settings for your template (from within the Template Builder), you need to edit the template in a new browser tab.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.