Woocommerce Product Category Template

admin 11/22/2021
37 Comments

Description

  1. Woocommerce Product Category Page Template File
  2. Get Product Category Woocommerce
  3. Remove Product Category Woocommerce
  4. Woocommerce Product Category Template File

The WooCommerce Extra Product Options (WooCommerce Product Addons) plugin lets you add custom product fields(13 field types) and sections to your product page, making your WooCommerce product page more functional.

Extra Product Options/Custom Product Addon plugin helps you to minimize the effort to efficiently showcase the products you sell. Be it a smaller or bigger store serving niches from travel to fashion. You name it!

☞ Custom Product Fields

You can see the woocommercesingleproductsummary hook and multiple templates that are @hooked to this hook location (i.e. Woocommercetemplatesingletitle).Templates have an assigned priority number.This number decide in which order templates will be loaded. I guess that you may start understanding now how does it work. By default, the template we have created will affect all the product pages on your WooCommerce store. When setting the conditions, you can select a specific product category. Click on Save & Close, and all the conditions you add will be set. If so, then to create a custom category template for Woocommerce products, you need create “woocommerce” folder inside the child theme and inside it copy the file ‘archive-product.php’ from “jupiter/woocommerce/” folder inside the parent theme directory. Now you can edit this new file and it will override default parent template.

Divi’s WooCommerce Modules allow you to edit and style WooCommerce elements using the Divi Builder. This will allow you to utilize the power of Divi to add, remove, and style the WooCommerce Elements that make up a product page layout to create completely custom product pages from scratch. No more having to resort to external CSS or modifying woocommerce page templates with custom code. I think the main reason why WooCommerce uses this template structure for product categories and tags is because the content of these pages is auto-generated by the plugin. It makes it impossible to use native taxonomy and archive templates for this purpose.

Add advanced fields to the product page with Extra Product Options. 13 custom product fields help you to showcase a wider variety of products and options that work for almost every kind of WooCommerce store.

☞ Custom Sections

Sections are used to group similar fields in a product page so that you can handle them with ease. You can create sections and display those at 2 predefined positions. They are;

☞ Display Rules

Conditionally Display Fields & Sections: ‘Display Rules’ feature lets you decide when a field or section should be displayed in your product page. This feature becomes helpful for those who wish to show/hide fields and sections for certain products, categories and product tags.

☞ Display Styles

Style the fields to match with your store: You can style input fields, labels or the container itself(we call it a wrapper) by associating a CSS class from your stylesheets. Simply add the class name to input class, label class or wrapper class to style them individually.

☞ Display Of Custom Fields Values

Easily manage the display of custom fields values in different pages: You can decide to show or hide data collected from the custom product fields at certain pages. The available pages are;

  • Cart page
  • Checkout Page
  • Order details page

☞ Modify Add To Cart Button Text

You can individually edit the add to cart button text for simple products, products having extra options and variable products.

☞ Multiple Themes Compatibility

The plugin is compatible with the major themes like Divi, Sydney, Astra, Hestia, Avada etc.

☞ Custom Hooks

The plugin is most developer-friendly so that you can easily add more functionalities if needed with our hooks.

☞ More Features

Apart from these wonderful features, WooCommerce Extra Product Options provides you with flawless useability. Listed some of them below;

  • Arrange the display order of sections & fields easily.
  • With a single click you will be able to duplicate fields and sections
  • Reset all the changes made with just a click
  • Edit, Remove, Enable, or disable the extra product fields easily.

💎💎 Premium Features

The premium version of Extra Product Options for WooCommerce plugin offers a wide variety of advanced features that will help you to create the finest product pages. It is equipped with all demanded features for an extra product fields plugin.

Woocommerce Product Category Page Template File

You can effortlessly define products with most-sought fields and features that are inherited from world-class WooCommerce stores. Buy Now!.

You can check out the demo for a more detailed overview of the features. Live Demo

☞ Extra 4 Field Types

The pro version has 4 more fields than the free version with advanced functional properties that enhance your product pages. The available extra fields are;

☞ Additional Display Position For Sections

In pro version. you can add sections (fields groups) at 3 predefined positions in your WooCommerce product page. Available positions are;

☞ Advanced Display Rules

More Conditions to Define ‘Display Rules’: In the premium version, You can display the fields conditionally based on a number of new conditions to set up the ‘Display Rules’. You will be able to control the field display easily by adding different conditions based on the following;

☞ Price Fields

This feature allows you to set a price for your custom product fields, and this price will be added to the product total based on the field value. This is useful when you want to collect an additional fee for your additional offerings/services. The field price can be set in different ways:

  • Fixed: Set a fixed price for the addon(Extra Field). This fixed amount will be added to the total product price upon selecting the addon.

  • Custom: A price entered by the user will be added to the product price. This will help you receive donations, tips and similar things.

  • Dynamic: Set the price per ‘n’ number of units. Then the addon price will be calculated for the total number units selected by the customer and added to the product price.

  • Percentage: Set the addon price in percentage. The specified percentage amount of the product price will be added to the product price.

☞ Custom Validators

Custom Validator allows you to validate fields by defining rules based on regular expressions.

☞ Confirm Validators

Confirm Validator allows you to validate two fields for the same value (for example Email and Confirm Email).

For the complete list of features, Please visit Extra Product Options (Product Addons) for WooCommerce plugin’s official page.

Check how it works (Live Demo)

Why ThemeHigh

Frequent updates are made to improve the plugin with a talented group of developers. Moreover, the dedicated support team will help you set up and customize your dream store with all available features and hooks.

🏆 2 Million+ Customers
🏆 Quickest Turn-around Support
🏆 Most Lightweight Plugins

See a few reviews below;

teamrood (@teamrood) ⭐⭐⭐⭐⭐
Love the datepicker. It’s perfect for rental products! Support is very good too.

James (@jmdesignsolutions) ⭐⭐⭐⭐⭐
Really useful plugin with many different features for configuring non-standard products. Support were really helpful and answered several queries promptly.

bwalk05 (@bwalk05) ⭐⭐⭐⭐⭐
We have leveraged this cost-effective solution to the fullest. We also needed some support resolving an issue with our template theme and integration for the add-to-cart feature. The tech support was excellent and efficient in resolving the matter.

For more info on ThemeHigh and WooCommerce Extra Product Options (Product Addons) plugin in specific, check out the following:

  • The Extra Product Options (Product Addons) for WooCommerce premium plugin homepage.
  • The Knowledgebase.
  • Other WordPress Plugins by the ThemeHigh team.
  • Follow ThemeHigh on Facebook, LinkedIn, Twitter & YouTube.

Installation

Minimum Requirements

  • WooCommerce 3.0 or greater
  • WordPress 4.9 or greater
Woocommerce custom product category template

Automatic installation

Get Product Category Woocommerce

  1. Log in to your WordPress dashboard.
  2. Navigate to the Plugins menu, and click “Add New”.
  3. Search and locate ‘Extra Product Options (Product Addons) for WooCommerce’ plugin.
  4. Click ‘Install Now’, and WordPress will take it from there.

Manual installation

Manual installation method requires downloading the ‘Extra Product Options (Product Addons) for WooCommerce’ plugin and uploading it to your web server via your FTP application. The WordPress codex contains instructions on how to do this here.

FAQ

There’s a lot of help available on the main plugin website. See:

🔗 Plugin Features
🔗 Help Docs
🔗 ThemeHigh Support

How can I show different custom fields for different Products?

Using the Field display rules, the field can be set to display for a particular product or products as well as based on a category or categories. By setting a display rule based on Product/Category, you can have a different field for different Product/Categories. You can logically combine more than one rule with OR and AND functions.

Can I set a Field label as a clickable link other than just a Text Label?

Yes, you can. Enter the href tag in the given format as Label to display the field Label as a Clickable Link:
Visit Themehigh!
With tag Images can also be included in Label.

How to set the field unselected by default for a Select field and throw an alert to select one before moving to cart?

Simply add a PIPE symbol ( ) before the first option. The Select field will be left unselected for the customer to choose from at the Product page.
Marking the select field as required, will throw the alert when a user tries to add the product to cart without making the selection.

Is there a difference between the Telephone field and number field? How are these fields different from the regular Text field?

The telephone field and number field are different from the Text field.
The Input type of these field types makes them different. The Input of the number field is such that an Increment-Decrement provision is provided for entering the input.
In the case of the Telephone type on responsive screen, a very suitable Keypad for entering Telephone number is displayed.

What is more in the Premium version of Extra Product Options?

The Premium version provides more Field types (16 types) than the free version to bring out the maximum possibilities with Input fields and Display fields for the Product page. You can have it checked from – Premium Version

Where all does the fields created using this Extra Product Options plugin gets displayed?

The fields created using this plugin are displayed on the Product page to accept data.
Once the user enters a value for the field and adds the product to the Cart, The field name and entered value (data) is displayed in the Cart page. The same is displayed in the Checkout page and Thank you page.
Additional to this, the fields & data are displayed at My Account >> Orders and WooCommerce >> Orders.

If you are using a PDF/Invoicing plugin, then the fields & data are displayed in the PDF and Invoice. The Fields & data are displayed in the WooCommerce emails within the Order details table.

What is a Hidden field and how does it work?

The hidden field is a field which is never displayed on the Product page. The store owner can set a value for the field which cannot be edited by the customer.
For eg, an add-on data that don’t need to be explicitly displayed on Product page but needs to be added when a product is added to cart can be achieved by using this field type.

How can I style the fields created using this Extra Product Options plugin to suit my Theme?

Remove Product Category Woocommerce

With the wrapper class and label class, an extended styling can be applied for the fields created using this plugin. Classes can be added at Customise >> Additional CSS or use a CSS class which is defined in the theme. Add the same classes as Label class or Wrapper class at Add/Edit field pop-up.

Reviews

Woocommerce Product Category Template File

I have been most impressed by the support offered. Every time I have contacted them they are quick to respond and extremely helpful. They take feature requests and actually listen when you suggest something useful. Great communication. The functionality itself is very straight forward and does as advertised. We especially love the ability to add price options to our extra product options. It was just what we needed to upgrade our woocommerce store.Thank you team ThemeHigh