Velocity Theme for WooCommerce

Velocity Theme for WooCommerce is a perfect WooCommerce theme for today’s era online business.

The theme provides a high-quality layout, and responsive design, and the overall front-end view will amaze your website users.

This theme is perfect for multiple online shopping websites such as Clothing, Shoes, Jewelry, watches, Gadgets, electronics, and more.

This theme also support Blogging websites, Travelling Websites and many other trending web stores.

Velocity theme has various built-in features such as Mega Menu, Banner Slider, Category Columns, Header carousel, Social Media Links in Footer, Popular Categories, Marketplace Banner, and much more.

Note – Velocity theme is fully compatible with WordPress WooCommerce Multi Vendor Marketplace Plugin.

We provide a production version of the plugin. If you want a development version then you can get it at an additional cost. Please contact support@webkul.com for it. 

Velocity theme appearance overview at the web storefront –

Backend configuration setup overview for the velocity theme –

The velocity theme when opened within the mobile browser | customer & vendor account option view walkthrough –

• Fully responsive with SEO and Mobile friendly features.
• Show the multi-image banner slider.
• Product carousels – featured, discount & sale, top-rated, tailored.
• Customizable header and footer.
• The module is integrated with Mega Menu along with some powerful horizontal and vertical menus.
• Top Categories layouts for Homepage.
•  The theme comes up with pre-defined category icons or chooses from Rango Fonts.
• Works very well with Multi-vendor Marketplace.
• The module source code is open for customization.
• The theme provides a dedicated Mobile Layout and Responsive Mega Menu for Mobile devices.
• Multi-Lingual supported.

The user will get a zip file which he has to upload in the “Themes” menu option in the WordPress admin panel.

For this, log in to WordPress Admin Panel and Under the Dashboard hovers your mouse over the “Appearance” menu option which brings out a Sub-Menu and then select the “Themes” option.

Now click on “Add New” to upload the zip file of the theme.

Further, you will see an option on the top of your page that is “Upload Theme”, click the option for the next step.

After clicking on the “Add New” option, below that you will see a button “Choose File” click on the button to browse for the zip file as per the snapshot below.

After browsing the file, click the “Install Now” button to install the theme as per the snapshot.

Now when the theme is installed correctly, you will see the success message and an option to activate the theme. Click on “Activate” to activate the installed Velocity theme.

Now the Velocity theme will be installed and activated, just need to configure the theme.

After successful installation and activation of the theme, the admin can configure the theme. For Main Menu create a menu under “Appearance > Menus” and assign Velocity Main Menu to this. 

After that, it will appear as the below image on the front end.

The admin can set the categories to the specific menu options and assign them to multiple theme locations. The menu can be selected from the dropdown as shown in the image below:

After that, the admin can select the desired locations for that menu as shown in the image below by check-marking the boxes.

There are five types of menu locations, these can be managed by navigating to the manage locations section under the menu section. The five sections are :

• Shop By Category Menu (Depth: 4)
• Header Nav Menu (Depth: 1)
• Quick Links – Footer (Depth: 2)
• Top Brands – Footer (Depth: 2)
• Responsive/(Mobile) Menu

Initially, the admin will manage the theme configuration by navigating to the Velocity tab.

General

Under this section, the admin can add the logo of the theme that will be visible when the Error 404 Page not found error will be visible.

Meanwhile, the error page will be visible as shown in the image below:

Footer

The Footer section includes a lot of options for the customer. It stays at the bottom but its value is at the top.

Firstly the admin can manage the Footer Subscribe and Enable the Social Icons as shown in the image below:

The social icons and subscribe section will be visible as shown in the image below. The social icons will redirect the customer to the respective social pages.

Further, the customer can easily subscribe by adding their email id and clicking on the Subscribe button.

After that, the admin will add the details of the Mega Footer. The admin can also enable or disable the Mega footer. Moreover, the admin can enable the Payment Methods and add the About us section.

The about us section and Payment methods available in the store will be visible as shown in the image below:

Lastly, for the footer section, the admin will enter the Copyright details.

Copyright details will be visible at the end of the page as shown in the image below:

Social Media

The visible social media links mentioned above will be added here as shown in the image below by navigating to the social media section under the configuration.

Styling

Under this section of the configuration, the admin can manage and update the colours and styling of the store.

A glimpse of the changed UI is shown in the image below. The text colour is also updated to pink.

Custom Scripts

Under this section, the admin can add custom scripts. These will be the additional scripts.

Rango Icons

Under this section, the admin will be able to see the list of rango icons available. And, their respective class can be added to the desired area wherever the admin wants them to be visible.

The admin can manage the Hompage view from the backend by navigating to Pages > Homepage. Further, the following options will be visible to the admin that are elaborated below:

General 

Under the general section, the admin will manage the sort order of all the Product Carousels, Content, Ads, Sliders, etc. Sort orders can be set by adding its respecting sort number in the grid. 

Slider 

The admin can manually set the slider images that make the site more interactive. Moreover, the admin can add the respective redirect links that will navigate the customer to the required page. 

These sliders will be visible in the frontend as shown in the image below. The customer can easily slide to the previous or next image by clicking on the arrow. 

The admin can add multiple types of promotional Ad banners to make the store represent more of the store’s products.

The 3 types of ads are mentioned below as 4 Ads Block, 3 Ads Block, and 2 Ads Block. 

4 Ads Block

The admin can also add the Ad blocks for promoting the offers and products available in the store. Every ad will have an image and its redirecting link.

Also, the most important point is that under this section the admin can add 4 Ad blocks.  

These 4 Ads will be visible in the frontend as shown in the image below. The customer can easily click on any of the Ad to view it and get the details regarding the same. 

3 Ads Block 

Just like the previous ads the admin can also add the section with 3 Ads. Every ad will have an image and its redirecting link. 

These 3 Ads will be visible in the frontend as shown in the image below. The customer can easily click on any of the Ad to view it and get the details regarding the same. 

2 Ads Block

Further, just like the previous ads the admin cana also add the section with 2 Ads. Every ad will have an image and its redirecting link. 

These 2 Ads will be visible in the frontend as shown in the image below. The customer can easily click on any of the Ad to view it and get the details regarding the same. 

Category and Featured Image

For making the website or store more attractive and presentable, the admin can also add the Category with the featured images.

This can be done under the Category and Featured Image section as shown in the image below.

The admin has to give the Category Column Title, and select the Cat Links for each category. 

These featured images and categories will be visible on the store frontend.  The categories will be clickable and will navigate the customer to the respective category pages. 

Category and Icon

Under this section, the admin can make a custom category of any name. This section will contain multiple category colums containg the list of categories.

The admin can also add a rango icon for each category column. 

These categories will be visible as shown in the image below with the added rango icons on the top of it. 

Category and Image 

Undre this section the admin can add custom Category Title and select the Cat links . Every Category Column will have an attractive image with it as shown in the image below:

The category colums will be soberly visible as shown in the image below:

Feature List

Under this section, the admin can add the feature list. The admin can add features by adding the rango icon and relevant text as shown in the image below:

The feature list will be visible as shwon in the image below in the store frontend. 

Customer Review

Every store gets some customer reviews. The admin can now make those reviews visible to their other customer that can fascinate the customers to buy more products.

For this, the admin will add Review Section Title, Review, and its link as shown in the image below:

These customer reviews will be visible on the frontend as shown in the image below:

Product Carousel 1 

Under this section, the admin can manage the details of product carousel 1. For this, the admin will enter the Section Title, Product, Order By, Order, and Category Slug as shown in the image below:

Meanwhile, Product Carousel 1 will be visible in the frontend as shown in the image below:

Product Carousel 2 

Under this section, the admin can manage the details of product carousel 2. For this, the admin will enter the Section Title, Product, Order By, Order, and Category Slug as shown in the image below:

Product Carousel 2 will be visible in the frontend as shown in the image below:

Product Carousel 3 

Under this section, the admin can manage the details of the product carousel 3.

For this, the admin will enter the Section Title, Product, Order By, Order, and Category Slug as shown in the image below:

Product Carousel 3 will be visible in the front as shown in the image below:

Also learn more about how you can convert PSD into WooCommerce template. That’s all for the Velocity Theme For WooCommerce, S

Still, have any issues, feel free to add a ticket and let us know your views to make the plugin better at webkul.uvdesk.com.