Introduction – How You Design with Toolset (and no PHP)

With Toolset, there’s no need to dive into the WooCommerce templates system. Toolset lets you design templates, simply from the WordPress admin. Choose for what you’re designing the template for and start designing. Design the layout using Toolset’s drag-and-drop editor, to control the position of every element on the page.

Choose which template to design
Design using drag-and-drop

When you create templates with PHP, you need to use different API calls for different kinds of fields. With Toolset, all fields appear in the same menu. Insert a field and you’ll get a dialog offering relevant display options for that field.

Choose a field to add to the template
Choose display options for the field
Add HTML around the field for your styling
Custom fields in the WooCommerce product editor

Before we start designing templates, you may want to add custom fields and taxonomy to the WooCommerce products. This is optional, as many WooCommerce sites only need the standard product fields. However, if you need to attach additional information to products, you should start with this step. Toolset makes it easy to add custom fields and taxonomy.

Go to tutorial step 1

A “single” WooCommerce product page

Learn to design your own templates for products using just HTML and product-fields. When you design product templates, you insert fields from a menu and use simple HTML for styling. Go to tutorial step 2 (create templates) and step 3 (add custom fields)

A WooCommerce products catalog page

The product catalog is where your visitors browse for products. You will learn how to break away from the standard-looking product catalog and create your own. Product catalogs can appear as grids, lists, tables and any other way you choose.

Go to tutorial step 4

Custom search for WooCommerce products

Make it easy for shoppers to quickly find what they need using a powerful custom search. Custom searches can include any field or taxonomy that your products have. Visitors will be able to filter products by price, category and any custom field. Creating a custom search includes two steps.

First, you will design the search box (by inserting fields and designing with HTML). Then, you will design the search results in the same way.

Go to tutorial step 5

Toolset lets you create sliders from anything. You will create the design for single-slides and choose the transition controls. Toolset turns your design into a working slider. You can full control over the content of slides. Insert the fields that display in slides from a menu and style them using HTML. We show an example of how to create a slider using the Featured Image, product category and product title.

Go to tutorial step 6

Product comparison allows you to select a few products and display them together, side by side, to compare their attributes. You will learn how to design the page that lists products available for comparison and how to design the side-by-side comparison itself. You guessed right. All this is done by adding fields from a menu and styling with HTML.

Go to tutorial step 7

Toolset plugins let you create forms for adding and editing WooCommerce products. Your users can directly add products from the front end without accessing the WordPress admin.

Go to tutorial step 8

Page with a list of orders including the ordered products

Toolset plugins allow you to display WooCommerce information about you store’s orders. You can list orders on the front-end, display which products were purchased, and more.

Go to tutorial step 9

Getting Started with Toolset

All of these are examples of things that you can do with Toolset. Toolset allows you to build extraordinary sites, based on custom content, without writing PHP.

The full Toolset package allows you to build entire sites, which are easy to maintain and run.

We offer Toolset plans for newbies and for Web agencies, depending on your needs and budget.