Global Styles for WooCommerce

Overview of the Default WooCommerce Store in Breakdance

The tutorial begins by showcasing a WooCommerce store with default Breakdance styles. This includes a two-column cart, animations, form fields, an AJAX cart, a two-column checkout layout, and well-designed account pages. These features are part of Breakdance’s default behavior and require no customizations.

The rest of this guide will cover using Global Styles in Breakdance to maintain a cohesive look across your WooCommerce store.

Customization Process

Setting Up Global Styles

  1. Go to Breakdance in the admin bar and click ‘Edit Global Styles’. Alternatively, you can go to Breakdance > Settings > Global Styles in the WordPress admin panel and then click the ‘Launch in Breakdance’ button.
  2. Go to Settings > Global Settings > WooCommerce.
  3. Adjust the settings for WooCommerce as needed.

Further Customizations

After setting up global styles, you can further customize the site for a more personalized look. This includes creating custom layouts for product pages, cart pages, and more, which will be covered in additional videos.

Additional Notes

This guide emphasizes the importance of starting with global styles for a cohesive look across your WooCommerce store. It provides a foundation for further customizations, ensuring a consistent and professional appearance.