How to Create Magento2 Custom Theme?

Theme is a major component of Magento 2. As, it gives a consistent feel as well as look to your whole website. To add a “WOW Factor” to your site, we have come up with a new amendment that helps you create a custom theme on your Magento 2!

Below we have showcased a complete step-to-step tutorial with ‘How to Create Magento2 Custom Theme’. So now read and invent your brand new Magento 2 theme in a matter of few clicks.

Step 1: To create a custom theme in magento2,
First, you have to go: <your Magento 2 root directory>/app/design/frontend.

  • Under the front-end directory, create a new directory as per your theme vendor name: /app/design/frontend/Envision (For example: I choose Envision for my theme vendor name)
  • Under your theme vendor directory, create a directory for your Magento 2 theme: /app/design/frontend/Envision/e2-theme.

After that, you have to reveal your Magento 2 theme so that Magento e-commerce system knows it exists in Magento. Plus, allow you to set your theme as an active theme in the backend of your Magento 2 stores.

Step 2: Declare your theme in Magento 2 Now you need to declare your theme in Magento2 by creating a theme.xml file under app/design/frontend/Envision/e2-theme/theme.xml and use the code below:

<theme xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:Config/etc/theme.xsd">

<title>e2-theme</title>

<parent>Magento/Luma</parent>

<media>

<preview_image>media/e2-theme-image.jpg</preview_image>

</media>

</theme>

Step 3: Make a Composer package

You need to add a composer.json file in a directory of your Magento 2 theme: app/design/frontend/Envision/e2-theme/composer.json and use the following code to register the package on a packaging server:

{

"name": "Envision/e2-theme",

"description": "N/A",

"require": {

"php": "~5.5.0|~5.6.0|~7.0.0",

"Envision/e2-theme": "100.0.*",

"magento/framework": "100.0.*"

},

"type": "magento2-theme",

"version": "100.0.1",

"license": [

"OSL-3.0",

"AFL-3.0"

],

"autoload": {

"files": [

"registration.php"

]

}

}

Step 4: Add “registration.php” File

To register your Magento 2 theme in the Magento system, you have to build registration.php file in a directory of your Magento 2 theme: app/design/frontend/Envision/e2-theme/registration.php and use the following code in your registration.php:

<?php

/**

* Copyright © 2015 Magento. All rights reserved.

* See COPYING.txt for license details.

*/

\Magento\Framework\Component\ComponentRegistrar::register(

\Magento\Framework\Component\ComponentRegistrar::THEME,

'frontend/Envision/e2-theme',

__DIR__

);

After completing theme registration, you need to go to Magento 2 backend, then go to Content > Design > Themes so that you make certain that your Magento 2 theme appears in this list.

If you have any query, please feel free to contact us at [email protected] or if you have any additional method or tip on this, please let us know by leaving your comment in the comment section below.

Migrate your HTTP Sites to HTTPs as Google is Going to Mark It Unsecured!

The security team of Google Chrome has recently announced that the browser will start labeling Http connections as non-secure by the beginning of the January 2017.

So, it has been recommended that site owners should migrate their website to HTTPs to increase the level of security towards the personal and other sensitive data like login credentials. HTTPs is mainly created to help protect the integrity and the confidentiality of sensitive data which moves between the websites and end-users. Without HTTPs, the site’s important or personal information can be stolen.

Emily Schechter, Team Member of Chrome Security, said that “Beginning in January 2017 (Chrome 56), we’ll mark HTTP sites that transmit passwords or credit cards as non-secure, as part of a long-term plan to mark all HTTP sites as non-secure.”

Fact and figure shows that Google Chrome presently holds 55 percent of the mobile and desktop browser market share, in which half of the web browsing individuals will not be able to access your site, without HTTPs. So it is necessary to use HTTPs, especially if you are collecting payment info, passwords or any other personal information on any of your web pages. With HTTPs, Google will also give a slight boost to your website’s ranking.

Now make your New Year even more secure with a secure web. See this thread to know how to do it. See this thread to know how to do it https://www.searchenginejournal.com/step-step-guide-migrate-site-https/177790/

Envision Ecommerce Announcing a New Extension for Magento 2! Add to Cart by SKU

We are in the last week of the year, so it is crucial for us, especially for online businesses to have a secure, fast website that can manage massive web traffic without going offline or slowing down the site’s speed. So as an online retailer — you should take the advantage of these holidays by preparing your e-commerce website with ultimately new features, extensions, plugins, etc. that help you make 2016 your most fulfilling and prosperous year yet.

That is why, today we at Envision Ecommerce are extremely excited to announce our new extension named ‘Add to Cart by SKU’ which allows Magento 2 merchants to easily showcase ‘Quick Order’ block on any page of their e-commerce site such as CMS page, Product Category page, etc. Plus, also allow them to place or display ‘Quick Order’ form in any position/sidebar like Left Sidebar and Right Sidebar as well.

Add to Cart by SKU extension is mainly designed to beat Rush-Hour traffic and speed up the ordering process. With this extension, shoppers can quickly search and add products to their shopping cart by entering product SKU and a quantity in ‘Quick Order’ block. Despite that, there are many more useful features adhered with Add to Cart by SKU extension. So read on to learn;

The main highlights of ‘Add to Cart by SKU’ Extension are;

• Allows store owner to display or place ‘Quick Order’ block on any page of their e-commerce site (like CMS page, Product Category page, etc.) and in any position/sidebar (like Left Sidebar and Right Sidebar)

• Allows customer to quickly search and add products to their shopping cart via product SKU, without browsing each product category page.

• Displays search suggestions and auto-completes product SKU based on customers’ typed text into ‘Product SKU’ field.

• In case customer enters a product SKU of a configurable product into ‘Product SKU’ field, it will display a message like “Please select options for this product”.

These are the key features of our latest Magento 2 extension. Now update your e-commerce store with Add to Cart by SKU to make the ordering process faster and accessible.

At Envision Ecommerce, our entire team of certified developers continually focuses their efforts on introducing some useful extensions, plugins, etc. to make online buying and selling process easier and smoother for both seller and shopper. So always, stay tuned with us!

Get Upto 50% discount on All Envision Ecommerce Products!

The festive season is here! It’s time for freebies! So get ahead and leverage your E-commerce business with our superior Christmas & New Year offers!

On the occasion of Xmas and New Year, we bring up to 50% discount on almost all of our products. To pump up the enthusiasm of our clients, we offer a huge discount on all Magento 1 & 2 Extensions, Ionic Apps and much more.

So just get up and catch our exciting Christmas & New Year offers to add a special zing to this festive mood.

A Brief Glimpse of Our Xmas & New Year Discount Offer

  • Offer available for both existing and potential customers

  • No Coupon code required.

Hurry! This amazing offer valid till 31st December 2016.

In addition to this, we also facilitate you to create your Ecommerce store at just $229. These exciting offers allow you to groom your e-commerce venture, make money through giant profits. Just keep in mind that these special offers are valid from today to December 31, 2016.

To make your festival even more special, we are also offering Christmas Party Invitations Cards at free of cost. These cards are available in 3 different colors.

The Envision Family wish you all very Merry Christmas and Joyful New Year!

How to Include Custom Header Links in Magento 2?

As you all know ‘First Impression is the Last Impression’. So likewise, the header of your Magento 2 store is the first thing that any visitor will notice when they just open your website. It is the first impression that is going to leave the last impression on your store visitors and encourage them to explore your store further. That’s why you need to add sufficient information (or we can say custom header links) in your store’s header. To help you with your “How to”, we have come up with a “How to” blog on this topic.

You can follow the steps mentioned below so as to add custom header links to your existing Magento 2 based website and make it more eye-catching, clear and informative.

Here is how to include custom header links in Magento 2:

Step 1:

First off, create a custom module on the basis of Magento 2 structure under the folder app/code.

For instance: Magento 2 root directory/app/code/Envision/Newlink/

Step 2:

Now, you need to make a module.xml file in the path mentioned below to express your Magento 2 extension.

Magento 2 root directory/app/code/Envision/Newlink/etc/module.xml

<?xml version=“1.0”?>
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="../../../../../lib/internal/Magento/Framework/Module/etc/module.xsd">
<module name="Envision_Newlink" setup_version="2.0.1"></module>
</config>

Step 3:

Now, the next step is to produce routes.xml in the path mentioned below, only for your custom link:

Magento 2 root directory/app/code/Envision/Newlink/etc/frontend/routes.xml

<?xml version="1.0"?>
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="../../../../../../lib/internal/Magento/Framework/App/etc/routes.xsd">
<router id="standard">
<route id="newlink" frontName="newlink">
<module name="Envision_Newlink" />
</route>
</router>
</config>

Step 4:

After creating routes.xml, you need to create a layout file in the following path for a custom header:

Magento2 rootdirectory/app/code/Envision/Newlink/view/frontend/layout/header.xml

<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" layout="1column" xsi:noNamespaceSchemaLocation="../../../../../../../lib/internal/Magento/Framework/View/Layout/etc/page_configuration.xsd">
<body>
<referenceBlock name="header.links">
<move element="test-last" destination="header.links"/>
<block class="Envision\Newlink\Block\Header" name="test-link" after="myaccount-link"/>
</referenceBlock>
</body>
</page>

Step 5:

Now, create a block file which is stated in the layout file in the following path.

Magento2 root directory/app/code/Envision/Newlink/Block/Header.php

<?php
namespace Envision\Newlink\Block;
class Header extends \Magento\Framework\View\Element\Html\Link
{
protected $_template = 'Envision_Newlink::link.phtml';
public function getHref()
{
return__( 'testuser');
}
public function getLabel()
{
return __('Test Link');
}
}
?>

Step 6:

After creating a block file as mentioned above, it is essential to create a template file as mentioned in the following path.

Magento2 root directory/app/code/Envision/Newlink/frontend/templates/link.phtml

<li>
<a <?php echo $block->getLinkAttributes() ?>><?php echo $block->escapeHtm($block->getLabel())?>
<?php echo($block->getCounter()) ? '<span>' . $block->escapeHtml($block->getCounter()) . '</span>' : ''; ?>
</a>
</li>

Step 7:

After performing all these steps, you need to run the following Magento 2 upgrade command in the command prompt:

php bin/magento setup:upgrade

If you are having any doubts, feel free to contact us at [email protected] . However, if you do have any additional tips or method on this “How to”, you can suggest them in the comment section below.

Stay tuned for more How to blog on Magento 2. Till then Happy Magento 2 Coding!

3 Warning Signs You Might Need an Ecommerce Platform Upgrade

Unfortunately, warning signs to upgrade an eCommerce platform will not wave a bright red flag over the roof of your online store, with a say, “Upgrade me!” This is where a merchant needs to keep a hawkeye on all major things that communally contribute to the success or failure of their eCommerce site. Here we have compiled a list of 3 warning signs that you should seriously consider as the necessary fixes:

Multichannel Integration Issues

Nowadays customers prefer an eCommerce store which offers a smooth experience across all touch points like online, offline, mobile, etc. If you are running an older eCommerce platform based website, you may face multichannel integration issues when trying to implement multichannel integration. Since your older eCommerce platform will not comply with newer applications or systems, so it would be better to switch to a newer eCommerce platform to better serve your customers.

Your eCommerce Store’s Ranking is Not Increasing

Your eCommerce store’s ranking is lacking or not increasing, the eCommerce platform upgrade would be beneficial.

eCommerce platforms like Magento is a quite easy bet for most small to medium–sized eCommerce businesses to optimize their websites, offering a more organized URLs structure, enhancing your website’s loading speed and resulting in improved store ranking in search engines.

Chunky Checkout Procedure

Always keep in mind that your consumers have less patience when it comes to your site’s checkout process. They don’t know much about your site’s functionality. Thus, you need to cope up with their expectations, shopping method preferences, patience, and device of choice. If your eCommerce store’s checkout procedure is chunky and non-standard or is not easy to understand by your consumers, you need to look for an upgrade.

Is upgrading a Pain for You?

While upgrading your eCommerce website, there are many puzzle pieces which make this upgrading a pain for you. These puzzle pieces include your current theme, extensions and even your eCommerce platform itself. Upgrading each of these parts will help you in avoiding downtimes and customer frustration. We at Envision Ecommerce have a chunk of certified developers and eCommerce Solution Specialists who can make this upgrading a pretty straight forward for you.

Looking for an eCommerce upgrading support? Contact us for more information.

How to Send Custom Field Data in Additional Data of Magento 2 Custom Payment Method?

Sometimes you may need to send custom field data via your custom payment method of Magento 2 store, i.e. you may need to add an extra field on your checkout payment page. As you know there are only three mandatory fields in custom payment module such as credit card number, CVV and expiration data. Here if you want to send an extra field data to Model file of your module, you should override the Magento getData method as explained below:

1. Look up for a file called cc-form.js in your Magento installation under vendor\magento\module-payment\view\frontend\web\js\view\payment.

2. Here you will be able to find out the getData function that you need to override in your module payment_module_code-method.js as below:

getData: function () {
var data = {
'method': this.getCode(),
'additional_data': {
'cc_cid': this.creditCardVerificationNumber(),
'cc_ss_start_month': this.creditCardSsStartMonth(),
'cc_ss_start_year': this.creditCardSsStartYear(),
'cc_ss_issue': this.creditCardSsIssue(),
'cc_type': this.creditCardType(),
'cc_exp_year': this.creditCardExpYear(),
'cc_exp_month': this.creditCardExpMonth(),
'cc_number': this.creditCardNumber(),
'cc_token': $('#' + this.getCode() + '_cc_token').val(),
}
return data;
}

In above coding, you can notice that we are sending cc_token as a custom field value with additional data to Model file of Magento 2 custom module. Furthermore, you can fetch this value in the model file by using the code mentioned below:

public function authorize(\Magento\Payment\Model\InfoInterface $payment, $amount)
{
$info = $this->getInfoInstance();
$paymentInfo = $info->getAdditionalInformation()['data']['additional_data'];
$paymentInfo['cc_token'];
}

With this How to blog on Magento 2, you will be able to send custom field data in the additional data of Magento 2 custom payment method. Hope these coding steps point you in the right direction! Let our certified Magento developers know if you have any query.

Happy Magento 2 Coding!

Envision Ecommerce Conducting a Train & Hire Program for Undergraduates and Freshers

At Envision Ecommerce we are conducting a ‘Train & HirePHP program for undergraduates or students passing out from recognized institutes and colleges. In this program, a student has to undergo the process of 6 Months/2 Months paid PHP internship at Envision Ecommerce.

“Train & Hire” PHP program is a combined program for students to grab core technical skills, soft skills and hiring chances. Also, you will get knowledge about other in-demand IT technologies and platforms such as HTML Bootstrap, Core PHP, MVC, Magento, Laravel, Angular JS, Hybrid Application Development and Digital Marketing concepts.

Whether you want to learn one new thing or to start the path to technical mastery, you will always have an access to senior developers, eCommerce Experts, Magento Certified Developers, Laravel developers with 7+ years of experience and Google AdWords certified professionals.

42845f596856801e90704dc6fe268f9e1d76cf1be56de354edpimgpsh_fullsize_distr
This PHP internship program is focused on both theoretical & practical work in PHP, and students will also get opportunities to work on live PHP projects. Technical skill based tests, practical tests, reasoning tests and aptitude tests are some other ways we use to train our students.

Not only do we offer an internship, but also turn you to ‘IT Industry Ready’ by providing you with supplemental guidance on in-trend digital marketing concepts, eCommerce expertise, HTML concepts, soft skill development and corporate world introduction.

e7122cc5379633e002fa61090f403579f915b014b4e4179b70pimgpsh_fullsize_distr

Envision Ecommerce cordially invites all freshers & undergraduates to avail the benefits of our ‘Train & Hire’ PHP program. Get “well-trained” with the help of our certified professionals and grab a chance of being absorbed into Envision Ecommerce. Contact us to join this program!

Email us at: [email protected]

Call us at: +91-8872009774

Get a Fully Functional Ecommerce Store Ready in 7 Days – Starting at $299 only!

The holiday season is almost upon everyone and for business owners that means an opportunity. The holiday season is the most fruitful time of the year because it’s when you can fetch the most traffic towards your business, it’s when the most people shop online and it’s when you can make the most out of your eCommerce website. The opportunity is making an eCommerce store to showcase your products in front of a million users available online.

For almost everyone, when you think of eCommerce store, you think of “cost”. And, this cost seems too expensive. Isn’t it? That’s why we have come up with a special service offer for you, i.e. “Get your eCommerce Store Ready within 7 Days – starting at $299 only”.

Whether you need an eCommerce store based on WooCommerce, Magento 1 or Magento 2 technologies, we will create a full-fledged eCommerce store that seamlessly fits your needs – currently and in the future. The price of this service package varies as per the leading-edge technology you prefer, as highlighted below:

  • Ecommerce Store Based on WooCommerce: $299

  • Ecommerce Store Based on Magento 1: $599

  • Ecommerce Store Based on Magento 2: $999

The real benefit in grabbing these Envision’s special service packages will come from the features that are commonly packed in all these service packages, which means you will get a fully-functional eCommerce store with all necessary features that you really need in your online store – without any extra cost! You can avail a bundle of eCommerce services, products and extra benefits, $1200, within the costs ‘$299’, ‘$599’ and ‘$999’ mentioned above!

 
 

Quality Assured eCommerce Store

ecommerce

Rest assured that you will get a quality assured eCommerce store, passed through our rigorous & stringent QA/QC processes.

 

SEO Optimized eCommerce Store with the followings:

 

seoCanonical Optimization Done

404 Errors Checked

Google Indexing Done

Google Analytics Configured

Google Tag Manager Configured

Sitemap Creation

Robots File Configured

 

Payment Ready Ecommerce Store

payment

Get a payment ready eCommerce store with default PayPal and COD payment gateways integrated into it.

 

Ecommerce Store with a Live Chat Support

chat

Whatever service package you choose, you will not only get a fully-functional eCommerce store, but you will also get an integrated live chat feature within the costs mentioned above.

 

Mobile Ready Ecommerce Store

mobile

Whether you get an eCommerce store based on Magento 1, Magento 2 or WooCommerce, we assure you to deliver a mobile-enabled eCommerce store –without charging any extra cost.

 

Shipping Ready Ecommerce Store

shipping

Not only do we develop an eCommerce store within 7 days, but also deliver it as a shipping ready eCommerce store to our customers.

 

Other Necessary Features You will Get Along With a Full-Fledge Ecommerce Store

features

Social Login

Default Theme for WooCommerce

Default Theme for Magento 1

Default Theme for Magento 2

WooCommerce Extensions with WooCommerce store

Magento 1 extensions with Magento 1 store

Magento 2 extensions with Magento 2 store

Multicurrency Setup

Multi Language

Order Management

Inventory Management

Advance Reports

Customer Management

Automated Newsletter and Email Configurations

Out Of Stock Notification

Product Labels

One Step Checkout

Guest Checkout

Besides these features, Envision Ecommerce can also be helpful in many other situations where you need some additional features or customization services along with these eCommerce store development packages. You can discuss your requirements with our Ecommerce Solution Specialists in our ‘Half an Hour Free Consultation’ service. Don’t waste time and get your eCommerce website ready within just 7 days before the holidays so that you can maximize the traffic towards your core business and reach your ROI goals faster.

buy-now-png-pic

Envision Gets Magento Marketplace Approval for Three More Magento 2 Extensions

For the past few days, we have been working behind the scenes on getting our new Magento 2 extensions approved at Magento Marketplace. Finally, we are pleased to announce that our revolution of Magento 2 Extensions’ approval on Magento Marketplace is gaining momentum. After approval of our very first Magento 2 extension Request for Price, our three more Magento 2 extensions are now live on Magento Marketplace.

Magento Marketplace is a next-generation marketplace, offering unique business solutions, a curated collection of e-commerce products, tools, and a platform for Magento merchants to thrive their existing business.

Our Magento 2 Extensions That Get Approval on Magento Marketplace:

We at Envision Ecommerce are spreading our wings as an originator of the revolutionary Magento 2 extensions. But it is only achievable at the hands of a team of certified Magento developers who is having ample experience in Magento and dedicated to producing more quality products in near future. We are continuing to deliver more Magento 2 extensions to follow this same momentum. So stay tuned to know more!