Add Link to the Count in WooCommerce Product Category Menu
The WooCommerce product category menu can be manipulated by making a copy of the walker class it is defined in and editing it. The WC_Product_Cat_List_walker class lives in wooc0mmerce/includes/walkers/class-product-cat-list-walker.php, you can make a copy of this and include it in your child theme and include it. Best to create a classes subfolder in your child…
Read MoreStyling WooCommerce Default DropDown Sort Select Field
The default dropdown select field form element is difficult to style in CSS alone – it needs a bit of jQuery love, here is a guide to add some cleaner styling to the WooCommerces default dropdown sort select field – which you can apply to any select field too. Then one with some jQuery…
Read MoreCustomize WooCommerce Product Search Field
The WooCommerce Product Search field can be added via a widget and also via a template tag… get_product_search_form() Another option is a filter get_product_search_form() by which you can create your own custom search field including using an icon. The Original Markup View the code on Gist. This will just reproduce the form in it’s original…
Read MoreSkip Cart Go Straight to Checkout Page in WooCommerce
WooCommerce workflow can be a little too long for simple products, here’s how to get the product to skip past the cart page and go straight to the checkout page. First uncheck the cart options in WooCommerce Settings -> Products. Then add in your functions.php add_filter(‘woocommerce_add_to_cart_redirect’, ‘themeprefix_add_to_cart_redirect’); function themeprefix_add_to_cart_redirect() { global $woocommerce; $checkout_url = wc_get_checkout_url();…
Read MoreLoad WooCommerce CSS Styles and Scripts Conditionally
WooCommerce loads three core CSS style sheets on every page and post when installed on a WordPress site. You can save a bit of page load time here. It also loads a bunch of javascripts and other CSS styles from the libraries it uses for its functionality. Here is how you can load these files…
Read MoreAdd WooCommerce Product Category Dropdown to Shop & Archive Pages
WooCommerce has a Product Category dropdown list of available product categories which filter and refresh the page based on product selection. It is assigned via a Widget and easy enough to put in the sidebar. But what about adding it to the top of the main shop and archive pages.? Here is a way…
Read MoreAdjusting WooCommerce Price Description with ACF Custom Field
Using a simple ACF field you can adjust the WooCommerce pricing type per item with a dropdown selection that will display after the price in the product, shop, cart and checkout page. Create a select dropdown in ACF. This example the field is named product_price_type and has 3 values/choices (use as many as you like)…
Read MoreChange WooCommerce Price to be by Weight
You can change the WooCommerce price to be by weight by appending some text after the actual price such as ‘per kg’, this can be done by manipulating 3 filters that display the price in the shop/product page, cart and checkout pages; woocommerce_get_price_html woocommerce_cart_item_price woocommerce_checkout_cart_item_quantity If all items were to be classified as ‘per kg‘…
Read MoreHide Amount of Items from Add to Cart Message in WooCommerce
Need to hide the amount of items added to the cart in the success message that appears after adding an item in WooCommerce, the wc_add_to_cart_message_html filter has you covered. Add the below code snippet to your functions.php View the code on Gist. On line 24 a ternary operator has been removed which displayed the quantity if greater…
Read MoreAdd WooCommerce Add to Cart Button to Menu with Offscreen content like Outfitter Pro
This is a guide to add a WooCommerce Add to Cart button icon to a main menu with a toggle effect that displays added shop items in a mini-cart in an overlay. This is offscreen content displayed and closed on click, this is how the new Outfitter Pro theme uses it, in this guide it is…
Read More