Documentation

Woodie is a minimalist, clean and fully configurable theme. Here are some of its features:

  • It is an ideal fit for a wide range of products.
  • Colors and backgrounds are entirely customizable, without writing a single line of code!
  • Fully responsive, so that your mobile users can enjoy an unforgettable experience.
  • Retina support (with custom icon font).
  • Painless MailChimp integration.
  • A beautiful contact form.

Documentation

Before reading the Woodie documentation, please read our general Shopify help page. It is a very valuable resource that should answer to most of your common questions regarding our themes.

1. Header

Header is at the top of all pages. It is an essential part of your customers' surfing experience!

1.1. Logo

There is no maximum size regarding the logo, and the header will automatically adjusts against your logo's height. However, we recommend you a logo size not larger than 300px*50px.

2. Homepage

2.1. Slideshow

Woodie comes with an original, fully responsive slideshow. You can specify up to four slides, each coming with a picture, a title, a subtitle and a link. All of those settings are entirely optional.

For optimal rendering, slide images must have the following size: 940*390. If you want to have crispy rendering even on Retina screen, you should upload images at the double size (1880 * 780). For better performance, remember to always optimize your images!

2.2. How to show "newest products" and "featured products" on homepage?

Woodie allows you show your "newest products" and "featured products" in dedicated sections in the home page. To enable those sections, you first need to create two link lists. Link lists are references to the products you want to show. Here is how you create those link lists:

  1. In your Shopify admin, choose the "Navigation" section on the left.
  2. Click on the button "Add link list".
  3. In the "Name" field, enters "Newest products"/"Featured products".
  4. Add links in the "Links" section, by choosing the product you want to feature.

Now, go to the Theme Settings and follow those instructions:

  1. Open the "Home" section.
  2. Check the "Show featured products" and "Show newest products" checkboxes.
  3. Select the link lists you just have created using the dropdown.
  4. You're done!

3. Contact/About us form page

Woodie comes with an already designed contact form. To add it, follow those steps:

  1. On your Shopify dashboard, select "Pages" on the left.
  2. Click on the "Add page" button.
  3. In the "Title" field, enters "Contact". In the "Content" field, you can write more about you or your company. This text will automatically appears next to your contact form.
  4. At the end of the form, in the "Template" section, select the page "page.contact" from the dropdown.
  5. Save!
  6. Add the page to the main link list so that it appears in the main menu. To know that, please refer to the next section.

4. Add links to the main menu

Woodie uses a linklist whose handle is "main-menu" to display the top-navigation links. This link list is created by default for every shops. To add new links, follow those steps:

  1. On your Shopify dashboard, select "Navigation" on the left.
  2. Click on the "Edit link list" button on the "Main menu" link list.
  3. Add your links. The "Link Name" field will appears as-is in your shop's menu.

4.1. Add a link to your blog

To add a link to your blog (of course, first write nice articles :)):

  1. In the "Link Name", type "Blog". In the "Links To...", select "Blog".

4.2. Add a link to your contact form

Having a contact form is an important part of your shop. Hopefully, we provide a handcrafted template for that:

  1. Create a contact form page by following instructions from the previous section.
  2. In the "Link Name", type "Contact" or "About Us". In the "Links To...", select "Page", then "Contact" page on the dropdown that appeared.

5. Blog

5.1. Image size

If you want the image to span the entire width, you should upload them with a width of at least 620 pixels.

5.2. Excerpt

Woodie theme is able to reuse the excerpt of your articles in the home page as well as in the blog page. An excerpt is a short description of your article. To add an excerpt, follow those steps:

  1. Open the blog article.
  2. Just bellow the content field, click on the button "Add an excerpt".
  3. Write a nice excerpt!

6. Typography

Typography is an essential part of the visual appearance of your shop. To that extent, we have carefully chosen some nice fonts from Google Fonts that you can use for free, either for your headings or the main font.

To change typography settings, follow those instructions:

  1. Go to your theme settings.
  2. In the General section, find the "Typography" subsection.
  3. Experiment!

Heading font applies to all main headings (the "big titles"!). On the other hand, the content font applies to most... well... content! Please note that if you change the font size, it will also be automatically adapted to the mobile version.

7. Experiment!

The best way to customize your theme is to experiment by playing with the various settings. Don't worry, you won't break anything! If you want to revert to the original theme settings, it's really easy. Just follow those steps:

  1. Go to your theme settings.
  2. On the left, open the drop down for the "Theme presets" section. It should say "Custom" by default.
  3. You can see all the theme's original presets ("Attitude", "Minimal"...). Select the one you prefer.
  4. Click save: you're done, your theme settings have been reseted to its original state!

8. Copyright

All images used for this shop come from Wellgosh, a well-known e-shop specialized in menswear and sneakers. Images are property of their owner.