WooCommerce Setup
BuddyX Pro automatically styles WooCommerce when activated.
Quick Setup
Section titled “Quick Setup”1. Install WooCommerce
Section titled “1. Install WooCommerce”- Plugins > Add New
- Search “WooCommerce”
- Click Install Now then Activate
- Complete WooCommerce setup wizard
2. Verify Integration
Section titled “2. Verify Integration”After activating WooCommerce:
- Visit your Shop page (
/shop/) - You should see product grid with BuddyX styling
- Add item to cart - cart icon appears in header with count
That’s it - BuddyX Pro handles the styling automatically.
BuddyX Pro Settings
Section titled “BuddyX Pro Settings”All WooCommerce theme settings are in Appearance > Customize > WooCommerce.
Shop Page Settings
Section titled “Shop Page Settings”| Setting | Options | Default |
|---|---|---|
| Products Per Page | Number | 12 |
| Products Per Row | 2, 3, 4 | 4 |
| Product Style | Style 1, 2, 3 | Style 1 |
| Show Result Count | Yes/No | Yes |
| Show Sorting Dropdown | Yes/No | Yes |
Sale Badge
Section titled “Sale Badge”| Setting | Options |
|---|---|
| Badge Content | Percentage, Text |
| Badge Style | Circle, Square |
Cart Icon
Section titled “Cart Icon”Enable at: Customize > Site Header > Header Elements > Site Cart
Features:
- Live-updating item count
- Click to open mini-cart panel
- Links to cart and checkout
Shop Sidebar
Section titled “Shop Sidebar”Customize > Sidebar > Shop Sidebar
Options: Left, Right, None
Essential WooCommerce Pages
Section titled “Essential WooCommerce Pages”WooCommerce creates these automatically:
| Page | URL | Purpose |
|---|---|---|
| Shop | /shop/ |
Product catalog |
| Cart | /cart/ |
Shopping cart |
| Checkout | /checkout/ |
Payment |
| My Account | /my-account/ |
Customer dashboard |
Missing pages? Go to WooCommerce > Status > Tools > Create default pages
Common Issues
Section titled “Common Issues”Shop page 404
Section titled “Shop page 404”- WooCommerce > Settings > Products
- Verify Shop Page is assigned
- Settings > Permalinks > Click Save
Cart icon not showing
Section titled “Cart icon not showing”- Verify WooCommerce is active
- Customize > Site Header > Header Elements
- Toggle Site Cart to On
Product images wrong size
Section titled “Product images wrong size”- WooCommerce > Settings > Products > Display
- Adjust image dimensions
- Use Regenerate Thumbnails plugin
Mini-cart not opening
Section titled “Mini-cart not opening”- Clear all caches
- Disable JS minification temporarily
- Check browser console for errors
Related Docs
Section titled “Related Docs”- Shop Layouts - Product display styles
- Cart & Checkout - Cart customization
- WooCommerce Settings - All Customizer options
Got a question? We’re a friendly team - happy to help. support@wbcomdesigns.com