FAIR

Federated and Independent Repositories

EDH Shop Categories

Plugin Banner

EDH Shop Categories

by EncodeDotHost

Download
Description

A simple plugin to separate categories from products within the WooCommerce archive loop.
By default the categories will be shown in a grid of 4 on desktop, three on tablet landscape, two on tablet portrait, and one on mobile.
You can easily override this behaviour using CSS.

Using The WordPress Dashboard (Recommended)

  1. Navigate to the ‘Add New’ in the plugins dashboard
  2. Search for ‘EDH Shop Categories’
  3. Click ‘Install Now’
  4. Activate the plugin on the Plugin dashboard

Uploading in WordPress Dashboard

  1. Download the plugin from WordPress or Github
  2. Navigate to the ‘Add New’ in the plugins dashboard
  3. Navigate to the ‘Upload’ area
  4. Select edh-shop-categories.zip from your computer
  5. Click ‘Install Now’
  6. Activate the plugin in the Plugin dashboard

Using FTP

  1. Download edh-shop-categories.zip
  2. Extract the edh-shop-categories directory to your computer
  3. Upload the edh-shop-categories directory to the /wp-content/plugins/ directory
  4. Activate the plugin in the Plugin dashboard
  1. Screenshot of the output on desktop.

    Screenshot of the output on desktop.

Where are the settings?

There are no settings for this plugin. It simply outputs any sub-categories on a WooCommerce archive page prior to the product loop.

How can I customise the layout?

Using CSS you can customise the layout to your needs by targeting the “edh-product-cats” class in the Customizer

works perfectly. just install and add css.

By emilysparkle on September 28, 2023 

body.archive div.edh-product-cats {
  grid-template-columns: repeat(3, 1fr);}

in case someone struggles for the css, this worked for me to make the categories appear in 3 columns instead of the standard 4.

1.1.0

  • Fixed shop page top-level categories not loading correctly
  • Fixed stylesheet loading on non-WooCommerce pages
  • Fixed HTML attribute escaping (esc_attr)
  • Fixed get_terms() receiving display arguments
  • Replaced custom activation check with Requires Plugins header (WP 6.5+)
  • Modernised CSS grid (fr units, gap, merged rule blocks)
  • Fixed Gruntfile and package.json plugin name references

1.0.0

Added icon and banner and Escaping Data

0.1.1

Updated README to add FAQ’s and How to Install

0.1.0

  • Initial version
Back to top