Themesflat · WooCommerce WordPress Theme
Welcome to Vineta Documentation
This guide shows you step by step how to install, import the demo and customize the Vineta WooCommerce WordPress theme: requirements, header, footer, typography, colors, WooCommerce settings, eCommerce features, mobile layout, menus and Vineta Addons.
Themesflat Vineta WordPress Theme Documentation
- Theme: Vineta – Multipurpose WooCommerce WordPress Theme by Themesflat, sold on Vithemes
- Technology: WordPress, WooCommerce, Elementor, Vineta Addons for Elementor, Contact Form 7
- Theme version: 1.0.0 · Last updated: Jun 02, 2025 (see the changelog inside your downloaded package for newer versions)
- Author: Themesflat
Thank you for choosing Vineta! In this document you will find all the information you need to install, set up and customize the theme. We recommend reading it through to get the most out of Vineta. Please also check the video tutorials linked in the install steps: they explain the same steps in more detail.
Vineta is a WooCommerce theme. Install WooCommerce and the required plugins first, then import the demo.
Theme Features & Quick Start:
Main features:
- Built with Elementor and the Vineta Addons widgets (product grid, product tab carousel and more)
- WooCommerce ready: cart drawer, coupons, shipping, quick view
- eCommerce features: sale countdown timer, frequently bought together, compare, wishlist, variation swatches, currency switcher
- Dedicated mobile layout (topbar, header, product card, mobile info)
- Mega menu, Customizer options, one-click demo import
- Translation ready (WPML)
Quick start:
- Download the package from your account and unzip it. You get the theme, the child theme and the documentation.
- Install and activate the theme (Appearance → Themes → Add New → Upload).
- Install the required plugins when the notice appears.
- Import the demo from Appearance → Import Demo Data.
- Customize the site in Appearance → Customize and set up WooCommerce.
Explore this documentation
Find detailed guides to build your online store with Vineta.
Getting Started
Requirements
There are minimal requirements to run this product:
- PHP 8.0 or higher
Recommended
Required must have
- upload_max_filesize = 512M
- post_max_size = 516M
- max_execution_time = 300
- max_input_time = 300
- memory_limit = 512M
Besides, need more
- Elementor
- Contact Form 7
- Vineta Addon
- WooCommerce
- One Click Demo Import
- MC4WP: Mailchimp for WordPress
- FOX – Currency Switcher Professional for WooCommerce
- WCBoost – Products Compare
- WCBoost – Variation Swatches
- WCBoost – Wishlist
- WPML
WordPress Information
To install this theme you must have a working version of WordPress already installed. If you need help installing WordPress, follow the instructions in WordPress Codex. Below are all the useful links for WordPress information.
- [WordPress Codex] – General info about WordPress and how to install on your server.
- [First Steps With WordPress] – General info about multiple topics about WordPress.
- [FAQ New To WordPress] – The most popular FAQ’s regarding WordPress.
Install Theme
After purchase and download we have file themename.zip. Continue we need to extract files. You will find 3 folders: 1. theme, 2. theme-child, 3. documentation.
Please follow the steps below to install the theme.
Watch the video One Click Install Demo
Install by WordPress Theme Manager
This is probably the simplest way for most users. Here are the steps you need to take:
- Step 1 – Login to your WordPress Dashboard.
- Step 2 – Go to Appearance > Themes. Then click Add New button at the top of the screen.
- Step 3 – Click on the Upload button at the top.
- Step 4 – Click Choose File and select the
themename.zipfile.
- Step 5 – Click Install and wait a moment.
- Step 6 – Once installed, click Activate to enable the theme.
- Step 7 – A notice will appear at the top of the dashboard. Click Begin installing plugins.
The theme requires these plugins: Contact Form 7, Elementor, Vineta Addon, WooCommerce, One Click Demo Import, MC4WP: Mailchimp for WordPress, WCBoost – Products Compare, WCBoost – Variation Swatches, WCBoost – Wishlist.
Recommended: WPML, FOX – Currency Switcher Professional for WooCommerce.
- Step 8 – Go to Dashboard > Appearance > Install Plugins. Check all required plugins and activate them.
- Go to Appearance > Import Demo Data
Select demo import
- Click Continue & Import
And Wait
Note:
After installing the Main theme, if you want to use the Child theme, please install it the same way as above.
Install through FTP upload
If you want to install via FTP, here are the steps:
- Using an FTP client, login to your server.
- Navigate to the
/wp-content/themes/directory. - Upload the Vineta theme folder into that directory.
Once installation is complete, your Vineta theme will be ready to use.
Customize Theme
To start customizing the theme, in the Admin page please go to Dashboard > Appearance > Customize.
Note: Please remember to click Save & Publish after customizing to save changes. These are global settings, so they affect the entire site. However, they can be overridden per post or page.General
1. Site Information
To customize the theme, navigate to: Dashboard → Appearance → Customize → Site Identity
- Site Title: Set or update your website’s title.
- Tagline: A short description that summarizes your site.
- Site Icon: The icon that appears in browser tabs, bookmarks, and WordPress mobile apps.
2. Site Display
To customize the theme, navigate to: Dashboard → Appearance → Customize → General
- Enable Smooth Scroll: Toggle smooth scrolling on or off.
- Enable Preload: Show a preloader while navigating between pages.
- Go To Top Button: Enable or disable the “Back to Top” button for user convenience.
Header
To set up the default Header Style, navigate to Dashboard → Appearance → Customize → Header.
Custom Logo
Upload Your Logo: Drag or select your new logo.
Upload Logo for Mobile: Drag or select your new mobile logo.
Logo Size: Choose the desired logo size.
Top Bar
Topbar: Enable or disable the top bar.
Social: Enable social icons (configure under the General tab).
Marquee: Enable scrolling text and input content to display.
Language: To use the language switcher, install and activate the WPML plugin (not included).
Currency: To enable currency switching, install a third-party plugin. This theme supports FOX – Currency Switcher Professional for WooCommerce.
Navigation
Header Options
Header Style: Select a default header style.
Header Absolute: Enable or disable absolute positioning.
Header Sticky: Enable or disable sticky behavior for the header.
Search Box: Show or hide the search box in the header.
Header Login/Register: Enable or disable login/register links.
Header Wishlist: Enable or disable the wishlist icon.
Header Cart: Enable or disable the shopping cart icon.
Search Popup
Category: Choose how many categories to display.
Product Type: Choose how many product types to display.
Product Item: Choose how many product items to display.
Custom Menu
To create or customize a menu layout, go to Dashboard → Appearance → Customize → Menus.
Select an existing menu to edit or create a new one.
Drag and drop menu items to reorder.
Page Title & Breadcrumb
Page Title Style
To customize the page title layout, go to Dashboard → Appearance → Customize → Page Title → Page Title.
Use the available settings to adjust the page title style:
Breadcrumb
Enable Breadcrumbs: Show or hide breadcrumb navigation.
Breadcrumb Prefix: Text displayed before the breadcrumb trail.
Breadcrumb Separator: Character used to separate breadcrumb items.
Typography
To customize typography settings, go to Dashboard → Appearance → Customize → Typography.
Body Font
Customize the font family, size, weight, and color for body text.
Blockquote Typography
Menu Font
Customize the font family, size, weight, and color for the main menu and submenus.
Submenu:
Heading Font
Adjust the font settings for all heading levels (H1–H6).
Layout & Styles
In the Layout & Styles section, we provide several options to customize the theme’s layout and styles.
1. Scheme Color
To customize the page title style layout, please navigate to Dashboard → Appearance → Customize → Color.
You can set unlimited colors for your General settings, including Primary Color, Secondary Color, Accent Color, and Background Color. Navigate to Dashboard → Appearance → Customize → Color → General.
To customize header colors, go to Dashboard → Appearance → Customize → Color → Header.
To customize footer colors, go to Dashboard → Appearance → Customize → Color → Footer.
To set a background image, navigate to Dashboard → Appearance → Customize → Background Image.
To customize widgets, navigate to Dashboard → Appearance → Customize → Widgets.
Footer
To edit the default footer, navigate to Dashboard > Appearance > Customize > Footer.
1. Top
You can customize the top of the footer or turn it off.
2. Menu Footer
Go to Dashboard > Appearance > Widgets to edit the footer menu.
3. Bottom
You can edit the contents of the bottom section here.
WooCommerce Settings
1. Cart
Cart Page
Step 1: From the admin dashboard, navigate to WooCommerce → Settings → Advanced → Cart Page.
Step 2: Enable Quick View. You can also customize the appearance under Style Options.
Step 3: Click Save Changes after finishing your setup.
Shipping
Step 1: From the admin dashboard, navigate to WooCommerce → Settings → Advanced → Shipping.
Step 2: Set up Shipping Zones.
Step 3: Create a Free Shipping method and define the minimum order amount.
Coupons
To enable coupons in the Cart Drawer, Cart Page, and Checkout Page, go to WooCommerce → Settings → General and check the Enable coupons option.
2. Order
From the admin dashboard, navigate to WooCommerce → Orders.
You can view total orders on a daily, weekly, or monthly basis.
3. Coupons
From the admin dashboard, navigate to Marketing → Coupons.
Click the Add coupon button to create a new coupon.
Fill in the required information and click Publish to save the coupon.
4. Top Categories
To enable this feature, go to Customize → Shop → Top Categories
5. Shop Page Title
To enable this feature, go to Customize → Shop → Shop Page Title
6. Catalog Toolbar
To enable this feature, go to Customize → Shop → Catalog Toolbar
7. Shop Layout
To enable this feature, go to Customize → Shop → Shop Layout
8. Product Card
To enable this feature, go to Customize → Shop → Product Card
9. Product Badges
To enable this feature, go to Customize → Shop → Product Badges
10. Mini Cart
To enable this feature, go to Customize → Shop → Mini Cart and change content
11. Icon Box
To enable this feature, go to Customize → Shop → Icon Box and change content
12. Live Notification
To enable this feature, go to Customize → Shop → Live Notification
13. Cookies
To enable this feature, go to Customize → Shop → Cookies
eCommerce Features
1. Sale Countdown Timer
-
Step 1: From the admin dashboard, navigate to Products → All Products.
-
Step 2: Select the product you want to apply the sale countdown timer to.
-
Step 3: In the Product data section, select Simple product as the product type.
-
Step 4: In the General tab, click Schedule next to the Sale price field, then set the sale price and its valid date range.
For Products with Variations:
-
Step 3: In the Product data section, select Variable product as the product type.
-
Step 4: In the General tab, click Schedule next to the Sale price field, then set the sale price and its valid date range.
-
Step 5: Configure the sale price, valid time range, and any other necessary details for each variation.
Step 6: Click Save changes after finishing your edits.
2. Products Frequently Bought Together
-
To enable this feature, go to Customize → Single Product → Buy Together
In this section, you can choose the display style (grid or list) and position (left or right).
-
Select the product, then go to the Linked Product tab in the Product data section.
-
Search for and add products to this section.
-
Click Update to save your changes.
3. Product Comparison
To enable this feature, install and activate the WCBoost – Compare plugin.
After activation, a new settings section called Products Compare will appear under WooCommerce → Settings → Products → General. Use this section to configure how the comparison feature is displayed.
Click Update to save your settings.
4. Product Wishlist
To enable this feature, install and activate the WCBoost – Wishlist plugin.
Once activated, a new Wishlist tab will appear under WooCommerce → Settings. This tab lets you configure how the wishlist is displayed.
Click Save Options when you’re done.
5. Product Currency
To enable this feature, install and activate the FOX – Currency Switcher Professional for WooCommerce plugin.
To change your shop’s currency settings, go to WooCommerce → Settings → General → Currency Options, then select your desired currency from the dropdown menu.
Click Save Options after completing the setup.
6. Product Variation Swatches
Note: If you want to display the correct Attribute Type, you must set the Type first.
Create Variations
-
Step 1: From the admin dashboard, navigate to Products → Attributes.
-
Step 2: Fill in the attribute name (such as Size, Color, Image, etc.).
-
Step 3: Determine how the attribute values are displayed using Type.
You can display your attribute in 4 types:
- Select Option
- Colors
- Label
- Images
- Select Option
-
Step 4: Click Add attribute when you’re done. Then click on Configure terms to add new terms. The field will appear.
You can now use this attribute when creating new products or apply it to existing ones.
Set Up Variation Swatches for Products
-
Step 1: From the admin dashboard, navigate to Products → All Products.
-
Step 2: Select the product you want to configure. In the Product data section, choose Variable product as the type.
-
Step 3: Go to the Attributes tab and add the attribute you created earlier.
-
Step 4: Enter attribute values, click Add new, and check both Visible on the product page and Used for variations. Then click Save Attributes.
-
Step 5: Go to the Variations tab, click Generate variations from all attributes, and confirm.
-
Step 6: All variations will now be generated. Select a default variation if desired and choose which attributes to show in the catalog.
-
Step 7: Click each variation to set its image, price, sale countdown, and other relevant details.
-
Step 8: Click Save changes and then click Update to save the product.
7. Product Gallery
Product Layout
To enable this feature, go to Customize → Single Product → Product Gallery → Layout and choose your preferred image layout.
Product Image Zoom
Enable zoom functionality to let customers view product details such as texture, color, and materials more clearly.
Product Lightbox
This feature opens product images in a lightbox, allowing users to see them in full size without leaving the page.
Product Variation Images Gallery
Show variation-specific images that automatically update when a customer selects a new option. This creates a more interactive and visually engaging experience.
-
Step 1: Install and activate the WCBoost – Variation Swatches plugin that comes with the theme.
-
Step 2: Enable the Variation Images Gallery feature.
-
Step 3: Go to Products → Variations and create image attributes.
-
Step 4: In the Product → Variations tab, upload images for each variation.
Product Video
Add videos to showcase products in action, increase engagement, and build customer trust.
To enable product videos, navigate to the Product Video tab, then add the video URL and a thumbnail image.
Product 3D Viewer
Provide a 360° or 3D interactive view, allowing customers to explore your product from every angle.
To enable this feature, go to the Product 3D Viewer tab and add the 3D model URL along with a thumbnail image.
8. Visitor Count
Display real-time viewer counts on product pages to create urgency and boost engagement.e.
To enable this feature, go to Customize → Single Product → People View
9. Progress Sale
Creates a sense of scarcity, encouraging purchases (urgency/FOMO).
To enable this feature, go to Customize → Single Product → Progress Sale
The progress bar will only appear if you’ve set a product quantity and the item has had some purchases.
10. Size Guide
Help your customers shop with confidence. A clear size chart takes the guesswork out of buying a slim-fit dress—no try-on needed, no surprises.
To enable this feature, go to Customize → Single Product → People View
Add New Size Guide
Once you’ve enabled the size guide in your WooCommerce settings, a new menu item will appear: Products > Size Guides. On this page, simply click the “Add New” button at the top to create a new size guide for your products.
The key part of a size guide is the size table. In the Tables Box, use the plus/minus buttons to add or remove rows and columns. Click any cell to enter text directly.
In the product data box, a new Size Guide tab appears. Here, you can select a different size guide or adjust how it displays on the product page.
11. Volume Discount
Offer quantity-based discounts or set prices per quantity. Apply discounts at the cart, assign pricing tables to products or categories, and restrict by user roles.
To enable this feature, go to Customize → Single Product → Volume Discount
Add New Volume Discount
Once you’ve enabled the volume discount, a new menu item will appear: Products > Volume Discount. On this page, simply click the “Add New” button at the top to create a new volume discount for your products.
In this section, you can choose the layout (list or thumbnail), position, products, and set the Price Per Quantity Discount.
Click Publish to save your changes.
12. Buy X Get Y
The Buy X Get Y feature lets you run promotions that reward customers with free or discounted items—helping attract more buyers and boost conversions.
To enable this feature, go to Customize → Single Product → Buy X Get Y
Choose the product you want to discount and specify the quantity.
13. Short Description
To enable this feature, go to Customize → Single Product → Short Description
14. Ask A Question
To enable this feature, go to Customize → Single Product → Ask A Question
15. Extra Description
To enable this feature, go to Customize → Single Product → Extra Description
16. Production Options
To enable this feature, go to Customize → Single Product → Single Production Options
17. Product Tab
To Change Tab Style, go to Customize → Single Product → Product Tab
18. Out of Stock Notification
To Change Tab Style, go to Customize → Single Product → Out of Stock Notification
19. Related Products
To Change Tab Style, go to Customize → Single Product → Related Product
20. Recently Products
To Change Tab Style, go to Customize → Single Product → Recently Product
21. Up Sell Products
To Change Tab Style, go to Customize → Single Product → Up Sell Product
Choose the product you want to up-sell
22. Cross-sell Products
To Change Tab Style, go to Customize → Single Product → Cross-sell Product
Choose the product you want to cross-sell
Mobile
1. Topbar
To enable//disable this feature, go to Customize → Mobile → Topbar
2. Header
To enable this feature, go to Customize → Mobile → Header
3. Product Card
To enable this feature, go to Customize → Mobile → Product Card
4. Mobile Info
To enable this feature, go to Customize → Mobile → Mobile Info
5. Navbar Mobile
To enable this feature, go to Customize → Mobile → Navbar Mobile
Pages & Menus
1. Create a Page
Step 1: Go to Pages in your admin sidebar and click Add New.
Step 2: Enter a page title, then in the Page Attributes box on the right, choose a Template.
2. Change Page Title
Step 1: Go to Pages → All Pages, hover over the page you want to update, and click Quick Edit.
Step 2: Update the page title and clear the current slug. Click Update to auto-generate a new slug.
You can also modify parent, template, status, etc. For more options, click Edit instead of Quick Edit.
3. Page Options
After creating a page, you can configure display options for it on the front end.
Example:
If the default header is Header Default, but you set Header Style 01 in Settings → TF Header → Header Style, and override it with Header Style 03 in the page options, then Header Style 03 will be used.
Step 1: Open the page in the editor and click Edit with Elementor.
Step 2: In the top center of the page, click the Settings icon.
Step 3: In Page Settings → TF Header, select your desired Header Style.
You can also adjust settings for the Logo, Topbar, Header, Page Title, Sidebars, and Footer.
Menus
How to Create a Menu
Step 1: Go to Appearance → Menu in the admin sidebar, then click Create a new menu.
Step 2: Enter a name for your menu and click Create Menu.
Step 3: Select the desired items from the left panel, click Add to Menu, then click Save Menu.
How to Create a Mega Menu
Step 1: Go to Appearance → Menu and click Create a new menu.
Step 2: Select existing menu items or add custom links.
Step 3: Click Enable Mega Menu.
If you haven’t created a Mega Menu template, go to Mega Menu and add a new template.
Customize your Mega Menu using elements from the sidebar, then click Publish.
Step 4: Once your Mega Menu is ready, return to Appearance → Menu. Click Enable Mega Menu, then set the width, position, and assign the Mega Menu template.
Step 5: Don’t forget to click Save Changes.
Blog Post
To Customize Post you go to: Dashboard -> Appearance -> Customize -> Content
1. Blog archive
- Sidebar Position: Select sidebar position on the posts page (No Sidebar/Left/Right)
- Blog Layout: Select layout style for List (List/Grid)
- Post Grid Columns: Choose to display the number of columns of the article
- List Sidebar: In the dropdown box, select the sidebar you want to display on posts page
- Post Content Elements: Drag and drop elements to re-order.
- Post Excepts Length: This option is only available when you turn on “Auto Post Excepts”. It uses to limit the content length which is shown on posts page
- Social Share: Enable or disable Social Share
- Read More Text: You can modify the text of Read more button here
- Meta Elements: Drag and drop elements to re-order.
2. Blog Single
- Post Navigator: Enabled Post Navigator or not
- Related Posts: Enabled Related Posts or not
- Related Posts Style: Choose Related Posts Style (Blog List or Blog Grid)
- Columns Of Related Posts: Choose 2 Columns, 3 Columns, 4 Columns
- Number Of Related Posts: Number Of Related Posts
Vineta Addons
NOTE: To use all widgets of Themesflat Addons, select the page you want to edit or create a new page, then choose Edit with Elementor > Elementor > Themesflat Addons.
I. Vineta Addons
1. Vineta Product Grid
You can build it using Vineta Addons.
You can customize it in the Content and Style sections.
2. Vineta Product Tab Carousel
You can build it using Vineta Addons.
You can customize it in the Content and Style sections.
3. Vineta Product Category Grid
You can build it using Vineta Addons.
You can customize it in the Content and Style sections.
4. Vineta Product Category Tab Carousel
You can build it using Vineta Addons.
You can customize it in the Content and Style sections.
II. Vineta Addons Core
1. Vineta Slider
You can build it using Vineta Addons Core.
You can customize it in the Content and Style sections.
2. Vineta Image Content Slider
You can build it using Vineta Addons Core.
You can customize it in the Content and Style sections.
3. Vineta Image Box
You build it at Vineta Addons Core
You can customize at Content and Style
4. Vineta Image Box Carousel
You build it at Vineta Addons Core
You can customize at Content and Style
5. Vineta Heading
You build it at Vineta Addons Core
You can customize at Content and Style
6. Vineta Button
You build it at Vineta Addons Core
You can customize at Content and Style
7. Vineta Testimonial
You build it at Vineta Addons Core
You can customize at Content and Style
8. Vineta Testimonial 2
You build it at Vineta Addons Core
You can customize at Content and Style
9. Vineta Icon List
You build it at Vineta Addons Core
You can customize at Content and Style
10. Vineta Marquee
You build it at Vineta Addons Core
You can customize at Content and Style
11. Vineta Banner
You build it at Vineta Addons Core
You can customize at Content and Style
12. Vineta Count Down
You build it at Vineta Addons Core
You can customize at Content and Style
13. Vineta Blog Posts
You build it at Vineta Addons Core
You can customize at Content and Style
14. Vineta Image Before & After
You build it at Vineta Addons Core
You can customize at Content and Style
15. Vineta Map
You build it at Vineta Addons Core
You can customize at Content and Style
16. Vineta Icon Carousel
You build it at Vineta Addons Core
You can customize at Content and Style
17. Vineta Instagram
You build it at Vineta Addons Core
You can customize at Content and Style
18. Vineta Product Video
You build it at Vineta Addons Core
You can customize at Content and Style
19. Vineta Look Book
You build it at Vineta Addons Core
You can customize at Content and Style
20. Vineta Group Images
You build it at Vineta Addons Core
You can customize at Content and Style
21. Vineta Mega Menu
You build it at Vineta Addons Core
You can customize at Content and Style
22. Vineta Accordion
You build it at Vineta Addons Core
You can customize at Content and Style
23. Vineta Nav Menu
You build it at Vineta Addons Core
You can customize at Content and Style
Support & Credits
If you have any question, create a ticket or email us from the box below. Plugins used by Vineta:
Still need help?
Thank you for choosing Themesflat. If something in this guide is unclear, or need help with the demo import, our team is happy to help. Create a ticket or send us an email and we will reply as soon as possible.
© Themesflat · Sold on Vithemes. All demo images are for preview purposes only.