Woodstock - Responsive WooCommerce Theme

Contents

1. Wordpress & Woocommerce resources

2. Theme Installation

3. Demo Content Import

4. Theme Update

5. Menus

6. Pages

7. Theme Options

8. Widgets

9. Shortcodes

10. Shop - Product Image Sizes

11. How to show category/categories/subcategories and add category icon image.

12. What is WooCommerce?

13. WooCommerce Guided Tour

14. Outdated WooCommerce Templates

15. Child theme

16. How to enable product attribute swatches.

17. Woodstock Updates History

18. Theme requirements

1. Wordpress & Woocommerce resources

Installing WordPress - Installing WordPress

WordPress for Beginners 2015 - WordPress for Beginners 2015 is a course specifically designed by the great folks from WordPress Informer for those who want to learn WordPress step-by-step, from the very beginning.

WooThemes Documentation - Documentation, Reference Materials, and Tutorials for your WooThemes products

WooCommerce Guided Tour - This series of videos covers anything and everything you'd need to know about installing & setting up WooCommerce.

2. Theme Installation

Thank you for choosing Woodstock Theme!

1.1 Theme Requirements

In order to proceed with the theme installation, you need to make sure you have the latest version of WordPress (4.4) on your website site. The theme has been built to work with the latest version of WooCommerce (2.5.x)

1.2 Downloading From Themeforest and Installation

Upon downloading the "package.zip" file from Themeforest, you'll have all files you need inside. Extract the "package.zip" file and inside you will find the theme zip file called "woodstock.zip", that is the file you need to install.

Please Note: You can install the theme in two ways: through Wordpress, or via FTP. If you have trouble installing the theme via Wordpress, please proceed with installing it via FTP and you will be able to get around the issue.


1.2.1 Wordpress Installation

Follow the steps below to install via Wordpress.

1.2.2 FTP Installation

Follow the steps below to install via FTP.


3. Demo Content Import

The Setup Wizard

The theme comes with a setup wizard making it really easy to install the plugins coming with it and import the demo content in two simple steps. As soon as the theme is activated, the setup wizard will start automatically.

This is what you should be seeing on your screen:

Setup Wizard Step 1: Server Requirements


Setup Wizard Step 2: Install Child Theme


Setup Wizard Step 3: Install Plugins

The following plugins are required by the theme’s demo imported, so it can import dummy content in the next step.

Setup Wizard Step 4: Import Content

The importer will help you start with the pre-built layouts from the demo and dummy content such as product pages, blog posts and widgets. In case you're using the theme on an existing site you may not want to import the demo content. In that case, simply skip this step.


You can start working on your site now

Good luck with your project!

Alternative Importing Method

If the one click demo import does not complete or takes too long, you most likely have a memory limit on your server as explained above. Here is another method to try.

  1. Go to Tools -> Import
  2. Choose “WordPress” from the list.
  3. Upload the demo content .xml using the form provided on that page. The xml file can be found in the theme folder in /Demo Content/electronics or watch/content.xml
  4. You will be asked to map the authors in this export file to users on the blog. For each author, you may choose to map to an existing user on the blog or to create a new user.
  5. You will then have the choice to import attachments, so click on the “Download and import file attachments” box.
  6. If the import does not fully complete, repeat these steps again as many times as necessary until you receive the Success message.



Master Slider Import

Import demo file you can find in /Demo Content/ folder of Full theme package:


To import a slider you need to navigate to Master Slider admin page and click on Import & Export button. 

The figure below shows these options on Master Slider panel.

After slider import open homepage for edit and add Master Slider element to row:


Then edit Master Slider element and select "Homepage Slider 1" 


Now you can remove text info block.

And save page. Done.

4. Theme Update

1. Update using FTP

Please note: make a backup of the theme prior to updating.

The theme is located in wp-content/themes/woodstock.

Go to http://themeforest.net/downloads to download latest version of the theme. The theme is located inside the downloaded zip in "Theme files" folder.

Copy woodstock folder into wp-content/themes/ folder. Make sure this folder is named "woodstock" (replace with old).

It seems scary but you really won’t loose any of your data. The only exception is if you have made edits to theme files like header.php, footer.php etc. These changes will need to made again to the new files. But all of your content and theme settings are preserved.

NOTE: If you did some customization/code changes directly in our theme files you might loose them after updating all files.

We suggest you to customize our theme using child theme and don’t change actual theme files as this will make it easier to update your parent theme.

2. Update using WordPress Envato Market (Automatic Updates)

The Envato Market plugin can install WordPress themes and plugins purchased from ThemeForest & CodeCanyon by connecting with the Envato Market API using a secure OAuth personal token. Once your themes & plugins are installed WordPress will periodically check for updates, so keeping your items up to date is as simple as a few clicks.

You can add a global token to connect all your items from your account, and/or connect directly with a specific item using a singe-use token & item ID. When the global token and single-use token are set for the same item, the single-use token will be used to communicate with the API.

2.1 Installing the Envato Market plugin

The latest version of the Envato Market plugin comes with theme. After install and activating the plugin, click on the “Envato Market” icon from the left sidebar.  Here you have two options:

To generate your personal token, click on this link & login using your Envato Market login details.


Copy & paste your unique token into the Envato settings inside your WordPress dashboard.

Click on “Save Changes”.

Once you have configured this properly, you will see a screen where you can install or update your already purchased plugins & themes.

5. Menus

Woodstock features 4 menu areas: the main navigation in the header, the menu in the top bar, the my account menu and the footer menu.

1. Creating Menus

By selecting the Appearance > Menus option from the left WordPress admin sidebar, you can manage & create your sites menus and menu items, and select where certain menus are shown.

To create a menu:

  1. Click the “create a new menu” link
  2. Enter a name for the menu, this can be anything e.g “Header Menu”, “Footer Menu”, “Top Menu”.
  3. Click the “Create Menu” button

2. Menu Locations

Once you’ve created your menu, you need to assign it to the menu location which you would like to use it for. You can do so by setting it under the Manage Locations tab, once you’ve navigated to Appearance > Menus from the WordPress admin sidebar menu.

You can also set the top bar menu, and footer menu here, so if you would like to use both make sure you create a menu for each area.

3. Mega Menu

Mega Menu functionality is built-in to Woodstock, so you can easily create mega dropdowns without any extra plugins or configuration. All you need to do is create a menu that goes into 3 tiers. You can have as many items with a mega menu as you like. Menu items that only have one level of children will show a standard dropdown.

Once you’ve set your structure, you need to open up the parent menu item, and check the “Enable Mega Menu” checkbox. Here you can also set the number of columns, and also alter the styling. See far right for an example.

Enable Mega Menu Functionality


6. Pages

1. Page templates

Here is a list of pages templates that are included in this theme

Default template

- Default content template.

Full Width Page

- 100% width template. Use this if you want to have full-width content

Narrow Page

- Narrow width template. Use this if you want to have narrow content

Page with Left Sidebar

- Default content with a left sidebar

Page with Right Sidebar

- Default content with a right sidebar


2. Page settings

You can setup page title area, page subtitle, top/bottom padding and title area background image


3. Homepage/Blog setup

  1. Go to Settings > Reading
  2. Select "A static page"
  3. For Front page select the Homepage page you want in the select box.
  4. For Post page select a page called "Blog".

7. Theme Options

The theme comes with a theme options panel, which is packed with a lot of useful options, that let you easily customize the theme, without having to manually change anything in the source files. The options panel is found under the Theme Options of your WordPress admin panel menu.

Some Options screenshots:

General Settings

Logo & Favicon

Header Settings

Shop Settings

Styling Settings


8. Widgets

1. Widget areas

Here is a list of pages templates that are included in this theme

Sidebar

The default sidebar visible on Blog and Pages with sidebar template

Shop Sidebar

Sidebar for shop category pages. Visible if category with sidebar is selected in Theme Option Panel

Product Page Sidebar

Sidebar for single product pages. Visible if product with sidebar is selected in Theme Option Panel

Footer 1 - 4

Sidebars for footer area. Visible if footer sidebars is selected in Theme Option Panel

2. Custom Sidebars with Woosidebars plugin

With WooSidebars you can override any widgetized area on your WordPress-powered website, displaying different widgets for different screens... without touching a line of code.

Woosidebars documentation - https://docs.woothemes.com/document/woosidebars-2/


9. Shortcodes

Visual Composer is a premium drag drop plugin that comes bundled with the theme. It provides 40+ elements that can be easily added to your page. In addition to extending functionalities of existing elements, Woodstock theme has added additional elements. With this set of elements, you will be able to create unlimited varities of pages.

Visual Composer documentation - https://wpbakery.atlassian.net/wiki/display/VC/Visual+Composer+Pagebuilder+for+WordPress

Visual Composer Video tutorials - https://vc.wpbakery.com/video-tutorials/

How to get the latest version of the plugin?

The Visual Composer plugin comes bundled with the theme. We'll always make sure to include the latest version in the main theme package so you can update yours.

10. Shop - Product Image Sizes

If you installed the theme on an existing site, you need to make sure the product image sizes in WooCommerce will fit your newly installed theme.

Where can I find the Image Size Settings for Products?

In your WordPress admin dashboard, navigate to Appearance > Customize > WooCommerce > Product Images.

There is no fixed size to be set for the product images, but you may want to increase or decrease the size. For example, if the images are looking blurry or pixelated, you'll need to increase the size to avoid having small images being stretched.


11. How to show category/categories/subcategories and add category icon image.


First go to the Theme Settings -> Shop Settings -> Shop Catalog and check 'Categories in page heading'


How to add category icon image.

Go to the Products -> Categories and select/create Category for edit and upload catalog icon.



12. What is WooCommerce?

The world's favorite eCommerce solution that gives both store owners and developers complete control. Sell anything. Beautifully. Get started for free.

WooCommerce User Guide         

13. WooCommerce Guided Tour

This collection of videos covers anything and everything you'd need to know about installing, setting up WooCommerce, creating products, getting paid, and more!

Settings

General Store Settings

Products Settings

Tax Settings

Tax Rate Example

Checkout Settings

Email Settings

Creating products

Simple Product Overview

Variable Products (Color/Size)

External/Affiliate Product Overview

Downloadable Product Overview

Grouped Product Overview

Categories, Tags, Shipping Classes, & Attributes

Store Management

Managing Orders

Refunding Orders

Reporting

Widgets

Coupons

Payment Gateways

Bank Transfer (BACS)

Cash on Delivery

Check Payments

PayPal Standard

PayPal Powered by Braintree

Stripe

Shipping

Shipping Zones

Shipping Options

Shipping Classes

14. Outdated WooCommerce Templates

In case you're seeing a notification in your administration dashboard saying the theme includes some outdated WooCommerce templates, it means you've recently updated WooCommerce but haven't updated the theme yet.

Updating the theme to its latest version will fix the outdated templates.

15. Child theme

A child theme is a theme that inherits the functions and styles of the other theme, called the parent theme. Child themes are the recommended way of modifying an existing theme. My theme has full support for creating child theme.

How to create child theme 

A Guide To: WordPress Child Themes Development

16. How to enable product attribute swatches.


First please activate WooCommerce Variation Swatches plugin. Then go to the Products -> Attributes section and select attribute for edit  and select swatch type for it (Color, for example)

Then configure terms for current attribute. 

How to enable product attribute below product item?

This feature only applies to variable products.  Go to Theme Settings > Shop Settings > Shop Catalog > Product Attribute to select the attribute you want to show on.

You can change the attribute for a product you want. Edit a variable product > Product Attribute tab and select the attribute you want to show.

How to show attribute swatches widget on sidebar?

Go to the Appearance -> Widgets section and add Woodstock Attributes Filter widget


17. Woodstock Updates History

Version 2.8

— October 9, 2021

Version 2.7

— July 30, 2021

Version 2.6.5

— July 15, 2021

Version 2.6.4

— July 5, 2021

Version 2.6.3

— June 7, 2021

Version 2.6.2

— May 20, 2021

Version 2.6.1

— May 10, 2021

Version 2.6

— March 10, 2021

Version 2.5

— February 3, 2021

Version 2.4

— December 23, 2020

Version 2.3

— October 20, 2020

Version 2.2

— September 5, 2020

Version 2.1

— July 25, 2020

Version 2.0

— June 14, 2020

Version 1.9.9.9

— April 20, 2020

Version 1.9.9.8

— January 11, 2020

Version 1.9.9.7

— September 3, 2019

Version 1.9.9.6

— June 2, 2019

Version 1.9.9.5

— April 23, 2019

Version 1.9.9.4

— March 14, 2019

Version 1.9.9.3

— December 11, 2018

Version 1.9.9.2

— November 27, 2018

Version 1.9.9.1

— November 6, 2018

Version 1.9.9

— August 25, 2018

Version 1.9.8

— July 7, 2018

Version 1.9.7

— June 1, 2018

Version 1.9.6

— April 17, 2018

Version 1.9.5

— February 21, 2018

Version 1.9.4

— November 7, 2017

Version 1.9.3

— August 7, 2017

Version 1.9.2

— May 24, 2017

Version 1.9.1

— April 20, 2017

Version 1.9

— April 12, 2017

Version 1.8

— March 12, 2017

Version 1.7

— November 7, 2016

Version 1.6

— October 20, 2016

Version 1.5

— August 22, 2016

Version 1.4

— July 23, 2016

Version 1.3

— June 24, 2016

Version 1.2

— April 18, 2016

Soon:

- RTL Support


Version 1.1

— April 11, 2016

Version 1.0

— April 5, 2016

18. Theme requirements

Many issues you may run into such as; white screen, demo content fails when importing, empty page content, changing skin problems and other similar issues are all related to low PHP configuration limits. The solution is to increase the PHP limits. You can do this on your own, or contact your web host and ask them to increase those limits to a minimum as follows:

max_execution_time 300
memory_limit 128M
post_max_size 64M
upload_max_filesize 64M
max_input_time 60
 max_input_vars 1000

Also consider upgrading your PHP version to the latest version, the newer the better.

How To Verify Your Current PHP Limits?

You can check your PHP configuration limits them by installing the FastDev plugin and then going to WordPress dashboard > Fastdev > and choose PHP tab to compare your server info (see example). The first column (Local) refers to your installation value, and the second column (Master) refers to the limits of your host. The latter values are often lower if you have selected a cheaper hosting package.

Updating your PHP version

In most cases, you cannot update the PHP version yourself and need to contact your host about this. The upgrade process is an easy process and should be something your host can do for you without impacting your website or charging you a fee. Here’s a letter you can send to your hosting company:

Dear host, I’m running a WordPress theme on one of your servers and WordPress and this theme has recommended using at least PHP 7 or higher. WordPress, the content management system that my theme uses, has listed PHP 7.2 as the recommended version on their requirements page: https://wordpress.org/about/requirements/ Can you please let me know if my hosting supports PHP 7.0 or higher and how I can upgrade?
Also please increase those limits to a minimum as follows:
max_execution_time 300 memory_limit 128M post_max_size 64M upload_max_filesize 64M max_input_time 60
Looking forward to your reply.