Theme Documentation

Groffer - Organic Food Store Theme

Groffer is a theme for online grocery shopping. It is a highly customizable theme (using our ThemePanel) to make a beautiful wordpress site for grocery store. Powered by WP Bakery Page Builder, you can develop beautiful pages in a short time.

• One Click Demo Install
• Easy Installation & Setup
• Fully Customizable Options
• Retina Ready For Enabled Devices
• Custom Backgrounds Per Page/Post
• Multiple Colors & Skins Throughout
• Powerful Customization Options
• Font Icons Instead of Images
• Eye-Catching CSS3 Animations
• Well documented
• Constant Updates & New Features
• Incredible Shortcode Options
• MT Testimonials
• MT Members
• MT Clients

• Multiple Headers
• Multiple Footers Variants
• Advanced Typography Options
• Unlimited Sidebar Creation
• Multiple Custom Widgets
• Fully Optimized For Speed
• WPBakery Page Builder Included
• Compatible with Contact Form 7
• Compatible with Disquis Comment system
• Powerful Theme Panel
• 30+ custom shortcodes
• 10+ custom widgets
• Custom Menu Per Page/Post
• Back to Top button
• Premium dedicated support included

• 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/

That's it! WordPress should now be installed.

Check the Famous 5-Minutes Install here :

https://wordpress.org/support/article/how-to-install-wordpress/

or you can watch the following video.

The first option on how to install this Theme would be to directly upload the Groffer.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 "Groffer.zip" file in the Groffer_package/theme 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.

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

If you are experiencing any issues during the installation I would recommend to check out this Tutorial 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.

Theme Activator added in order to import demo data (theme panel tab).

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. How to activate?

An activated license will look like this, and will list the demo data for import:

Read the following tutorial to learn all the things about the new activator/license manager: License Manager introduced in our themes

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 -> Groffer Theme Panel -> Demo Importer

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

• General Settings
• Sidebars
• Back to Top Button
• Styling Settings
• Typography settings
• Responsive Typography
• Header Settings
• Footer Settings
• Contact Settings
• Services Settings
• Blog Settings
• Shop Settings
• Social Media Settings
• Mailchimp Newsletter
• Demo Importer
• Options Object
• Import / Export

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. Google Fonts - Change the list of included fonts of the theme
• 2. Blog Post Font Family - Change the main font family from the posts(Will be applied to all elements from the post pages which don't have a font-family css rule applied);
• 3. Heading H1 Font family - Change the font family, font-size, line-height and letter spacing of Heading H1;
• 4. Heading H2 Font family - Change the font family, font-size, line-height and letter spacing of Heading H2;
• 5. Heading H3 Font family - Change the font family, font-size, line-height and letter spacing of Heading H3;
• 6. Heading H4 Font family - Change the font family, font-size, line-height and letter spacing of Heading H4;
• 7. Heading H5 Font family - Change the font family, font-size, line-height and letter spacing of Heading H5;
• 8. Heading H6 Font family - Change the font family, font-size, line-height and letter spacing of Heading H6;
• 9. Inputs Font family - Set the font family for inputs and textareas;
• 10. Buttons Font family - Set the font family for buttons;
• 11. Menu Font family - Set the font family for the nav menu;

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

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 on the current post/page;
• 3. Select Slider Revolution - Set the Slider to show on the page;
• 4. Page title-breadcrumbs - Activate/Deactivate Page title-breadcrumbs;

General Page Options

• 5. 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;
• 6. Select Sidebar - Set a sidebar;
• 7. Rewrite Global Page Skin Color Theme Option? - Rewrite the color options from the Theme Panel;
• 8. Global Page Skin Color - Set a custom main color for Header on the current post/page;
• 9. Global Page Skin Color - Hover - Set a custom main color hover for Header on the current post/page;

Custom Footer Options

• 10. Disable Footer Row #1 - Check to disable footer row 1 (if enabled from Theme Panel);
• 11. Disable Footer Row #2 - Check to disable footer row 2 (if enabled from Theme Panel);
• 12. Disable Footer Row #3 - Check to disable footer row 3 (if enabled from Theme Panel);
• 13. Disable Footer Bottom Bar #3 - Check to disable footer bottom copyright bar;

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

1. groffer - Contact
2. groffer - Contact + Social links
3. groffer - Post thumbnails slider
4. groffer - Recent Posts with thumbnails
5. groffer - Social icons widget

Groffer 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, Groffer comes with +30 custom shortcodes.

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

• groffer - Alert
• groffer - Banner
• groffer - Blog Posts
• groffer - Button
• groffer - CountDown
• groffer - Featured Post
• groffer - Heading with Border
• groffer - Heading with bottom Border
• groffer - Icon List Item
• groffer - Icon Services
• groffer - Image List Item
• groffer - List Group
• groffer - Masonry Banners
• groffer - Members Slider
• groffer - Panel
• groffer - Pricing Table
• groffer - Products by Category V2
• groffer - Progress bar
• groffer - SALE BANNER
• groffer - Section Heading with Title and Subtitle
• groffer - Section Heading with Title
• groffer - Skill Counter
• groffer - Social Icons
• groffer - Tabs Categories
• groffer - Testimonials V1
• groffer - Testimonials Slider V2
• groffer - Thumbnails custom content
• groffer - Video
• groffer - Absolute Element
• groffer - Products Category Image
• groffer - Products Search

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.