Designing WooCommerce Storefront on a Mac, Made Easy!

storefront-design.md

Set up VVV

Start with these instructions and you should have a site running. You want to use the WordPress Stable setup...

All WordPress admin usernames and passwords for WordPress installations included by default are admin and password.

• WordPress user: admin
• WordPress pass: password
• LOCAL PATH: vagrant-local/www/wordpress-default
• VM PATH: /srv/www/wordpress-default
• URL: http://local.wordpress.dev
• DB Name: wordpress_default

Basically, you can now just visit http://local.wordpress.dev/wp-admin and log in as noted above.

Install WooCommerce stuff

Plugins

• WooCommerce
• simple-custom-css
• captain-typekit

Themes

• Storefront Theme (and activate it)
• and demo content

The best way to install plugins and stuff might be this:

cd /srv/www/wordpress-default
wp plugin install woocommerce --activate
wp plugin install simple-custom-css --activate
wp plugin install captain-typekit --activate
wp theme install storefront --activate

Inspect Page and Customize CSS

Just basically inspecting page and writing the CSS to target it should be pretty straightforward.

When you're done, be sure you're in the vagrant directory (should be vagrant-local in your home directory) and power off with a vagrant halt command.