Grosso - Premium WordPress / WooCommerce theme by AlThemist

Modern, professional e-commerce theme with exceptional features and unparalleled performance

• Created: 10/07/2018
• Latest update: 10/07/2018
• Author: AlThemist

Thank you for purchasing Grosso - Premium WordPress theme by AlThemist. We hope you'll enjoy working with it. Before you get started with Grosso, please be sure to always check these documentation files. We tried to make it as easier as possible to handle the Grosso theme and almost every feature is deeply explained with visual materials to help you get started.

Can't find the answer you need in the theme documentation? We've got you covered! Do not hesitate to contact us on our support forum or drop us a line in the theme comments on ThemeForest.

Grosso Theme is a modern and powerful multipurpose e-Commerce WordPress theme, suitable for all business, corporate, creative and online shopping websites, built by proven, world-known e-commerce specialists for both professionals and beginners. The main goal behind creating the Grosso theme was to offer a sophisticated platform, following the latest tendencies in modern web design. Despite the modern and complex structure, the theme is clean and light by nature so it's suitable for any type of online presence and proves once again that WordPress could be used not only for personal blogs and small projects but also as a fully professional website solution.

Tired of themes that needs an additional expensive plugins/extensions in order to simply function as it should?

Well, this is what Grosso is all about. The theme comes packed with huge number of customization options and tons of custom, built-in professional features which would cost you additional 350-400 USD if purchased separately. How many times you've bought a great extension and found it doesn't work with your custom theme? Now you have everything built-in and ready to focus on your main business!

Buying Grosso gives you a lot more than just a WordPress theme:

• Unique and powerfull Grosso Theme
• Ready to use child theme
• Theme Documentation
• Lifetime FREE Updates
• Premium plugins
• Premium plugins documentation
• Top notch dedicated Support

And many, many more...

Theme Requirements

In order to proceed with the theme installation, you need to make sure you have the latest version of WordPress (4.9.8+) on your self-hosted site. The theme has been built to work with the latest version of WooCommerce (3.5+).

1. Install The Theme

To install this theme you must have a working version of WordPress already installed. For information on installing the WordPress platform, please see the WordPress Codex. Upon downloading the main .zip file from Themeforest, you'll have all files you need inside. Extract the .zip file you downloaded and inside you will find the theme zip file called "Grosso.zip", that is the file you need to install.

Please Note: You can install the theme in two ways: through Wordpress admin, or via FTP. If you have trouble installing the theme via Wordpress, please proceed with installing it via FTP and you will be able to get around the issue.

1.1) Wordpress Installation

Follow the steps below to install via Wordpress.

• Navigate to Appearance > Themes.
• Click Install Themes and hit the upload button.
• Navigate to find the "Grosso.zip" file on your computer and click "Install Now" button.
• The theme will be uploaded and installed.
• Activate the newly installed theme. Go to Appearance > Themes and activate the installed theme.

1.2) FTP Installation

Follow the steps below to install via FTP.

• Log into your hosting space via an FTP software
• Unzip the Grosso.zip file and ONLY use the extracted "Grosso" theme folder
• Upload the extracted "Grosso" theme folder into wp-content > themes in your wordpress installation
• Activate the newly installed theme. Go to Appearance > Themes and activate the installed theme.

There are known issues with FTP clients for Mac computers which replaces the existing folders instead of merging with the theme folders. I would strongly recommend you to use FileZilla if you are using a Mac computer.

1.3) Importing The theme Demo Data

Importing the theme demo data is as easy as clicking on a single button. Navigate to your WordPress Admin area > Appearance>Theme Options > Import Demo tab and click the button on the left side. Keep in mind that in order to use the demo import feature, you'd need to activate your theme license.

Known Issues & Limitations:

• You can't import the demo data using the Grosso Child Theme. Please, switch to the original Grosso theme and activate the child theme (if you need to) after the import.
• Make sure your hosting account meets the minimum server requirements:
  • max_execution_time 60
  • memory_limit 128M
  • post_max_size 32M
  • upload_max_filesize 32M
  • PHP module SimpleXML enabled

Importing the theme demo data will replace ALL existing content with the demo content!!!
Before you import the data make sure that you use fresh WP installation, the theme is activated and all required and recommended plugins are activated!!!

BASIC WORDPRESS INSTALLATION GUIDE

BASIC WORDPRESS THEME INSTALLATION GUIDE

Install plugins

This theme comes bundled with several plugins and also requires other plugins in order to have the full functionality.

Included plugins

• Grosso Plugin - includes definitions of all widgets and custom post types used by the theme.
• WPBakery Page Builder - WordPress drag and drop page builder
• Revolution slider - premium responsive slider plugin.

Required plugins

• Grosso Plugin - includes definitions of all widgets and custom post types used by the theme.
• WPBakery Page Builder - WordPress drag and drop page builder
• Revolution slider - premium responsive slider plugin.

Recommended plugins

• WooCommerce - allows you to add e-commerce functionality.

Supported plugins

• YITH WooCommerce Wishlist - allows you to add Wishlist functionality to your e-commerce.
• YITH WooCommerce Compare - YITH WooCommerce Compare allows you to compare more products with WooCommerce plugin, through product attributes.
• Contact Form 7 - allows you to add unlimited contact forms everywhere in your site.
• Gravity forms - Advanced Forms for WordPress Websites.
• WPML - The WordPress Multilingual Plugin.
• Events Calendar
• many other major plugins

There are two ways to update your theme - Manual and Automatic. Keep in mind that in order to set automatic updates, you'd need to enter your Envato username and Envato API key in the Grosso Updates tab of the Theme Options .

1. Automatic Updates

In order to get automatic theme updates, make sure you have installed the Envato Market plugin.

With this plugin installed and configured, everytime there is an update it would be available for download and installation through the native Wordpress updates engine.

2. Manual Update via FTP

Follow the steps below to install via FTP.

Download the latest theme version from ThemeForest and make sure you only get the theme files, not the whole package.



• Unzip the grosso.zip file
• Open your FTP client (e.g. FileZilla) and navigate to wp-content/themes folder
• Remove the Grosso folder in your wp-content/themes directory and upload the new one. (alternatively, you can just drop the new folder there, but make sure all files will be overwritten and not merged).

There are known issues with FTP clients for Mac computers which replaces the existing folders instead of merging with the theme folders. I would strongly recommend you to use FileZilla if you are using a Mac computer.

No matter which option you chose, when the new files are uploaded, you'd need to check if there are updates for the theme plugin (Grosso Plugin) and all other bundled plugins like WPBakery Page Builder and revolution slider. if there are updates available, you'll see a "Install Plugins" sub-menu in Appearance menu of your WordPress admin. Please, always check if there are new plugins when you update the theme. Otherwise, it may cause errors on your site.

BASIC WORDPRESS INSTALLATION GUIDE

BASIC WORDPRESS THEME INSTALLATION GUIDE

Install plugins

This theme comes bundled with several plugins and also requires other plugins in order to have the full functionality.

Included plugins

• Grosso Plugin - includes definitions of all widgets and custom post types used by the theme.
• WPBakery Page Builder - WordPress drag and drop page builder
• Revolution slider - premium responsive slider plugin.

Required plugins

• Grosso Plugin - includes definitions of all widgets and custom post types used by the theme.
• WPBakery Page Builder - WordPress drag and drop page builder
• Revolution slider - premium responsive slider plugin.

Recommended plugins

• WooCommerce - allows you to add e-commerce functionality.

Supported plugins

• YITH WooCommerce Wishlist - allows you to add Wishlist functionality to your e-commerce.
• YITH WooCommerce Compare - YITH WooCommerce Compare allows you to compare more products with WooCommerce plugin, through product attributes.
• Contact Form 7 - allows you to add unlimited contact forms everywhere in your site.
• Gravity forms - Advanced Forms for WordPress Websites.
• WPML - The WordPress Multilingual Plugin.
• Events Calendar
• many other major plugins

When the theme files are uploaded and you activated the theme and required plugins, you would also need to make some settings configuration.

You can get instructions on how to generate API key here: Envato API Key

You can this in the Theme Options

SETTING UP THE HOMEPAGE AND BLOG

To set one of the pages you have create as a Homepage and the main blog page:

1. Go to Settings > Reading
2. Select "A static page"
3. For Front page select the page you want in the select box. If no demo content is uploaded you will need to create a new page.
4. For Posts page select the page you want in the select box. If no demo content is uploaded you will need to create a new page.

SETTING UP THE PORTFOLIO

To set one of the pages you have create as a portfolio page:

1. Create a page and name it "Portfolio" or whatever you need it to be
2. In the WPBakery Page Builder editor chose the Projects elements.
3. Configure the element options as per your needss.

Next step - click on Portfolios>Portfolio Categories in the left menu:

1. Create the categories you need in your portfolio (e.g. Web projects, Print projects, Lookbooks etc.)
2. Click on Porfolios>Add new
3. Create some projects to be displayed in your portfolio page.

Each portfolio post can have one or multiple portfolio categories assigned. You can also use some of the predefined Project details fields, Main features fields and Additional details. At the bottom-right of the page you could set the featured images (gallery) display type for the portfolio post. Available Options are: Slideshow, CloudZoom or Image list with lightbox

SETTING UP THE SHOP

Weh you install the WooCommerce plugin, it would automatically create all pages needed for the shop, including the main "Shop" page. Alternatively, you could set a custom shop page in WooCommerce>Settings>General.

SETTING UP THE PRODUCT IMAGE SIZES

You would also need to set the recommended for the theme product image sizes under Appearance > Customize > WooCommerce > Product images.

WITH THE ABOVE STEPS COMPLETED, THE THEME IS NOW FULLY ACTIVATED AND CONFIGURED

Grosso Theme Options is the place where you can control the appearance and some of the functionalities of the theme like creating and setting sidebars, image preview types, colors, backgrounds, fonts, countdowns, sliding blocks etc.

ADVANCED BACKGROUNDS

The Grosso theme gives you the ability to place a fuullscreen video background (*youtube only!), fullscreen image/images slideshow background on selected pages. All pages except shop categories, could have their individual settings with different backgrounds OR you could set the backgrounds globally (for the entire site, for the entire shop area, for the entire blog area etc.).

You would need to keep in mind that the backgrounds have their own strict hierarchy:

1. Video backgrounds are always first!
2. If you set both video background and an image background for a certain area/page - video would be displayed
3. If you set a global video background for the site, it would overwrite ANY other image backgrounds set on per page/area basis
4. If you set a global image background for the site, you can still set a different video or image background/slideshow on per page/area basis.

Additionally, for the video backgrounds you could set a:

1. Video start time (in seconds) (*REQUIRED) - this is the second from the video beginning where you want it to start playing. Usually it is set to 0 so the video starts from the beginning.
2. Video end time (in seconds) (OPTIONAL) - this is the time of the video from the beginning where you want it to stop playing or loop from the start time
3. Video Loop (OPTIONAL) - whether the video should start again when it reached the end or not.
4. Video sound (mute) - whether the video should play with sound or not. If sound is enabled, video playback controls would be displayed, giving the user options to stop/pause/play and mute the vide0

All the theme options are selfexplanatory and easy to understand.

All theme options have their default values pre-assigned. If you want to reset the settings, just hit the "Reset defaults" button on the bottom left of the page.

The Grosso theme comes with 4 default menu positions:

• - Main menu located near the logo (depending on theme options conguration)
• Top menu - positioned on top of the main header. In order to use the Top Menu postion, the header Top bar must be enabled in Theme Options (or page options)
• Footer Menu - displayed in the footer above the widgets
• Mobile Menu - you can build dedicated menu for mobiles. In case there is no menu explicitly set as Mobile menu, the theme will automatically use the Main Menu

Follow the next steps to define menus for each of the theme's menu locations:

1. Navigate to Appearance>Menus
2. Make sure you enabled the positions accordingly - Main Menu - Main Menu and Top Menu - Top Menu (the menu name could vary of course depending on the name you gave it)

In each menu, you can add as many items you need: links, pages, posts, custom links, shop categories, direct links to products, internal or external link.:

Grosso Theme comes with built-in (no plugins needed) Mega Menu functionality.

Setting-up the mega menus is extremely easy and follows the default WodPress menu building process. Every options is intuitive and self-explanatory. Small tips are displayed when needed.

Grosso Theme menus also gives you a custom menu item labeling functionality. Every single menu item could have it's own label with custom background color so you could easily drow your visitors attention to certain areas.

The Grosso theme comes with the famous WPBakery Page Builder drag-and-drop page builder by WP Bakery.

We took an extra step with the WPBakery Page Builder integration and included tons of custom built content elements like Grosso specific product listings, Posts listings, entire Blog listing, Icon titles, Icon Boxes, Icon teasers, portfolio listings and many more.

While the WPBakery Page Builder comes built-in and integrated within the theme, keep in mind you don't actually have a full license, so you can't update it by yourself and you can't ask the WPBakery Page Builder developers support questions (unless you have purchased a separate license). Even if you have purchased a separate license, we would STRONGLY RECOMMEND you not to update it by yourself and wait for a theme update instead! The theme theme is constantly updated and improved, so we would do our best to update all plugins as soon as possible, when a new version is out.

If you face dificulties with the WPBakery Page Builder plugin, consult with the plugin documentation provided with the theme or check the video tutorials available online.

Check all WPBakery Page Builder video tutorials

The Grosso theme is using several types of slideshows on different locations.

Grosso Content Slider, Owl carousels and FlexSlideshow

The Flex Slideshow for posts, pages and portfolios works with the featured images for every post/page and portfolio. When selecting featured images, if you set more than 1 (the theme gives you the ability to upload up-to 6 featured images), a featured post slider is created automatically. It would be displayed on top of the page/post and also in blog posts listing pages (the blog page, blog categories, blog archive etc.)

Flex Slideshow is also used (optionally) in portfolio projects (unless you set a CloudZoom gallery or Image list option, which is made individually for every project in it's edit page).

Flex Slideshow could also be assigned manually to ANY position in content of pages and posts using the WPBakery Page Builder shortcode.

OWL carousel slideshow

The OWL carousel slideshow is an option enabled in Theme Options, converting all related products, related posts and related portfolio projects into a swipe/touch enabled responsive carousel. It could be set ON/OFF in Theme Options and the setting is global for all related products, related posts and related portfolio projects.

Additionally, Grosso theme provides with an option to display blog posts shortcode, portfolio projects shortcode, Product lists shortcode and product categories shortcode as carousel OR grid.

The Grosso Content Slider

Asthe name suggest, this is a WPBakery Page Builder element, where you can place ANY content in separate slides. Build hero page sliders or custom content sections - your imagination is the only limitation.

Revolution Slider is an advanced, multilayered responsive sldier plugin built by ThemePunch. This plugin features tons of unique transition effects, an image preloader, video embedding, autoplay that stops on user interaction and lots of easy to set options to create your own effects.

Before you can use the sliders in your posts and pages, you would need to create them. Than you could simply attach them as a featured slider of your posts and pages. Alternatively, you could use the Revolution Slider integration with the WPBakery Page Builder and place sliders wherever you want in your content.

IMPORTANT: THE REVOLUTION SLIDER INCLUDED WITH THIS THEME DOESN'T GIVE YOU A SEPARATE LICENSE FOR THE PLUGIN ITSELF! AS YOU ARE NOT A LEGIT PLUGIN BUYER, YOU CAN'T ASK THE PLUGIN AUTHOR FOR SUPPORT!

Even if you have purchased a separate license, we would STRONGLY RECOMMEND you not to update it by yourself and wait for a theme update instead! The theme is constantly updated and developed, so we would do our best to update all plugins as soon as possible, when a new version is out.

If you face dificulties with the WPBakery Page Builder plugin, consult with the plugin documentation provided with the theme or check the video tutorials available online.

The Grosso theme comes with unuque product feature built-in. We are proud to introduce the WoCommerce limited time offers with a Groupon-style countdows. In order for the countdowns to function properly, you would need to do the following:

1. Set Countdowns as ENABLED in Theme Options>Shop tab
2. Make sure your products with discount have "Sale Price Dates" scheduled. Both Start Date and End Date must be set!!!
3. Products on sale without Start Date and End Date would be displayed as normal sale products without countdown.

The Grosso theme limited time offer countdows are prelocalized to 51 languages and work perfectly, converting the countdown automatically, depending on the chosen language.

We've used the following images, icons or other files as listed.

• Supersized JS plugin
• Flex slider by WooThemes
• jqueryCountdown by Keith Wood
• Tipsy jQuery Plugin
• Google Fonts
• WPBakery Page Builder by wpbakery
• revolution slider by ThemePunch
• Photodune images by Jordan Rusev, dmitroza, AndreyPopov, DanielDash, andreasgradin, Novic, CURAphotography, Yuri_Arcurs, valuavitaly and other talented photographers. These images are NOT included in the download pack .