We'll create fresh WordPress site with Mad Cow Customizer for WooCommerce installed. You have 20 minutes to test the plugin after that site we'll be deleted.
Mad Cow Customizer is a plugin that catalogs all the hooks in WooCommerce and offers a WYSIWYG so you can easily manage the content in your online store.
Hooks are a way for one piece of code to interact with or modify another piece of code at specific, pre-defined points.
WooCommerce hooks work the same way, but they specifically help you customize your WooCommerce store.
It’s a 1:1 relationship, which means one hook interacts with one set of code.
Hooks offer more flexibility, but at some point, you have more hooks than you know what to do with!
That’s why we created the Mad Cow Customizer to herd all your hooks together.
Now you can make one change and you’ll see it populated in many places across your entire online store.
Anywhere there’s a hook, you can update the content! That means you can easily manage content across your WooCommerce shop.
PLUS:
With the WYSIWYG, you don’t have to write PHP. It’s great for shop owners and non-developers alike!
A stylesheet is included for the basic layout of the plugin, but it will not impact the styling on the front-facing side of your site.
Mad Cow provides regular updates when a new WooCommerce hook is added.
-Pick the tab that (should) get you to the customization options you are interested in.
-In many cases, you can use the image to find the location of the hook in which you would like to enter some text.
-Others are simply yes/no options.
-Enter your text or HTML in the text editor section.
-Click the “Save Changes” button at the bottom.
-Check your work on the public facing side of the site.
-A stylesheet is included for the basic layout of the plugin, but will not impact the styling on the front-facing side of your site.
-All areas of customization have been given their own class so you can update the CSS however you need to. Simply use your browser’s inspector to locate the classes for the specific div or container where your custom text/content has been added and add your own styling to the stylesheet in your child theme.
-The “after cart” and “before product tabs” divs are both set to clear:all; for basic layout reasons. Those, and all others, can be overridden in your own theme’s stylesheet.
-“Shop/Archive”
-“Single Product”
-“Cart”
-“Checkout”
-“Email”
-“General WooCommerce Options”
-“Custom Product Tabs”
-And even a couple general WordPress features!
The Shop, Single Product, Cart, and Checkout tabs provide some of the most common hooks provided by WooCommerce. In general, you are adding your content to these sections of WooCommerce and it will display where specified by the hook. Screenshots are provided for reference.
The Email options section allows you to add a custom message to the header area and footer area of the Processing Order email. That’s the email that gets sent to your customers when the order is first placed.
You can add your content (text/html — more on that later) and style it right from the plugin. You can also specify if you want each respective message to display based on the products OR product categories in the cart. So, only show the message if product “1234” is in the cart or if product category “324” is present.
The Custom Tabs section allows you to add three additional tabs to the product pages. Within this section you can add a tab title, tab content, custom tab styes and a tab priority. The priority indicates which order (left to right) the tab will show up.
The General WooCommerce section has a load of various functions including:
Remove Breadcrumbs from Single Product Page
Replace Add To Cart text on products with specific categories
The General WordPress section allows you to adjust some standard WordPress options.
This section allows you to change the ellipsis text from the standard “[…]” to anything you want. You can also make this ellipsis a link which is not the default for the Standard WordPress themes.
You can also adjust the length of the excerpt by simply adding the number of words you want to display on the blog page or any other archive page.
Here is a video with a detailed explanation of all the functionality.