WooCommerce - Zones

Overview of Zones in the WooCommerce plugin

Peter Brooksbank avatar
Written by Peter Brooksbank
Updated over a week ago

DEFAULT ZONES

Default zones are inserted onto the following pages:

  1. Home Page

  2. Product Listing Page

  3. Search Results

  4. Product Page

  5. Cart Page

  6. Order Received Page.

They can be disabled per-page in the Zone settings.

HOME PAGE

The Home Page has four Zones by default.

PRODUCT PAGE

The Product Page has four Zones by default.

PRODUCT LISTING PAGE

The Product Listing Page has two Zones by default.

One at the top of the page.

The other at the bottom of the page.

SEARCH RESULTS

The Search Results have two Zones by default.

One at the top of the page.

The other at the bottom of the page.

CART PAGE

Also known as the Basket Page and hence is BP-0X is the Zone ID. There are two Zones installed by default.

ORDER CONFIRMATION PAGE

This page has two Zones and is called the Order received page on the site.

One at the top of the page.

The other at the bottom of the page.

CUSTOM ZONES

If you want to put Zones on any non-default pages or put them in a custom place, you will need to alter your theme templates, which may require front end development support.

You can manually edit the pages which are available by navigating to Pages > All Pages and then selecting the page you’d like to edit.

There you can use the following short code:

[pureclarity-bmz id="HP-01"]

Where “id” is the Zone ID configured in PureClarity.

There are also some optional parameters you can add to the shortcode:

  • top=”10″ – to add buffer space (in px) to the top of the Zone.

  • bottom=”10″ – to add buffer space (in px) to the bottom of the Zone.

  • class=”XXX” – to apply a custom CSS class to the Zone.

If you want to add a PureClarity Zone to a theme template file directly, you can use the following PHP code:

<?php echo do_shortcode("[pureclarity-bmz id='HP-01']"); ?>
Did this answer your question?