Invoice payment in WooCommerce
Setting up an invoice payment in WooCommerce. Part 1: Install and activate PDF Invoices & Packing Slips plugin. (Or any of the other PDF plugins.) I am using: WooCommerce PDF…
Easy Web Design Tutorials
WordPress tutorials and more
Easy Web Design Tutorials
WordPress tutorials and more
WooCommerce
Continue readingInvoice payment in WooCommerce
WooCommerce: Modifying the cart page
How to modify the WooCommerce Cart page. Here is the default cart page using the theme Twenty Twenty Two. Add a continue button. Result: For a variation of the above…
WooCommerce: Adjust shipping price when quantity changes
I have added on to this tutorial.Adjust shipping fee based on quantity in cart.Adjust shipping fee based on total amount in cart. Adjust shipping fee based on quantity in cart.…
WooCommerce: Add custom fields to the Checkout page
Part 1: Modifications of the current fields seen in the checkout page. We are now at part 2: Add custom fields to the Checkout page. Here is the default Checkout…
WooCommerce: Add a Continue Shopping button to Single product, Cart and Checkout pages.
I decided to create a separate tutorial for adding a Continue Shopping button to multiple pages.The following example uses the theme Twenty Twenty Two. The CSS: Result: The Single Product…
WooCommerce: modifying the Checkout page
We are now at part 1: modifications of the current fields seen in the checkout page. Next up is part 2: Add custom fields to the Checkout page Here is…
WooCommerce out of stock inquiry form
The following code will add a button to a product that is out of stock. Clicking the button will open a form. Example from Theme Twenty Twenty Two. If product…
WooCommerce: Show or hide product category if user is logged inn.
Show a product category if user is logged in and another product category if user is not logged in. A default shop page with a few products using the theme…
Woocommerce: minimum quantity drop down
The Single product page. Changing the Add to Cart quantity selector. Add the following code to change from arrow select to a drop-down. Add the following CSS: Result: Minimum quantity…
Modify the WooCommerce Shop page
The typical shop page will look something like this:(Example using the theme Twenty Twenty Two.) Remove “Showing all x results” and sorting drop down. The WooCommerce Shop page contains the…
Modify the WooCommerce single – individual product page
Here is an example of a single / individual product page in WooCommerce. Using the default theme Twenty Twenty Two. There are different ways to add code. Through a code…