Welcome to Next Free Magento 2 Theme! We would like to thank you for purchasing Next Magento 2 Theme! We are very pleased you have chosen Next Magento 2 Theme for your website, you will be never disappointed! Before you get started, please be sure to always check out this documentation.


Compatible with Magento:

Magento 2.2.x, 2.3.x


Magento 2 Help:

System Requirements

Installation Guide

Online Magento 2 guide

Magento Forum

magento.stackexchange.com

HiddenTechies Blog

Next is a free, responsive, clean and modern Magento 2 theme which will be a perfect match for your online store.

Next is a Professionally design Free Electronic Magento 2 Theme that specially designed for Electronic store, Digital store, Mobile store and TV store. The theme is professionally designed and hand-coded according to current Magento standards, which help your ranking in search engines like Google, Yahoo etc.

This Magento 2 theme has advanced features which will make your website becomes more professional with clean and classy layouts. It is fully responsive and looks stunning on all types of screens and devices.

Key Features

  • Magento 2.0 Ready!
  • Fully Responsive
  • Touch Optimized Slideshow
  • Cross Browser Compatibility
  • Featured Product List
  • Off Canvas Menu
  • Powerful Admin Panel
  • Auto Install Demo Content
  • Avoid Javascript Confliction
  • No Core Modifications
  • Easy Use and Easy Customize
  • Well-structured and commented code for easy customization

Unleash your creativity and build something amazing with Next Free Magento 2 Theme!


Compatible Extensions

  • Advance Product Quick View and Ajax Cart By Weltpixel
  • Checkout Suite By Iwdagency

To install the Magento 2 follow the instructions below:


1. Create an empty database with correct permissions in phpmyadmin.

2. Enter your Magento 2 url in browser and hit Enter.

Magento 2 Installation

3. Click on "Agree and Setup Magento".

Magento 2 Installation

4. Now Magento 2 will check your environment for readiness for the setup. Click on "Start readiness check".

Magento 2 Installation

4.1. If you pass all the checks, you can continue. Have you not, you must fix the error to continue. The 2 most often errors are php Settings Check and php Extensions Check.

Magento 2 Installation

PHP Settings Check: always_populate_raw_post_data error. To resolve this error, you need to access php.ini file. Using XAMPP, open this file like that:

PHP Settings Check: Search this line: always_populate_raw_post_data = -1 Make sure the number is -1, then remove the semicolon “;? at the beginning of the lines.

PHP Extensions Check: The usual missing extensions are xsl and intl. To resolve this, search extension=php_intl.dll as well as extension=php_xsl.dll, then both remove the beginning semicolon “;?.


Note: Now you need to stop both Apache and MySQL in XAMPP, then restart them again for new effects to be activated and resolved. Click Try Again in localhost for new result, after checking, hit Next.


5. Now enter Empty database that you created previously, where you want to install Magento2.

Magento 2 Installation

6. Click Next, now you will be asked for web configurations like store url, admin url, Apache rewrites, https options.


7. Click Next, now you can select Timezone, Currency and language in "Customize Your Store" section.

Magento 2 Installation

8. Click Next, Enter Admin username, email and password to setup Admin credentials.

Magento 2 Installation

9. Now Magento 2 is ready to be installed on localhost. Click on "Install Now". Don’t close your browser until setup is done.

Magento 2 Installation Magento 2 Installation

10. After the installer has completed the setup, it will show Success page.

Magento 2 Installation

10. Open Magento Admin panel, enter your admin credentials given at the time of setup.

Magento 2 Installation

To install the theme follow the instructions below:


Prepare Installation

We recommend you to duplicate your live store on a development store and try installation on it in advance.

Backup Magento files and the store database.

Disable all cache related section that you have in your Magento.


Theme Installation

1. Download theme package from your my account page

2. Copy(upload) files and folders from theme archive to your Magento 2 root directory

3. In command line, using "cd", navigate to your Magento 2 root directory

4. Run below commands

  • php bin/magento setup:upgrade
  • php bin/magento setup:static-content:deploy -f

5. Flush store cache and log out from the backend and log in again to see changes./p>

6. Your theme is now installed and ready for work.

7. Select your HiddenTechies Next theme in Content > Design > Configuration page for Magento 2.1.x, 2.2.x version.

Note: Once you installed Next theme, all the static blocks and pages shown in live demo will be installed automatically to your Magento 2 setup.

If you need to customize the theme, we recommend you to create the child theme.

How To Create A Child Theme?

Next - Child Theme

Below steps define how to create a Magento 2 child theme.

For Next Theme

Vendor name: Hiddentechies

Parent Theme name: next

Step 1: Create child theme folder named as {parent-theme-name}_child in the below folder path.

"app/design/frontend/{theme-vendor-name}/{parent-theme-name}_child"

Ex: Magento root folder/app/design/frontend/Hiddentechies/next_child

Step 2: Create file theme.xml inside the child theme.


<theme xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:Config/etc/theme.xsd">
    <title>Hiddentechies Next Child</title>
    <parent>Hiddentechies/next</parent>
    <media>
        <preview_image>media/preview.jpg</preview_image>
    </media>
</theme>

                    

Step 3: Create a registration.php file for registering your child theme.


<?php

\Magento\Framework\Component\ComponentRegistrar::register(
    \Magento\Framework\Component\ComponentRegistrar::THEME,
    'frontend/Hiddentechies/next_child',
    __DIR__
);

                    

Step 4: Create composer.json.


{
    "name": "hiddentechies/theme-frontend-next-child",
    "description": "N/A",
    "require": {
        "php": "~5.6.5|7.0.2|7.0.4|~7.0.6",
        "magento/theme-frontend-blank": "100.1.*",
        "magento/framework": "100.1.*"
    },
    "type": "magento2-theme",
    "version": "100.1.3",
    "license": [
        "OSL-3.0",
        "AFL-3.0"
    ],
    "autoload": {
        "files": [
            "registration.php"
        ]
    }
}

                    

Step 5:

Add preview.jpg in "app/design/frontend/Hiddentechies/next_child/media" folder.

Add view.xml in "app/design/frontend/Hiddentechies/next_child/etc" folder.

You can copy both file and image from parent theme.

How To Use A Child Theme?

Go to Admin > Content > Design > Configuration

Next - Use Child Theme

Now click on "Edit"

Next - Use Child Theme

Choose the child theme(Hiddentechies Next Child) from dropdown menu.

Next - Use Child Theme

And click on  Save Configuration  button.

Homepage Content Configuration

How to select or change a Homepage?

In order to select or change Homepage, Go to Admin > Store > Configuration > General > Web > Default Pages tab, choose the page in CMS Home Page field.

Next - Select Or Change Homepage

And click on  Save Config  button.

How to edit Homepage content?

Homepage content structure.

Next - Homepage Content Structure

In our Next theme, you can add content from 2 places.

1. From CMS Homepage, go to Content > Elements > Page, open and edit active home page. Content can be found in the main field of the Content tab.

2. From Static Blocks, go to Content > Elements > Blocks.

Next theme contains above and below static blocks.

i.e Demo contains "Next Above" and "Next Below"

Next - Homepage Static Blocks
How to edit homepage slider?

To edit home page slider, please go to Admin > Content > Elements > Blocks and select the "Home Slider" static block.

You can add the slider block code into the cms content field like below.

                        
{{widget type="Magento\Cms\Block\Widget\Block" template="widget/static_block/default.phtml" block_id="home-slider"}}
                        
                    
Next - Homepage Slider
How to show featured products in homepage?

Add Featured Products

To add featured products on home page, you need to add product widget in home page.

In order to add widget follow the below steps.

Step 1: Go to edit CMS home page or static block that displays content on home page.

Step 2: Click on  Insert Widget...  button and select the widget type "Catalog Products List".

Next - Homepage Insert Widget Next - Homepage Select Fatured Product Widget

Step 3: Add necessary details.

Title: Add title.

Number of Products to Display: Add how many products you want to display in widget.

Conditions: Select "Is Featured" to "Yes". (Note: You need to select "Is Featured" attribute "Yes" in the products.)

Next - Homepage Insert Featured Product Widget

And click on  Insert Widget  button.

Or you can add the block code into the cms content field like below.

                        
{{widget type="Magento\CatalogWidget\Block\Product\ProductsList" title="Featured Products" products_count="10" template="product/widget/content/grid.phtml" conditions_encoded="a:2:[i:1;a:4:[s:4:`type`;s:50:`Magento|CatalogWidget|Model|Rule|Condition|Combine`;s:10:`aggregator`;s:3:`all`;s:5:`value`;s:1:`1`;s:9:`new_child`;s:0:``;]s:4:`1--1`;a:4:[s:4:`type`;s:50:`Magento|CatalogWidget|Model|Rule|Condition|Product`;s:9:`attribute`;s:11:`is_featured`;s:8:`operator`;s:2:`==`;s:5:`value`;s:1:`1`;]]"}}
                        
                    
Next - Homepage Featured Product Widget
How to show latest(new) products in homepage?

Add New Products

To add new products on home page, you need to add new product's widget in home page.

In order to add widget follow the below steps.

Step 1: Go to edit CMS home page or static block that displays content on home page.

Step 2: Click on  Insert Widget...  button and select the widget type "Catalog New Products List".

Next - Homepage Insert Widget Next - Homepage Select New Product Widget

Step 3: Add necessary details.

Number of Products to Display: Add how many products you want to display in widget.

Next - Homepage Insert New Product Widget

And click on  Insert Widget  button.

Or you can add the block code into the cms content field like below.

                        
{{widget type="Magento\Catalog\Block\Product\Widget\NewWidget" display_type="all_products" products_count="10" template="product/widget/new/content/new_grid.phtml"}}
                        
                    
Next - Homepage New Product Widget
Latest Posts (Blogs) Block

To edit this block, go to Admin > Content > Elements > Blocks and edit "Home Blogs".

To add latest news block, use below code into the cms content field.

                        
{{widget type="Magento\Cms\Block\Widget\Block" template="widget/static_block/default.phtml" block_id="home_blogs"}}
                        
                    
Next - Homepage Latest News
Testimonials Block

To edit this block, go to Admin > Content > Elements > Blocks and edit "Home Testimonials".

To add testimonials block, use below code into the cms content field.

                        
{{widget type="Magento\Cms\Block\Widget\Block" template="widget/static_block/default.phtml" block_id="home_testimonials"}}
                        
                    
Next - Homepage Testimonials
Brands Block

To edit this block, go to Admin > Content > Elements > Blocks and edit "Home Brands".

To add brands block, use below code into the cms content field.

                        
{{widget type="Magento\Cms\Block\Widget\Block" template="widget/static_block/default.phtml" block_id="home-brands"}}
                        
                    
Next - Homepage Brands
Other Content Blocks

1. To edit below block, go to Admin > Content > Elements > Blocks and edit "Home Images Block (Identifier: home-images-one)".

To add, use below code into the cms content field.

                        
{{widget type="Magento\Cms\Block\Widget\Block" template="widget/static_block/default.phtml" block_id="home-images-one"}}
                        
                    
Next - Home Images Block

How to change Logo?

Go to Admin > Content > Design > Configuration > Edit your theme > Header Tab

Logo Image: Upload your logo.

Logo Attribute Width: Add logo width.

Logo Attribute Height: Add logo height.

Welcome Text: Welcome texts in header.

Logo Image Alt: Logo Alt texts. It will display if in case logo image is not found.

Next - Change Logo

Click on  Save Configuration  button.

How to change Favicon?

Go to Admin > Content > Design > Configuration > Edit your theme > HTML Head Tab

Favicon Icon: Upload your favicon icon with one of below file types.

Allowed file types: ico, png, gif, jpg, jpeg, apng.

Next - Change Favicon

Click on  Save Configuration  button.

Next theme provides config options to manage footer links, contact details and copyright texts.

Footer Columns
Next - Footer Columns

Enable Footer Columns: Enable/Disable Footer column block.

Column 1:

1. If you want to display content from static block then select "Static Block" option in dropdown and add static block identifier.

Static block used in demo - Footer Quicklinks Block (Identifier: footer_quicklinks)

2. Select "Quick Links" option from dropdown to display Magento 2 default footer links block.

Next - Footer 1st Columns

Footer 2nd Column: Add static block identifier to display content in footer 2nd column.

Static block used in demo - Footer My Account Block (Identifier: footer_myaccount)

Next - Footer 2nd Columns

Footer 3rd Column: Add static block identifier to display content in footer 3rd column.

Static block used in demo - Footer Payment & My Account (Identifier: footer_payment_shipping)

Next - Footer 3rd Columns
Footer Contact Block
Next - Footer Contact Block

Add/Edit address, email and phone number display in 4th footer column.

Next - Footer 4th Columns
Footer Copyright
Next - Footer Copyright

Enable Footer Bottom: Enable/Disable footer bottom block

Copyright Text: Add copyright text.

Copyright Right Block: Add static block identifier to add static content right to the copyright text.

Static block used in demo - Payments Icons (Identifier: payment-icons)

Next - Footer Copyright Block

Next is equipped with administrative module which gives you the ability to configure most of the functionality in powerful admin panel. Using this powerful settings panel, you can configure your store easily without any coding.

Go to Stores > Configuration > Hiddentechies > Next Settings section to start your own configuration.

Note: We recommend you to disable magento cache before you start configuration of theme from settings panel. Otherwise, you will need to flush the cache everytime to see your changes.

Next - Free Magento 2 Theme Settings
Activate Your License

Product Sku: Add the product sku. For Next theme add "M2HTNEX".

Activation Key: Please enter your valid activation key.

Refer below link for more info.

https://www.hiddentechies.com/activate-product


Navigation Settings

Add Home Link: Select Yes or No. If Yes, it will display "Home" link in navigation menu.


Add Custom CSS

Custom CSS 1: You can put your own CSS styles without touching theme files.


Now the general options for Next are configured.

Please, if you have any questions, run into any issues or just need some help, do not hesitate to contact us via our Support Center.
We believe in providing the best support possible, and we monitor our Support center just about 24/7.

Your feedback is absolutely welcome!

//