Hello there,

As stated in theme documentation(link bellow)if you plan on building an online shop with Vino, you should install the WooCommerce plugin before importing the demo content, so you import demo content again with activated WooCommerce plugin in case you didn't do it before. You will import some dummy content(Fully built shop pages and some product) this way, so it will be easier for you to get the feeling how shop page could look.

http://vino.elated-themes.com/documentation/

Especially you should pay attention to this part:

12. WooCommerce

In this section of the User Guide we will discuss how to install and set up the WooCommerce eCommerce plugin with Vino.

Vino comes with WooCommerce integration, which allows you to easily create an online shop. For more information on installing and configuring WooCommerce, please visit this page:

http://docs.woothemes.com/documentation/plugins/woocommerce/getting-started/

In order to set up WooCommerce with the Vino theme, follow these steps:

1. Navigate to Plugins > Add New from your WordPress admin panel.

   

2. Type “WooCommerce” in the search field
3. Locate "WooCommerce - excelling eCommerce" in the search results and click on Install Now.

   

4. Once the installation has completed, click on Activate Plugin.
5. You will now see a notice saying “Welcome to WooCommerce – You're almost ready to start selling :)". If you plan on importing demo content, click on Skip Setup. Otherwise, click Install Pages.
6. If you plan on importing demo content, you should first set the product image sizes in order to achieve the same look as on our demo sites. Navigate to WooCommerce > Settings and click the Products tab, and then the Display within the Products tab . Under the section Product Images, enter the same values that we did:

   

7. See Importing Demo Content in the Getting Started section of this user guide and perform the process explained there.
8. Go into the backend of your shop page. This can either be a custom page you have created yourself, or the shop page from the demo site that you have imported. Under Page Attributes, choose the WooCommerce template.

Creating Products

To create a new shop product, please navigate to Products > Add Product. Here you can set up all the standard WooCommerce options for each product, as well as some custom theme options:

Elated Product Meta

• Single Product Layout - Choose a layout for this product.
  • Switch Featured Image on Thumbnail Click - Set this option to "Yes" if you would like the featured image to change when a thumbnail image is clicked on (this option is only available with the "standard" layout).
  • Set Thumbnail Images Position - Choose a position for thumbnail images (this option is only available with the "standard" layout).
• Hover Featured Image - Set a featured image that will be displayed when this product is hovered on in product lists and shop pages.
• Dismension for Product List Shortcode - Choose a layout for the featured image when this product is displayed in the Product List shortcode when it is set to the Masonry layout.
• Show Title Area - Choose whether to show a title area for this product or not.
• Disable Content Top Padding - Set this option to "Yes" if you want to disable the padding above the content.

Please let us know if there's anything else we can do for you!
Thank You,
Kind Regards,
Norah

Hello Summer,

There is no need to worry,

We are here to help you with any issue you may face.

I just wanted to additionally inform you that WooCommerce is actually free plugin on case you may find this information helpful:

https://wordpress.org/plugins/woocommerce/

Please let us know if there's anything else we can do for you!
Thank You,
Kind Regards,
Norah