Getting started with woo commerce

61,382 views

Published on

Adding and customizing categories and products in WooCommerce. Slides are from my Vancouver WordCamp presentation.

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
61,382
On SlideShare
0
From Embeds
0
Number of Embeds
54,907
Actions
Shares
0
Downloads
9
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Getting started with woo commerce

  1. 1. Ge#ng  Started  with   WooCommerce   Categories  and  Products  
  2. 2. •  Merrill  M.  Mayer   •  Kool  Kat  Web  Designs   •  h>p://www.koolkatwebdesigns.com/   •  merrill.mayer@yahoo.com   •  @koolkatweb  
  3. 3. Overview   •  Se#ng  up  categories  and  products   •  CreaFng  custom  templates   •  Using  hooks  and  filters  
  4. 4. Case  Study   Bon  Vivant   •  h>p://bon-­‐vivant.com/   •  Bon  Vivant  is  Sea>le  area  cooking  school  where   students  may  register  for  classes  online.    
  5. 5. Category  LisFng  
  6. 6. Single  Product  Page  
  7. 7. Single  Product  -­‐  Waitlist  
  8. 8. Dashboard  –  Catalog  Se#ngs  
  9. 9. Dashboard  -­‐  Catalog  Image   Se#ngs  
  10. 10. Dashboard  Categories  
  11. 11. Dashboard  Products  –  Adding  Text  
  12. 12. Dashboard  Products  –  Price  
  13. 13. Dashboard  Products  –  Inventory  
  14. 14. Default  Category  Layout     Single  Classes  
  15. 15. Default  Category  Layout   August  
  16. 16. Default  Single  Product  Layout  
  17. 17. Category  LisFng  
  18. 18. Single  Product  Page  
  19. 19. Single  Product  -­‐  Waitlist  
  20. 20. WooCommerce  Templates   CreaFng  Templates   •  Copy  the  files  from  the  WooCommerce  plugins   template  directory  to  a  WooCommerce  directory  in   your  theme  folder.   •  You  only  need  to  copy  files  that  you  wish  to  modify,   not  every  template  file   •  Do  not  copy  the  templates  folder   •  Do  not  modify  files  in  the  plugin  directory  
  21. 21. WooCommerce  Templates   Plugin  Templates   Theme  Templates  
  22. 22. Modifying  a  Template   Displaying  Products  by  Date  within  Category   •  Remove  link  to  sub-­‐category   •  Query  the  products  ordering  by  date   •  Call  the  product  template  to  output  the  products   The  code  is  in  content-­‐product_cat.php.  
  23. 23. Modifying  a  Template   content-­‐product_cat.php  
  24. 24. Modifying  a  Template   Showing  the  Waitlist  Form   •  Check  if  the  product  is  in  stock   •  If  the  product  not  in  stock  show  the  waitlist  email  form   The  code  is  in  single-­‐product/add-­‐to-­‐cart/simple.php.  
  25. 25. Modifying  a  Template   single-­‐product/add-­‐to-­‐cart/simple.php  
  26. 26. Modifying  a  Template   Showing  the  Image  CapFon   •  Check  if  a  post  thumbnail  exists   •  Grab  the  post  excerpt  (capFon)   •  Add  HTML  to  display  the  capFon   The  code  is  in  single-­‐product/product-­‐image.php  
  27. 27. Modifying  a  Template   single-­‐product/product-­‐image.php    
  28. 28. AcFons  and  Filters   •  woocommerce_product_tabs   (remove  unused  tabs)   •  woocommerce_aer_add_to_cart_form   (add  back  to  list  bu4on)    
  29. 29. AcFons  and  Filters   woocommerce_product_tabs  
  30. 30. AcFons  and  Filters   woocommerce_aer_add_to_cart_form  
  31. 31. WooCommerce  DocumenaFon   •  h>p://docs.woothemes.com/documentaFon/plugins/ woocommerce/  

×