Note: If you just want to setup your site like our demo site to start, read this section. Make sure you have WooCommerce active before importing the demo content - when it asks you can skip the WooCommerce page setup when it asks you.

Great Resources


Note: WooCommerce has extensive documentation, this guide is just for the basics to get started. For questions about using WooCommerce refer to:

For WooCommerece support use the above links, we don't / can't provide WooCommerce technical support, just the general integration with our theme is supported, not the features and usage of the plugin itself.


After Installation Tips

  1. Make sure your: "Settings -> Reading -> Front page displays" is set to "Your latest posts"
  2. Create a page called "Blog" (or whatever you want) and in the page editor set the "Blog" template as shown here. Note, make sure after activating WooCommerce you do the install WooCommerce pages step that pops up in your WordPress admin first.
  3. Setup your navigation menu at: "Appearance -> Menus"
  4. Add your Header / Logo image at: "Appearance -> Header"
  5. You can change this themes site background options at "Appearance -> Background"
  6. Visit the Appearance -> Widgets area to add content where needed.
  7. You can set the featured image for a WooCommerce category in "Products -> Categories -> Edit a Category -> Thumbnail"

Special Widget Areas

  • Front Page: Introduction: This is shown right under the slider & "Front Page Feature One / Two" area on the front page, we used a text widget here on our demo site.
  • Front Page: Bottom Widgets: This is shown just above the four bottom widgets on the front page, we used a text widget here on our demo site.

Image Sizes
Note that for the most part these are just suggested sizes, but they give you a starting point.

Slider: 1542x640px
Featured images under slider: 585x220px
WooCommerce Catalog Images: 274x345px (hard crop)
WooCommerce Single Product Image: 576x576px (hard crop)
WooCommerce Product Thumbnails: 133x150px (hard crop)


Using the Alternate Homepage Option
We have included an alternate homepage option which is better suited for when you want the homepage slider to only be images (no text overlay over the slide image). Using this option will make sure none of the image is cut off, and is also better suited if you have embedded the slide text right in the image file itself.

To activate:

  1. Create a blank page called "Home" (note page names can be whatever you want) - and look for the "Page Attributes" while in the page editor. Select "Homepage Alternate" from the "Template" dropdown (http://cloud.themedy.com/image/0A2M0A221y07)
  2. Create a blank page called "Blog" (note page names can be whatever you want) - and look for the "Page Attributes" while in the page editor. Select "Blog" from the "Template" dropdown.
  3. Make sure your: "Settings -> Reading -> Front page displays" is set to "A static page (select below)"
  4. Set the "Front page:" dropdown to the Home page you created above but leave the Posts page dropdown unset (http://cloud.themedy.com/image/3k0u2w0j3V2D)
  5. Create your slides in the WordPress Admin -> Slides area. Note that the only thing used from the slide will be the WordPress featured image (will be the slide image) and the "Button Link (URL)" option under the "Slide Options" (if filled in this will link the whole image to that URL)

Themedy Settings Explained
You can reach the Themedy settings panel by visiting "Appearance -> Themedy Settings"

Appearance: Using this color panel you can change the overall color scheme of the site. This color is applied to various detail elements, like buttons, hover colors, contact form background etc.

Social List: Add your social media accounts here to have them show up at the top of your site.

Featured Slider: This area controls the slider on the homepage. Create your slides under the WordPress Dashboard -> Slides area, the WordPress featured image will be used as the overall background image for the slider area. Or select the Blog Posts or Remove Featured Slider options from the dropdown.

Please note, this is not an auto slider "Enter Slide Transition Speed (ms):" is the time it takes for the slide to transition after the visitor clicks an arrow.

Front Page Feature One / Two: These are the two featured areas located under the slider on the homepage. The images we used are option 1 and option 2.

General Options:
- "Custom Header Tagline": Removes the default tagline from Settings -> General from beside the logo area and replaces it with your text here. You can use HTML in this area to create a link to a page.
- "Enable the jQuery mobile menu?": Adds a dropdown toggle for the menu when viewed on a mobile device.
- "Show WooCommerce Login / Account button in the header?": Adds the cart / login buttons to the top right of the site in the header area.
- "Enable jQuery retina-ready images?": Creates retina ready images for devices with retina displays.

Front Page Options: These functions allow you to easily add some great WooCommerce sections to your front page. This is the "Our Latest and Greatest" and "Browse Our Categories" sections on our demo site.

Footer: Customize the text shown in the footer area.