Remy Documentation

WooCommerce

1. Installation

Back to top

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 installation of WooCommerce, log in to your WordPress admin panel and go to: Plugins > Add New.

Go to search field type “WooCommerce” and click on "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 on Install Now. After clicking on that link, you will be asked to confirm plugin installation. Click on “yes” and WordPress will automatically complete installation.

After you’ve installed and activated the plugin, do not forget to select Install WooCommerce Pages to get started.

woocommerce

2. Settings

Back to top

In this panel, you'll find all core WooCommerce settings such as for products, 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 WooCommerce Options.

For more details, please follow the official documentation.

3. Set the login page

Back to top

To create a login form and a register form in WooCommerce login page, go to WooCommerce > Settings > Accounts and check Enable registration in "Checkout" page.

woocommerce

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 "Products" menu, click on "Add Product"; you will see a familiar interface and should immediately be able to type in product title and full description.

woocommerce

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

woocommerce

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

For more details, please follow the official documentations.

5. Product variations

Back to top

Variable products are a great feature by WooCommerce, because it allows you to show variations of a product, variations in 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 product variation can have different properties and prices.

Set the product type: select, first, variable type for your product among those available in a dropdown menu. The interface will change according to your selection.

woocommerce

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

woocommerce

In order to make all attributes become variations for the product, make sure you check the option "Used for variations" for each of them.

woocommerce

Add variations: After saving your product, you can begin adding variations or linking all possible variations. To add a variation, click on "Add variation" button. A new blank row will appear and you will be able to enter the data.

woocommerce

Price fields must be set per each product

For more details, please, follow the official documentations.

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 than using Product Gallery meta box.

woocommerce

For more details, please, follow the official documentations.

7. Image size settings

Back to top

In product tab, "WP Dashboard > WooCommerce > Settings > Products > Display", you'll see three inputs for image size.

  • 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 you have input here as accurately as possible. For example if your settings are 100×200 and you upload a 300×600 image it will be resized to 100×200. You can also choose to "hard crop" your images to the size specified in these settings, regardless of the original image you have uploaded: your image will be cropped rather than be distorted in scale.

Remember, if you change these settings after uploading product imagery you will need to regenerate your thumbnails in WordPress for the changes to be applied to your current imagery. To do this, we recommend that you use "Regenerate Thumbnails" plugin. In product tab of WooCommerce settings, "WP Dashboard > WooCommerce > Settings > Products", you’ll see three image size inputs.

8. My Account Template

Back to top

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

woocommerce

Open "My Account" page

woocommerce

Scroll on right sidebar and click on the Template drop-down arrow. From drop-down menu, choose "My account" template.

woocommerce

Now, scroll up and click on "Publish".

You should repeat this sequence also for sub-pages:

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

Need more help? Submit a ticket in our support desk.