Update on 7 Mar 2022: Follow this updated tutorial instead. — When you have a WooCommerce-powered shop in your WordPress site, assets like the following may be loading on all the pages of the site (depending on what plugins/services/theme are/is active): woocommerce-layout.csswoocommerce-smallscreen.csswoocommerce.csstwenty-seventeen.css add-to-cart.min.jsjquery.blockUI.min.jsjs.cookie.min.jswoocommerce.min.jscart-fragments.min.js If you do not have a “Add to Cart” feature in your […]
e-Commerce
WooCommerce product search in Showcase Pro’s header
This article provides step-by-step instructions on implementing the header search from Monochrome Pro in Showcase Pro and displaying WooCommerce’s default product search instead of WordPress’s – covering the site header when a magnifying search icon at the right of nav menu is clicked. Screenshots: Homepage on page load: After clicking on the search icon: After […]
WooCommerce Shop page banner image using Customizer in Genesis
In the past, I wrote an article titled WooCommerce Shop Archive Image in Genesis using ACF Pro where Advanced Custom Fields Pro was used to create a Settings page having an image upload/selection meta box. In this tutorial, we are going to add an image type Media Control in the Customizer so that a banner […]
Conditional layouts for WooCommerce product archives based on parent category
In the members-only forum, a user asked: I’m trying to show or hide the sidebar using the full-width-content or sidebar-content layout on categories depending on the parent category in WooCommerce. I have a lot of sub categories so don’t want to do it manually in the archive setting of each category. I also need to […]
FacetWP + WooCommerce in Genesis
Looking to implement FacetWP on WooCommerce archives like the main Shop page in Genesis? Here are some tips and pointers that you may find useful. To set up Product Categories filter in a widget, first create your facet. Do not forget to press the Re-index button. To display the facet on the front end, place […]
Non purchasable products with Call to Order buttons in WooCommerce
In a recent Genesis customization project I completed, the requirement was to be able to mark specific products as “Not (yet) available for sale” when adding/editing the product. Additionally, the standard “Add to Cart” buttons on the product archives like the main Shop page should show a custom “Call to Order” text and the single […]
WooCommerce Shop Archive Image in Genesis using ACF Pro
In the comments section of How to overlay entry title on featured image in single Posts tutorial, a user asked: …Now I have the opposite problem on the main shop page of woocommerce: the effect doesn’t work, the image doesn’t appear and the title remains in standard place… This tutorial provides the steps to relocate […]
How to apply full content layout to WooCommerce pages in Genesis
Looking to force full content layout to all WooCommerce product category archives, WooCommerce product tag archives and single product pages in your Genesis site? Just add the following code in your child theme’s functions.php: // Force full content layout on product category, product tag archives and all single products add_action( ‘get_header’, ‘sk_force_layout’ ); function sk_force_layout() […]
How to add a Continue Shopping button next to View Cart button in WooCommerce
Want to add a Continue Shopping button next to View Cart button after a product has been added to cart in WooCommerce? Follow along to see how wc_add_to_cart_message filter hook can be used for making this customization. We shall link the Continue Shopping button to the shop page. Before: After: Step 1 Add the following […]
Adding support for WooCommerce in Genesis
After some testing, found out that template overrides do not work with this method. You are advised to use Genesis Connect for WooCommerce instead of this method. The code below is a modification of Josh Mallard’s by Stéphane Bergeron. There is Genesis Connect for WooCommerce plugin but I prefer this method personally. 1) Add the […]
Recent Comments