Installing FoxyShop on Headway

If you would like to use FoxyShop in a Headway-based theme, the default template structure won’t work within the Headway framework and you’ll end up with unstyled FoxyShop pages. There is a solution, however. I’ve built a plugin for FoxyShop which creates HT content blocks for all FoxyShop content. This post will outline the instructions for getting FoxyShop up and running in a site that is running the Headway framework.

Step 1

The following theme files need to be placed in your child theme folder. If you aren’t using a child theme, it is strongly recommended that you do so (otherwise updating Headway to a new version will wipe out your theme customization files).

  • foxyshop-single-product.php
  • foxyshop-single-category.php
  • foxyshop-all-products.php
  • foxyshop-all-categories.php

All files need to have the get_header() and get_footer() functions removed from them. To make this easy, just download this file and put the contents in your theme folder.

Step 2

Create two manual pages with the slugs of products and product-cat. These pages will show the “All Products” and “All Categories” views. They don’t strictly “exist” in the default WP structure so we have to create them manually and then we’ll assign content blocks to them in step 4. The page content doesn’t matter since it won’t be used: the only important thing is the slug.

Step 3

Install and activate this WordPress plugin: FoxyShop Plugin for Headway. This plugin doesn’t replace the main FoxyShop plugin but is a secondary plugin which will add the content blocks necessary for showing FoxyShop content in the main Headway content blocks inside your pages.

Step 4

Install the FoxyShop content blocks in four key areas. Do this inside the Headway Visual Editor:

  • Single / Pages/ Products: Edit the page and for the main content block, select More Blocks / FoxyShop All Products
  • Single / Pages/ Product Cat: Edit the page and for the main content block, select More Blocks / FoxyShop All Categories
  • Single / Product: Edit the page and for the main content block, select More Blocks / FoxyShop Product
  • Archive / Taxonomy / Product Category: Edit the page and for the main content block, select More Blocks / FoxyShop All Categories

That should do it. If you run into troubles, please let me know.

4 Responses to Installing FoxyShop on Headway

Leave a Reply

Your email address will not be published. Required fields are marked *