How to Build a Grocery Ecommerce WordPress Website (GreenMart Template)

Grocery ecommerce wordpress website

After purchasing our theme, you need to go your download area, click on button Download and select download All files & documentation.

Grocery ecommerce wordpress website

Download Greenmart Theme

After download completed, you need to unzip the package and select the way you want to install the theme.

 

Once the download is complete, unzip the file and you would see the following packages:

  • Documentation – our detail documentation for the theme
  • Licensing – the theme license
  • Plugins – the Bundled Plugins
  • Sample Data – the sample data of the demos, you can import it
  • Theme – for manual installation

You can install GreenMart theme directly in WordPress Admin or upload files via FTP

Theme Installation via WordPress

Please, follow the steps below to install GreenMart Theme (Make sure you had extract files).

  • Step 1 – Login to your WordPress Dasrdoard.
  • Step 2 – Navigate to Appearance ► Themes.
  • Step 3 – Click Add New button on top of the page.
  • Step 4 – Then click Upload Theme.
  • Step 5 – Next, Browse to the zip file and click Install now for the theme to be uploaded and installed.
  • Step 6 – After done installing, click Activate the theme

IMPORTANT NOTE

You need install all required plugins after install parent theme. You should only install Child theme after complete install all required plugin.

Theme Installation via FTP

Using an FTP software like File Zilla or CuteFTP to upload the theme files to your WordPress site.

The first, extract the theme file “greenmart.zip“, you will have a folder “greenmart” include all theme files and folders (css, images, fonts…).

Please, follow the steps below to install the theme via FTP:

  • Step 1 – Log into your hosting space (server) via FTP client.
  • Step 2 – In extracted archive folder, find greenmart.
  • Step 3 – Upload the greenmart folder to your server in path ROOT/wp-content/themes/.
  • Step 4 – The uploaded path should be like this: ROOT/wp-content/themes/greenmart/.
  • Step 5 – Login to your WordPress Dasrdoard and go to Appearance ► Themes and activate the GreenMart theme.

Install Plugins

Elementor and WPBakery are two completely different versions. So cannot use both Elementor and WPBakery at the same time. You need to remove one of the two plugins.

Please, follow the steps below to install required plugins:

  • Step 1 – After activating the theme, you will be asked to installed the required and recommended plugins, you can proceed by clicking on Begin installing plugins
  • Step 2 – In the next page, check all the plugins that you want to install then on the drop down Bulk Actions, choose Install then click Install, the plugin installation process will start.
  • Step 3 – Check all the plugins that you want to activate then on the drop down Bulk Actions, choose Activate and click Apply, the plugin installation process will start. Wait for all the plugin activated then you can start customizing your website as you wish

Elementor and WPBakery are two completely different versions. So cannot use both Elementor and WPBakery at the same time. You need to remove one of the two plugins.

With “One click import”, customer do not import step by step data as import usual. It import all data like : Content, Widget, Revolution slider, Menu, Customize…

To use the “One click import” function, you need to meet the following requirements:

  • Step 1 – Login to your WordPress Dasrdoard.

  • Step 2 (Important Step) – Deactivate the plugin WPBakery

     

  • Step 3 – Go to Appearance > Theme Setup > Click to Start

  • Step 4Install Child Theme

  • Step 5Import Content: Select the Demo you want, then click to Import

    The process may take some time. Please wait

    All done. Have fun!

  • Step 6 – Save information all products (fix errors not showing Categories, products)

    6.1 “Quick Edit” any product.

    6.2 Check all categories, then click Update

  • Step 7 (Important Step)Regenerate CSS for Elementor: Styles set in Elementor are saved in CSS files in the uploads folder. Recreate those files, according to the most recent settings.

  • Step 8 (Important Step) – Configure Content Width = 1200px

    Click on the menu on the top left

    Click to Site Settings

    Click to Layout

    Widgets Space (px) = 0, Content Width (px) = 1200

  • Step 9 – Elementor Settings: Enable Elementor for Tbay Footer, Tbay Megamenu, Disable Default Colors, Disable Default Fonts.

  • Step 10 – Configure Mega Menu

  • Step 11 – Choose Shop Page: Go to WooCommerce > Settings > Products > General > Shop Page

  • Step 12 – Choose Cart and Checkout Page: Go to WooCommerce > Settings > Advanced

  • Step 13 – Create Variable Products: You can read more here => https://docs.woocommerce.com/document/variable-product/

If you have a website with data available, follow these steps to use the “GreenMart” theme for your website.

  • Step 1 – Install and activate theme.

  • Step 2Deactivate and Delete the plugins “Urna Core“, “Thembay Elementor“, “Tbay Framework Pro” (If they exist in your old Theme)

     

  • Step 3 – Install and activate the required plugins.

  • Step 4 (Important Step) – Deactivate the plugin WPBakery

     

  • Step 4.1 (Options) – Install the Marketplace plugin that you will be using. It will make the imported data more standard. Can be ignored if you have the plugin installed or do not need to use it

    • Dokan
    • WC Marketplace
    • WCFM
    • WC Vendors
  • Step 5 – Go to Appearance > Theme Setup > Click to Start

  • Step 6Install Child Theme

  • Step 7Import Content: Select the Demo you want (Uncheck the content section), then click to Import

    The process may take some time. Please wait

    All done. Have fun!

  • Step 8 (Important Step) – Configure Content Width = 1200px

    Click on the menu on the top left

    Click to Site Settings

    Click to Layout

    Widgets Space (px) = 0, Content Width (px) = 1200

  • Step 9 – Create a Home Page with the template we provideChoose Sample Data > elementor > pages > home page > template-home-xxx.jsonTurn Off Breadcrumb on HomepageChoose homepage displays
  • Step 10 – Create a Footer with the template we provideChoose Sample Data > elementor > footer > template-footer-xxx.jsonChoose Custom Menu for FooterSelect Footer default in Theme Options
  • Step 11 – Import MailChimp formIf your MailChimp form does not display as well as above, use the code below
<div class=mail-style1>
<div class=input-group>
<input id=mc4wp_email class=form-control input-newletter name=EMAIL required=required type=email placeholder=Enter your email address />
<span class=input-group-btn>
<input class=btn btn-default type=submit value=SUBSCRIBE />
</span>
</div>
  • Step 12 – Create a Header with the template we provideChoose Sample Data > elementor > header > template-header-xxx.jsonChoose Main MenuSelect Header default in Theme Options
  • Step 13 – Fix the error of the misaligned icon on the Header.Click on the menu on the top leftClick to Site SettingsClick to Layout

    Widgets Space (px) = 0

    The Result

  • Step 14 – Choose Shop Page: Go to WooCommerce > Settings > Products > General > Shop Page
  • Step 15 – Choose Cart and Checkout Page: Go to WooCommerce > Settings > Advanced
  • Step 16 – Manual Import Revolution Slider
  • Step 17 – Configure Mega Menu

Each GreenMart’s skin uses a separate data, so if you want to switch between skins you need to reset the data, then import the data again.
Use this plugin to reset the WordPress database : https://wordpress.org/plugins/wordpress-reset/

Step 1 – Install WordPress Reset plugin.

 

Step 2 – Reset Database

Step 3 – Configure the Theme Setup as instructed above

[Grocery ecommerce wordpress website]

1. Page not found

In this case, you only need to import the data again.

 

3. If you have problems importing the demo ( example : infinite loading, error 505 with when using wordpress importer ) then you may have a problem with the server settings.Please check these:

1. If the import stalls and fails to respond after a few minutes, or it fails with a simple error message like “Import failed,” You are suffering from PHP configuration limits that are set too low to complete the process. You should contact your web host and ask them to increase those limits to a minimum as follows:

  • max_execution_time 3600
  • max_input_time 3600
  • memory_limit 256M
  • post_max_size 64M
  • upload_max_filesize 64M
  • max_input_vars 3000
  • allow_url_fopen on (!important)

 

You can verify your PHP configuration limits by installing a simple plugin found here. And you can also check your PHP error logs to see the exact error being returned.

2. Also if possible update your PHP version to 5.6+

3. Save all config in Woocommerce before import data

After doing this you can reset your database using the WordPress Database Reset Plugin and try to re-import the demo data ( WARNING : Reset the database will make you lost all the data of your current wordpress )

If you still have problem your web host may uses process watching software that prevents bulk processing on their web servers.

If you have problem please submit a ticket and we will help you to import the demo.

About TenaciousAlaf

A result driven Blogger, Web Designer & Digital marketer with experience and passion for developing scalable acquisition strategies through paid acquisition and SEO. Hire me @ https://portfolio.swalaf.com

Check Also

Free Best Web and WordPress Hosting Services

11 Complete Free Best Web and WordPress Hosting Services For Nigerians (2021)

Free Best Web and WordPress Hosting Services If you want to launch your very own …

Leave a Reply

Your email address will not be published. Required fields are marked *