• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

WP SITES

2665

Original Genesis Tutorials & 5000+ Guaranteed Code

Snippets

  • Support
  • Newsletter
  • Videos
  • Log in

Premium Member? - Request custom code

Make WooCommerce Product Archives Look Like Essence Pro Archives

The solution in this tutorial shows you how to style your WooCommerce product archives like the 2 column archive pages in Essence Pro.

Default Post Category in Essence Proi
Post Category
WooCommerce Product Category in 2 Columns
Product Category

In this example, the product category displays products in 2 columns and is styled like the default post category archive in Essence Pro.

Demo Video #

Shows the WooCommerce product category page styled like the default post category page in the Essence Pro child theme by StudioPress.

Installation Steps #

There’s 2 steps :

Step 1 – Copy & paste the PHP code from the download folder to the end of the Essence Pro themes functions.php file.

Step 2 – Copy & paste the following CSS to the end of the Essence Pro themes style.css file and clear caching.

Register for full access

Related Tutorials

  • Make Custom Post Type Archives Look Like Essence Pro Archives

Essence Pro Theme WooCommerce

Reader Interactions

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

PHP Code

template_include

get_body_class

if else

array

class_exists

foreach

sprintf

add_action

printf

variable

Advertise · WPEngine · Genesis · Log in

  • How Premium Membership Works
  • Sign Up
  • Support
  • Subscription Details/Invoice
  • Tagged Tutorials
  • Access-Download Problems