Theme Documentation

Angro - WooCommerce B2B & Wholesale Theme

Angro is the definition of a fully-packed B2B & B2C solution for stores and marketplace for wholesale, B2B, B2B & B2C and also private shopping areas inside the WooCommerce store.

Angro is compatible with any B2B & B2C WooCommerce plugin - and also compatible with 4 marketplace plugins (to enable multi-vendor functionalities) - WCFM Marketplace, Dokan, WCMp & WC Vendors.

1. Download and unzip the WordPress package if you haven't already.

2. Create a database for WordPress on your web server, as well as a MySQL (or MariaDB) user who has all privileges for accessing and modifying it.

3. (Optional) Find and rename wp-config-sample.php to wp-config.php, then edit the file (see Editing wp-config.php) and add your database information.

4. Upload the WordPress files to the desired location on your web server:
• If you want to integrate WordPress into the root of your domain (e.g. http://example.com/), move or upload all contents of the unzipped WordPress directory (excluding the WordPress directory itself) into the root directory of your web server.
• If you want to have your WordPress installation in its own subdirectory on your website (e.g. http://example.com/blog/), create the blog directory on your server and upload the contents of the unzipped WordPress package to the directory via FTP. Note: If your FTP client has an option to convert file names to lower case, make sure it's disabled.

5. Run the WordPress installation script by accessing the URL in a web browser. This should be the URL where you uploaded the WordPress files.
• If you installed WordPress in the root directory, you should visit: http://example.com/
• If you installed WordPress in its own subdirectory called blog, for example, you should visit: http://example.com/blog/

The first option on how to install this Theme would be to directly upload the angro.zip file via WordPress Theme Uploader.

• Log into your WordPress dashboard
• Navigate to Appearance > Themes
• Click Install Themes
• Click Upload
• Now you just need to find the "angro.zip" file in the Upload folder and hit Install now.

If you are experiencing any issues during the installation I would recommend to check out this Tutorial by Envato

The second option on how to install our Theme would be the upload via FTP manager. It really doesn't matter which of the two ways you choose, just choose the one you feel more comfortable with.

• Login to your FTP account and navigate to your WordPress Installation directory
• Navigate to the folder /wp-content/themes/
• Upload the "angro" folder (not the .zip-file). This is the folder located inside the "Upload" folder in the zip-file you've downloaded from Themeforest.
• Now log into your WordPress backend
• Navigate to Appearance > Themes
• Find the Theme and click Activate

If you are experiencing any issues during the installation I would recommend to check out this Screencast by Envato

So at this stage you have probably noticed a warning, asking you to install recommended plugins. This is needed to get the Theme Panel plugin and a few other plugins for the theme to work perfectly. Installing that is very simple, you just need to click Begin installing plugins and you will be redirected to the plugin installation page where you can install any Plugin you want or you need.

If you want to change the general Options of the Theme, go to your WordPress Admin Dashboard Area to Theme Panel. Here you have a tabbed Navigation where you can change a lot of Options of your new Theme:

• General Settings
  • Breadcrumbs
  • Sidebars
• Styling Settings
  • Global Fonts
  • Skin colors
  • Typography
• Header Settings
  • Header - General
  • Logo & Favicon
  • Header - Top Small
  • Header - Main Big
  • Fixed Sidebar Menu
• Footer Settings
  • Footer Top Rows
  • Footer Bottom Bar
  • Back to Top Button
• Contact Settings
  • Contact
• Blog Settings
  • Blog Archive Layout
  • Blog Single Article Layout
  • Blog Single Article Typography
• Shop Settings
  • Shop Archives
  • Product Page
• 404 Page Settings
• Social Media Settings
• Demo Importer
• Import / Export

Important: New Theme Activator added in order to import demo data (theme panel tab). New "Demo_Data" folder from the package has been removed. Only automatic demo import will be used starting with this update. In case the automatic demo importer has issues on your installation, please contact our help team to provide the offline files for demo import.

An activated license will look like this:

This theme comes with an amazing built-in feature: One-Click-Install -> Possibility to import demo data of the theme with one click only, and make your site look 1:1 with our demo.

Sounds cool? How can I install the demo?

Go to your WordPress Admin Panel -> Theme Panel -> Demo Importer

Angro is a perfect starting point for any B2B+B2C WooCommerce store or Marketplace. Full list of features that can be enabled with 3rd party plugins - recommendations below.

With seamless Request a Quote functionality, you can empower customers to ask for custom pricing on products using 3rd party plugins

In order to use these settings you need the following plugin:

• YITH Request a Quote for WooCommerce - available from WordPress.org;

Options:(they can be found in Theme Panel -> Shop Settings)

• Option to hide "Add To Cart" from header;
• Option to hide product prices from products;
• Option to hide "Add To Cart" button from products and replacing with "Add To Quote" button;
• Dedicated page for "Request a Quote" for products (with "YITH Request a Quote for WooCommerce" plugin)

In order to use these settings you need the following plugin:

• YITH WooCommerce Catalog Mode - available from WordPress.org;

Options:(they can be found in Theme Panel -> Shop Settings)

• Option to hide "Add To Cart" from all pages (available in YITH WooCommerce Catalog Mode);
• Option to disable shop (available in YITH WooCommerce Catalog Mode);
• Option to hide product variations (available in YITH WooCommerce Catalog Mode);

Option Type: Theme Panel Option - To access this option and add new custom css to your website go to Theme Panel(Styling Settings Tab)

• 1. Body Font family - Change the main font family from the site(Will be applied to all elements from the site which don't have a font-family css rule applied);
• 2. Heading H1 Font family - Change the font family, font-size, line-height and letter spacing of Heading H1;
• 3. Heading H2 Font family - Change the font family, font-size, line-height and letter spacing of Heading H2;
• 4. Heading H3 Font family - Change the font family, font-size, line-height and letter spacing of Heading H3;
• 5. Heading H4 Font family - Change the font family, font-size, line-height and letter spacing of Heading H4;
• 6. Heading H5 Font family - Change the font family, font-size, line-height and letter spacing of Heading H5;
• 7. Heading H6 Font family - Change the font family, font-size, line-height and letter spacing of Heading H6;
• 8. Inputs Font family - Set the font family for inputs and textareas;
• 9. Buttons Font family - Set the font family for buttons;

Entire list of fonts can be checked here: https://www.google.com/fonts;

Option Type: Page/Post Metaboxes(not theme panel options) - To deal with these options, when editing a post/page you will get a set of options as follows:

Custom Header Options

• 1. Rewrite Header Theme Options? - Rewrite the options from the theme panel (Default OFF - get theme options);
• 2. Custom Logo - Set a custom logo for a page
• 3. Select Header Variant - Select a different header variant
• 4. Select Revolution Slider - Adds a desired revolution slider on the top of the page;
• 5. Page title-breadcrumbs - Activate/Deactivate Page title-breadcrumbs;

General Page Options

• 6. Page top/bottom spacing - Choose between next options:
  1. High Padding - Adds a 80 pixels on top-bottom sides of the main page div;
  2. No Padding - Removes all padding from main page div;
  3. No Padding top - Adds a 80 pixels on top sides of the main page div;
  4. No Padding bottom - Adds a 80 pixels on bottom sides of the main page div;
• 7. Select sidebar - Select a sidebar for the page
• 8. Rewrite Global Skin Color Theme Options? - Select whether or not to use Theme Options Colors or not
• 9. Global Page Skin Color - Select the global color of the page
• 10. Global Page Skin Color - Hover - Select the global color of the page on hover

Custom Footer Options

• 11. Disable Footer Row #1 - Disable the first row of widgets;
• 12. Disable Footer Row #2 -Disable the second row of widgets;
• 13. Disable Footer Row #3 - Disable the third row of widgets;
• 14. Disable Footer Bottom Bar -Disable Footer Bottom Bar Options from Theme Panel;

angro Theme comes with a lot of custom widgets which can be found in your WordPress Admin Area under Appearance > Widgets.

1. angro - Contact
2. angro - Social icons widgets
3. angro - Posts thumbnails slider
4. angro - Recent Posts with thumbnails
5. angro - Contact + Social icons

angro comes with WPBakery Page Builder Plugin included, so any customer of the theme can use this amazing drag and drop page builder.

Besides default WPBakery Page Builder shortcodes, angro comes with +30 custom shortcodes.

angro comes a huge list of shortcodes integrated directly into WPBakery Page Builder Plugin

• Angro - CountDown
• Angro - CountDown Version 2
• Angro - Products Search
• Angro - Map Pins
• Angro - Custom Images with Links
• Angro - Product Categories w/ Icon
• Angro - Testimonials Slider - V1
• Angro - Testimonials Slider - V2
• Angro - Members Slider
• Angro - Pricing table
• Angro - Heading with bottom border
• Angro - Heading with Border
• Angro - Products list
• Angro - Alert
• Angro - Call to Action
• Angro - Products Grid
• Angro - Progress Bar
• Angro - Social icons
• Angro - Panel
• Angro - List Group
• Angro - Blog Posts
• Angro - Featured Post
• Angro - Button
• Angro - Products by Category v2
• Angro - Sale Banner
• Angro - Service style2
• Angro - Thumbnails custom content
• Angro - Section Title & Subtitle
• Angro - Section Title & Subtitle button
• Angro - Masonry Banners
• Angro - Products Slider
• Angro - Tabs categories
• Angro - Video
• Angro - Featured Simple Product

To allow for account registration

Please make sure that in Dashboard -> Settings -> General ->Anyone can register is turned on

And also in Woocommerce -> Settings -> Accounts and Privacy -> Allow customers to create an account on the "My account" page

You get free 6 month support with this item. If you need some help or found a bug or issue with the theme, you can always contact us here via email and we will respond to you within 1 day.

If you want to send us a message with an issue or a questions, you can reach us at Ticksy to submit a ticket.