Hustle

The Hustle theme includes support for WooCommerce, Features and Testimonials plugins.

Note: This product has been retired and is not for sale. Documentation is no longer being updated.

Installing your Theme ↑ Back to top

To learn how to install your theme, please see our documentation at: Installing a Theme

Checking your theme version ↑ Back to top

You can confirm your theme and WooFramework version by going to: Hustle > Framework

Activate your Theme Key ↑ Back to top

After installing the theme, activate your theme key by downloading and installing the WooCommerce Helper plugin. This will verify your site when contacting support and enable 2-click updates for quick theme upgrades.

Updating your theme

It’s very important to ensure you have the latest version of the theme at all times. This is the best way to proactively troubleshoot issues on your site.

Please see WooCommerce Helper Documentation to learn more.

Menus ↑ Back to top

There are two menu locations included in this theme:

  • Primary Menu – The menu that sits below your logo.
  • Top Menu – The smaller menu area at the top of the theme.

To set up your menus go to: Appearance > Menus

Set Up the Header ↑ Back to top

The header consists of your logo or site title, primary navigation and a cart icon (for WooCommerce).

Set up the Hustle Header Logo and Cart

Custom Logo

To set a custom logo image, go to:
Hustle > Settings > General Settings > Quick Start > Custom Logo

hustle-settings

  1. Upload your logo image by clicking on the Upload button.
  2. Upload your logo file – a .png or .jpg is preferred
  3. Select the Use this Image button.
  4. Then Save All Changes in your theme settings.

Show Cart in Header

To enable the cart, go to:
Hustle > Settings > WooCommerce > General

hustle-wc-settings

  1. Enable or disable to suit your preference.
  2. Save All Changes in your theme settings.

Set Up the Homepage ↑ Back to top

In the homepage options you will find settings to control the introductory message, blog posts, promotion area and featured products, if you’re running WooCommerce. Hustle also supports the Features and Testimonial plugins.

Once you’ve created a page and set it to use the Homepage template, you’ll need to tell WordPress to use it as your site’s homepage. Navigate to Settings > Reading in the dashboard. In the “Front page displays” section check the “static page” option and select the page you just created from the dropdown then save the settings.

To enable or disable what you want to show on the homepage go to:
Hustle > Settings > Homepage > Homepage Setup.

hustle-homepage-settings

Introductory Message ↑ Back to top

You can write a welcome message that will appear front and center on your site by enabling it in your Theme Settings. You can also provide a link and background image for the introductory message.

hustle-intro-message
Example of a Hustle Intro Message.

To set your introductory message, go to:
Hustle > Settings > Homepage > Introductory Message

Featured Products ↑ Back to top

To show Featured Products, you need to install the WooCommerce plugin, set up products, and mark them as featured.

To enable Featured Products, go to:
Hustle > Settings > Homepage > Featured Products

  1. Choose the number of products you want to show.
  2. Title the featured product section for your homepage.
  3. Save All Changes in your theme settings.

To set a featured image for your products, review How to Set a Featured Image.

Your product image thumbnail settings must have the same width and height and be set to hard crop in WooCommerce > Settings > Catalog for the product images to be perfectly centered. If you change these settings, you must run the Regenerate Thumbnails plugin to re-save your images to the correct proportions.

WooCommerce-Catalog-Image-Size

Set Up the Slider ↑ Back to top

Hustle has a built-in featured slider that uses the “Slides” custom post type for the content. However, the slider is positioned differently than you might expect. If enabled, it will show beneath the featured products, and also in features if those are enabled.

To set up the slider, go to:
Hustle > Settings > Featured Slider > Slider Content

hustle-slider-settings

  1. Enable or disable the slider at the top.
  2. Choose the number of slides you want to show.
  3. Choose a slide group, if using our WooSlider plugin, to display on the homepage.
  4. Save All Changes in your theme settings.

To view additional featured slider settings, go to:
Hustle > Settings > Featured Slider > Slider Settings

To create a New Slide for the featured slider, go to:
Slides > Add New

Creating a new slide for your homepage slider – write the title, upload a Featured Image or embed video in the custom settings panel.
  1. Add a title and content to your slide post.
  2. Add a featured image.
  3. You can add a video directly to your content, or use the embed field.
  4. Enable the Slide Background checkbox to display the slide text as an overlay on the image.
Paste video embed code in the Hustle Custom Settings Panel for the featured slider.

Blog Posts ↑ Back to top

To include blog posts on the homepage, go to:
Hustle > Settings > Homepage > Blog Posts

  1. Select the number of posts to display.
  2. Enter the title of your Blog Area section.
  3. Optionally select a category of posts to display, if the content type is set to “Blog Posts.”
  4. Save All Changes in your theme settings.

Promotion ↑ Back to top

Create a short promotional message and add a link to it on your homepage. You could use this for a giveaway on your blog, to show off your latest portfolio post or announce the newest products you’ve added.

Example of a promotional message on the homepage.

To enable the promotion message, go to:
Hustle > Settings > Homepage > Promotion

  1. Write a title for the promotion.
  2. Write a short description about the promotion.
  3. Label the button.
  4. Paste the URL that the button should link to.
  5. Save All Changes in your theme settings.

Homepage Features ↑ Back to top

To activate Features, you need to install the Features by WooThemes plugin. Once the plugin is installed, go to Hustle > Settings > Homepage > Features to set these options:

  1. Select the number of features to display.
  2. Set the title for the features section.

Homepage Testimonials ↑ Back to top

To activate Testimonials, you need to install the Testimonials by WooThemes plugin. Once the plugin is installed, go to Hustle > Settings > Homepage > Testimonials to set these options:

  1. Select the number of testimonials to display.
  2. Set the title for the testimonials section.

Widgetized Homepage ↑ Back to top

Woo-Component-WidgetCustomize the layout of sections on the homepage by using the Woo – Component widget and the Homepage widget area.

Drag the Woo – Component into the Homepage widget area for each section you want to add to the homepage.

If you’d like to display Features or Testimonials in this widget region, use the dedicated widgets called Features and Testimonials respectively.

Set Up the Features ↑ Back to top

[insert name=”features-plugin”]

Set Up the Testimonials ↑ Back to top

[insert name=”testimonials-plugin”]

Custom Hustle Widgets ↑ Back to top

The theme includes 7 custom widgets that can be added to any widgetized region. Hustle also includes styling for many of our WooDojo widgets.

Custom Woo widgets included are:

  • Woo – Adspace
  • Woo – Search
  • Woo – Flickr
  • Woo – Blog Author Info
  • Woo – Embed/Video
  • Woo – Subscribe/Connect
  • Woo – Component

To learn more about how to add Widgets, see our tutorial at: How to Add Widgets

WooCommerce - the most customizable eCommerce platform for building your online business.

Back to the top