Category: Magento2

13 Nov 2017

Migrate from Magento 1 to Magento 2

Take a full backup of our files and database of your magento site. Clone the magento store and use it for migration , don’t use your production site. Clone the database from your magento store . Migration of magento2 consists of three different types given below

  • Theme Migration
  • Extension Migration
  • Theme Customization

Note: There is a tool for magento1 to magento2 migration, but it’s not working for 100% . You have use at your own risk. So, we give a solution for magento1 to magento2 migration  from this blog.

Theme Migration:

Before starting, you must have little bit knowledge of magento2 & coding structure.

Steps to Produce:

  1. Download magento2 package with or without sample data.
  2. Create the folders & files like below app/design/frontend/vendor/theme/registration.php

app/design/frontend/vendor/theme/theme.xml

app/design/frontend/vendor/theme/etc/view.xml

app/design/frontend/vendor/theme/web/css/style.css

app/design/frontend/vendor/theme/web/js/sample.js

app/design/frontend/vendor/theme/web/images/logo.svg

app/design/frontend/vendor/theme/media/preview.jpg

app/design/frontend/ vendor/theme /Magento_Theme/layout/default.xml

  1. Configure & apply magento2 theme. Navigate Admin-> Content->Design-> Theme and check if your theme is appeared or not.
  2. Go to Stores-> Configuration ->Design. Choose your newly created theme and save. Clear the “cache”.
  3. Then Go to your frontend , you can see your own magento2 theme

 

Extension Migration:

  1. Magento 1 modules are not compatible with magento2 modules. Magento2 modules always use namespace, but magento1 is not.
  2. For migration process, you have to download all the magento2 modules same as your magento1 and replace the modules with inside the magento 1 store.
  3. For creating own modules, you have to create folders & files like below

app/code/vendor/module/

app/code/vendor/module/registration.php

app/code/vendor/module/etc/

app/code/vendor/module/etc/module.xml

app/code/vendor/module/Controller/

app/code/vendor/module/Controller/Index/Index.php

app/code/vendor/module/Block/

app/code/vendor/module/Block/Display.php

app/code/vendor/module/view/

app/code/vendor/module/view/frontend/layout/ module_index_index.xml

app/code/vendor/module/view/frontend/templates/display.phtml

Theme Customization:

  1. Customize the magento2 theme same as your magento1 theme is quite simple.
  2. Default theme in magento2 is “Luma Theme”. You can easily override and customize the “Luma theme” same as your magento1 theme. Follow below steps
  3. Copy all the folders inside the vendor/magento/ theme-frontend-luma.
  4. Paste into your app/design/frontend/ vendor/theme
  5. Then all the files are called from your “app/design/frontend/ vendor/theme” in magento2 frontend.
  6. So, you can customize your magento2 store as same as your magento 1 store like colors, fonts ,etc…

That’s All.

Hope this blog helped to drove this magento1 to magento2 migration successfully If you have any queries/doubts feel free to contact us support@ bootsgrid.com

04 Feb 2017

Magento2 Common Issues

I. Ves theme mega menu issue on product page:

I am using the Ves mega menu , one or two menus are not working. But there is no issue on my console.

So, I am unable to find the solution. After analyzing some time I got the solution for that issue.

ISSUE:

The Menus are mixed with heading tag. So when I am hover the menu it was not work.

FIX:

Just simple you can move down the mixed heading tag <h1> it will working fine

II. Litres choose option not workingon product pages:

I am using priceBox.js , When I am change the litres option of my product it will trigger the price calculation and product image for corresponding option your selected in the litres dropdown option. As you can see it doesn’t show any options. But when you do a quick view on the product it works. I have created three menu option for the products it will show the three types of product image based on litres But, I am unable to choose the litres option in my product page. Because there is an issue like below

ERROR:

Cannot call methods on price Box prior to initialization; attempted to call method ‘option’ in my configurable.js

Then, I am researching about the issue why it was happened, but nobody could not give the solution. After the lot of struggle, I find out solution for that issue (i.e) given below

ISSUE:

>ERROR: cannot call methods on price Box prior to initialization; attempted to call method ‘option’

FIX:

>Firstly, you can initialize the function named as (price Box) and then call the function (price Box).

CODE:

>Navigate pub/static/frontend/Venustheme/cropshop/en_GB/Magento_Configurable

Product/js/configurable.js

>In configurable.js, Replace the below code under the _initializeOptions: function () {

priceBoxOptions = $(this.options.priceHolderSelector).priceBox().priceBox(‘option’, ‘openOnFocus’, true).priceConfig || null;

III. Paynow button not working:

Using stripe payment option, the paynow button was not work. But I am using PayPal it was working fine. In my console there is an issue like give below

ERROR:

Uncaught Reference error : unable to process binding “options:

function () {

return getCcMonthValues()

}”

Message: _is not defined in shipping.js

FIX:

Navigate app/code/Cryozonic/StripePayments/view/frontend/web/js/view/payment/method-renderer/ cryozonic_stripe.js

Open the shipping.js file and define the underscore.js in your shipping.js file like below

CODE:

define ([

‘underscore’

].

function(_) {}

);

IV. Click pay by card(stripe) – expire date not loaded:

I am clicking pay by card(stripe). The expire date/month/year field was loaded the dropdown.

ERROR:

Uncaught Reference error : unable to process binding “options:

function () {

return getCcMonthValues()

}”

Message: _is not defined in cryozonic_stripe.js

FIX:

Navigate app/code/Cryozonic/StripePayments/view/frontend/web/js/view/payment/method-renderer/ cryozonic_stripe.js

Open the cryozonic_stripe.js file and define the underscore.js in your cryozonic_stripe.js file like below

CODE:

define ([

‘underscore’

],

function(_) {}

);

V. Quantity not updated in checkout page:

When I am Adding or removing the product quantity and also Adding/updating Address in my checkout page it will arise on issue like

ERROR:

Uncaught Reference error : unable to process binding “options:

function () {

return getCcMonthValues()

}”

Message: _is not defined in quote.js

FIX:

Open the quote.js file and define the underscore.js in your quote.js file like below

CODE:

define ([

‘underscore’

],

function(_) {}

);

25 Jan 2017

Magento2.1.3 checkout button issue

I. How to fix magento2 checkout button issue:

  • Issue on my console is Uncaught Reference Error: _ is not defined in shipping.js
  • Download underscore.js and include that library in pub/static/frontend/vendor/module/en_GB/
  • Open the shipping.js file and define the underscore.js library as ‘underscore’ and also in function parameter as _.

For Example,

define( [
‘underscore’
],
function ( _)

II. How to fix magento2 expiration date issue on pay by card(stripe):

    • Issue on my console is Uncaught Reference Error: _ is not defined in cryozonic_stripe.js
    • Open that cryozonic_stripe.js file and define the underscore.js library as ‘underscore’ and also in function parameter as _.
    • Same as example above

 

Dеѕignеd to bе соmрlеtеlу ѕсаlаblе and bасkеd bу a ѕtrоng ѕuрроrt network, Mаgеntо 2.x оffеrѕ соmраniеѕ thе ultimаtе eCommerce solution.

Mаgеntо eCommerce Plаtfоrmѕ рrоvidе thе ѕсаlаbilitу, flеxibilitу and features for business grоwth. Mаgеntо 2.x рrоvidеѕ fеаturе-riсh eCommerce рlаtfоrmѕ thаt оffеr mеrсhаntѕ соmрlеtе flеxibilitу аnd соntrоl оvеr thе presentation, соntеnt, аnd functionality оf their оnlinе channel.
Manage your еntirе multiрlе wеbѕitе with single administration раnеl оf mаgnеtо, which eases уоur task and helps in bеttеr mаnаgеmеnt.