Browse Library
Sign In Start Free Trial
Close icon Search icon
Account
Browse Library Advanced Search Sign In Start Free Trial

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Book Overview & Buying WooCommerce Cookbook
  • Table Of Contents Toc
  • Feedback & Rating feedback
WooCommerce Cookbook

WooCommerce Cookbook

By : Rauland
3.4 (12)
close
close
WooCommerce Cookbook

WooCommerce Cookbook

3.4 (12)
By: Rauland

Overview of this book

If you have ever built or managed a WordPress site and want to add e-commerce functionality into your site, WooCommerce and this book are perfect for you. Learning how to use WooCommerce through this series of recipes will give you a solid platform to add any future e-commerce needs.
Table of Contents (12 chapters)
close
close
close
Preface
Preface
What this book covers
What you need for this book
Who this book is for
Sections
Conventions
Reader feedback
Customer support
Free Chapter
1
1. WooCommerce Basics
1. WooCommerce Basics
Introduction
Installing WooCommerce
Setting your store location and currency
Finding documentation on WooThemes.com
Installing WooCommerce plugins
Installing official WooThemes plugins
Manually creating WooCommerce pages
Creating a WooCommerce plugin
Adding a currency to WooCommerce
2
2. Adding Products
2. Adding Products
Introduction
Adding a simple product
Adding an image gallery to a product
Changing image sizes in WooCommerce
Adding a downloadable file to a product
Adding global product attributes
Adding a variable product
Adding an extra fee to a product with the Product Add-ons plugin
Adding a product bundle with the Product Bundles plugin
Bulk-uploading products with a CSV File
Removing product tabs
Reordering product tabs
3
3. Changing the Product Organization
3. Changing the Product Organization
Introduction
Changing the number of products per page
Changing the number of columns on the Shop page
Adding filtered navigation with the Layered Nav widget
Making the Add to Cart button go straight to the checkout page
Adding a custom tab to the product page
Adding social media sharing icons to your product page
Adding a Product Search widget
Allowing users to search by SKU
Adding extra sorting options on the Shop page
Sorting products from the oldest to the most recent
Adding a site-wide notice
Displaying the amount saved for on-sale products
Displaying the amount saved as a percentage
Changing the breadcrumb separator
4
4. Running a Membership Site
4. Running a Membership Site
Introduction
Adding a subscription product with the WooCommerce Subscriptions plugin
Creating pricing tables with the Easy Pricing Tables plugin
Adding member-only pricing with the Dynamic Pricing plugin
Displaying special pricing for logged-in users with the Conditional Content plugin
Creating members-only content
Creating a members-only store
Making subscription payments more consistent
Customizing the subscription price string
Creating a custom subscription interval
Exporting subscription orders
5
5. Setting Up Shipping Methods
5. Setting Up Shipping Methods
Introduction
Setting a minimum order amount to unlock free shipping
Configuring Flat Rate Shipping
Creating shipping classes
Getting live shipping quotes with USPS
Creating a table of shipping rates with Table Rate Shipping
Allowing shipping only to the continental US
Enabling free shipping on a per product basis
Tracking your shipments with Shipment Tracking
Exporting orders for fulfillment to ShipStation
6
6. Getting Paid
6. Getting Paid
Introduction
Configuring the PayPal gateway
Configuring the Simplify Commerce gateway
Configuring the Stripe gateway
Enabling HTTPS on checkout
Enabling HTTPS on specific pages
Tracking e-commerce transactions with Google Analytics
Creating an invoice
Adding a fee per gateway using the Payment Gateway based Fees extension
7
7. Modifying the Checkout Process
7. Modifying the Checkout Process
Introduction
Adding a Terms & Conditions page
Opening the Terms & Conditions page in a pop-up
Adding a newsletter signup to the checkout page
Adding or removing checkout fields
Modifying the image size of related products
Adding an Empty Cart button to the cart page
Hiding all checkout fields for virtual products
Adding banners to remind customers of upgrades
Hiding the Coupon field
Skipping the cart and going straight to checkout
Creating a one-page checkout
Adding a default country and state to the checkout page
8
8. Managing Orders and Taxes
8. Managing Orders and Taxes
Introduction
Sending a note to a customer
Refunding an order
Importing orders from another store
Sending order information to third parties with the Advanced Notifications plugin
Making the order numbers sequential
Giving away products
Manually entering tax rates
Automatically calculating tax rates with the TaxJar plugin
Setting a post code for correct taxation with the Local Pickup setting
9
9. WooCommerce Theming
chevron up
9. WooCommerce Theming
Introduction
Declaring support for WooCommerce
Displaying the accepted credit cards
Adding a cart icon to the menu
Overriding WooCommerce templates
Using WooCommerce hooks
Displaying an image on the category archive page
Writing CSS to customize the Add to Cart button
Creating a product slideshow
Removing a product category from the Shop page
10
10. Exploring More with WooCommerce
10. Exploring More with WooCommerce
Introduction
Enabling WooCommerce Reviews
Hiding reviews from the Category/Shop page
Displaying positive reviews in the product description
Cloaking an affiliate link
Creating a regular expression for a cloaked affiliate link
Creating a coupon with restrictions
Bulk-generating coupons with the Smart Coupons plugin
Changing the default e-mail's from address
Sending follow-up e-mails after purchase
11
Index
Index

Writing CSS to customize the Add to Cart button

You can do quite a bit with customizing templates and using hooks, but neither of those actually focuses on how things look. If you want to change the way something looks, such as the size, color, text family, border color, and so on, then you'll have to use Cascading Style Sheets (CSS) to do that.

WooCommerce already has basic styles for everything included in the plugin, so you don't have to write anything. But if you want to change something, then you'll have to write some styles to override the default styles.

Getting ready

You should have a simple product in your store.

How to do it…

If you take a look at a simple product on the frontend of your store, the Add to Cart button that comes with it looks pretty simple, as shown in the following screenshot:

How to do it…

There are actually dozens of styles applied to the button, some of which are applied to all buttons and some just to the button on the product page. In the following steps...

Unlock full access

Continue reading for free

A Packt free trial gives you instant online access to our library of over 7000 practical eBooks and videos, constantly updated with the latest in tech
Start a 7-day FREE trial
End of Section 9
Next Section
bookmark search playlist download
font-size

Change the font size

margin-width

Change margin width

day-mode

Change background colour

Close icon Search
Country selected
Close icon Your notes and bookmarks

Delete Bookmark

Modal Close icon
Are you sure you want to delete it?
Cancel
Yes, Delete