#### Nielsen Documentation

# WooCommerce

- 1. Installation
- 2. Settings
- 3. Set the login page
- 4. Adding a product
- 5. Product variations
- 6. Product galleries
- 7. Image dimension settings
- 8. YITH WooCommerce Ajax Navigation
- 9. YITH WooCommerce Wishlist
- 10. YITH WooCommerce Zoom Magnifier
- 11. YITH WooCommerce Ajax Search
- 12. My Account Template

Automatic installation is the easiest option as WordPress handles the file transfers itself and you don’t even need to leave your web browser. To do an automatic install of WooCommerce log in to your WordPress admin panel and go to: Plugins > Add New.

In the search field type “WooCommerce” and click Search Plugins. Once you’ve found the plugin you can view details about it such as the the point release, rating and description. Most importantly of course, you can install it by simply clicking Install Now. After clicking that link you will be asked if you’re sure you want to install the plugin. Click “yes” and WordPress will automatically complete the installation.

After you’ve installed and activated the plugin, be sure to select ‘Install WooCommerce Pages‘ to get started.

### 2. Settings

Back to top

Inside this panel you’ll find all the core WooCommerce settings such as product settings, pages, payment gateways, shipping methods and tax rates accessible via the tabs at the top of the screen.

To configure your shop go to WooCommerce > Settings. Then browse through the tabs below to get more information on the WooCommerce Options.

For more details, please follow the official docs

### 3. Set the login page

Back to top

For create a login form and a register form in the login page of WooCommerce, go to WooCommerce > Settings > Accounts and check Enable registration on the "Checkout" page

### 4. Adding a product

Back to top

Adding a simple product is a straight forward process and not too dissimilar from authoring a standard WordPress post. In the Products menu click Add Product; you will be presented with a familiar interface, and should immediately see where to type the product title and full description.

Next is the Product Data tab set. This is where the majority of the product data is input.

- SKU – stock keep unit, used to track products. Must be unique, and should be named so it does not clash with post ID’s
- Price:
  - Regular Price – The item’s main price
  - Sale Price – The item’s sale price
- Tax:
  - Tax Status – The items’ tax status
  - Tax Class – Which tax class the product belongs to. You can set up tax classes in WooCommerce > Settings > Tax

For more details, please follow the official docs

### 5. Product variations

Back to top

Variable products are a great feature of WooCommerce for offering variations of a product with different prices, stock and more. They can be used for offering variations of a product e.g. a large t-shirt vs a small t-shirt. Each variation can have different properties and prices.

Set the product type: to add a variable product first selection the type ‘variable’ from the product type dropdown. The interface will change to reflect your selection.

Define variation attributes: on the attributes tab add some attributes to your product. You can use global attributes or define some custom ones specific for your product.

Make sure to assign all values of the attribute to the variable product which will become options and check the 'variation' checkbox on each attribute to tell WooCommerce its for your variations:

Add variations: After saving your product you can now begin to add variations, or link all possible variations. To add a variation, click the ‘add variation’ button. A new blank row will appear ready for you to input the data.

Price fields must be set per product

For more details, please follow the official docs

### 6. Adding product galleries

Back to top

Product galleries simply display all images attached to a product, with the Featured Image being the primary image.

You can create a product gallery using the same method as adding a featured image, rather using the Product Gallery meta box instead.

For more details, please follow the official docs

### 7. Image dimension settings

Back to top

On the products tab, WP Dashboard -> WooCommerce -> Settings -> Products, of the WooCommerce settings you’ll see three image dimension inputs.

- Catalog Images appear on your shop loops. Product categories, up sells / cross sells etc
- Single Product Image is the main image on your product details page
- Product thumbnails are the gallery thumbnails on your product details page (if you have a gallery)

The images you upload will be resized to match the values your input here accurately as possible. IE if your settings are 100×100 and you upload a 300×600 image it will be resized to 100×200. You can also choose to ‘hard crop’ your images which will force them to be the size specified in these settings, regardless of the raw image you upload, but will be cropped rather than distorted in scale.

Remember if you change these settings after uploading product imagery you will need to regenerate your thumbnails within WordPress for the changes to be applied to your current imagery. To do this we recommend using the Regenerate Thumbnails plugin.On the products tab, WP Dashboard -> WooCommerce -> Settings -> Products, of the WooCommerce settings you’ll see three image dimension inputs.

To use the YITH WooCommerce Ajax Navigation first you need to install our plugin (click here to download).

Create an attribute in Products -> Attributes with more Terms.

Create more products with the attributes created before.

After, go to Appearance -> Widgets and insert the widget called YITH WooCommerce Ajax Navigation in a sidebar. You need to insert one widget for each attributes.

NOTE: the sidebar must be set in a Shop page

Set the widget with:

- Title
- Attribute
- Query type
- Type

### 9. YITH WooCommerce Wishlist

Back to top

To use the YITH WooCommerce Wishlist first you need to install our plugin (click here to download).

In WooCommerce > Settings > Wishlist > tab you will find the settings of the plugin:

You can add a product to your wishlist with the button in the single product page:

This is how your wishlist will show:

### 10. YITH WooCommerce YITH WooCommerce Zoom Magnifier

Back to top

Enables you to add a zoom effect to product.

To use the YITH WooCommerce Zoom Magnifier first you need to install our plugin (click here to download).

In WooCommerce > Settings > Magnifier > tab you will find the settings of the plugin:

This is how zoom effect will show:

### 11. YITH WooCommerce Ajax Search

Back to top

Allows your users to search products in real time.

In WooCommerce > Settings > Ajax Search > tab you will find the settings of the plugin:

You can use this feature trough a usefull widget, click here for details.

### 12. My Account Template

Back to top

Nielsen has a custom template for "My Account" pages.

Open the page "My Account"

now scroll to the right sidebar and click on the Template drop-down arrow. From the drop-down, choose the “My account” template.

Now scroll up and click “Publish”.

You should repeat this sequence also for the sub-pages:

- Change Password
- Edit My Address
- Logout
- Lost Password
- View Order

Need more help? Submit a ticket in our support forum