Sign In Start Free Trial

Book Overview & Buying
Table Of Contents
Feedback & Rating

Magento 2 Development Cookbook

By : Bart Delvaux

4.8 (5)

Magento 2 Development Cookbook

4.8 (5)

By: Bart Delvaux

Overview of this book

With the challenges of growing an online business, Magento 2 is an open source e-commerce platform with innumerable functionalities that gives you the freedom to make on-the-fly decisions. It allows you to customize multiple levels of security permissions and enhance the look and feel of your website, and thus gives you a personalized experience in promoting your business.

Preface

Preface

What this book covers

What you need for this book

Who this book is for

Sections

Conventions

Reader feedback

Customer support

Free Chapter

1. Upgrading from Magento 1

1. Upgrading from Magento 1

Introduction

Creating a Magento 1 website with sample data

Creating a Magento 2 website

Preparing an upgrade from Magento 1

Upgrading the database

Using an IDE

Writing clean code with PHP MD and PHP CS

2. Working with Products

2. Working with Products

Introduction

Configuring the catalog defaults

Working with attribute sets

Working with product types

Adding social media buttons

Embedding an HTML object

Changing the URL of a product page

3. Theming

3. Theming

Introduction

Exploring the default Magento 2 themes

Creating a Magento 2 theme

Customizing the HTML output

Adding extra files to the theme

Working with LESS

Changing a page title

Working with translations

Adding widgets to the layout

Customizing email templates

4. Creating a Module

4. Creating a Module

Introduction

Creating the module files

Creating a controller

Adding layout updates

Adding a translation file

Adding a block of new products

Adding an interceptor

Adding a console command

5. Databases and Modules

5. Databases and Modules

Introduction

Creating an install and upgrade script

Creating a flat table with models

Working with Magento collections

Programmatically adding product attributes

Repairing the database

6. Magento Backend

6. Magento Backend

Introduction

Registering a backend controller

Extending the menu

Adding an ACL

Adding configuration parameters

Creating a grid of a database table

Working with backend components

Adding customer attributes

Working with source models

7. Event Handlers and Cronjobs

7. Event Handlers and Cronjobs

Introduction

Understanding event types

Creating your own event

Adding an event observer

Introducing cronjobs

Creating and testing a new cronjob

8. Creating a Shipping Module

8. Creating a Shipping Module

Introduction

Initializing module configurations

Writing an adapter model

Extending the shipping method features

Adding the module in the frontend

9. Creating a Product Slider Widget

9. Creating a Product Slider Widget

Introduction

Creating an empty module

Creating a widget configuration file

Creating the block and template files

Creating a custom configuration parameter

Finalizing the theming

10. Performance Optimization

10. Performance Optimization

Introduction

Benchmarking a website

Optimizing the frontend of the website

Optimizing the database and MySQL configurations

Optimizing the Apache web server

Finding performance leaks in Magento

Configuring OPcache, Redis, and Memcached

Optimizing the PHP configurations

11. Debugging and Unit Testing

11. Debugging and Unit Testing

Introduction

Logging into Magento 2

Getting started with Xdebug

Running automated tests from Magento

Creating a Magento test case

Index

Index

Customer Reviews

4.8 (5)

5 star

80%

4 star

20%

3 star

0%

2 star

0%

1 star

0%

Adding extra files to the theme

In the previous recipe, we learned how we can make structural changes to the HTML output. However an HTML output is not a completed website. With JavaScript and CSS, we can theme the HTML output.

Getting ready

We will learn how we can add CSS and JavaScript files to our theme. This is a common case when integrating an external JavaScript plugin. To do this, we have to work in the theme folder that we created in the recipe Creating a Magento 2 theme earlier in this chapter.

How to do it…

The following steps describe how we can add extra files to a theme:

Open the frontend and open the HTML source of a page, and have a look at the <head> section. We see that the included JS and CSS files are located in the pub/static map.
If we want to add an extra CSS file we have to configure that in the layout XML files. Open or create the file app/design/frontend/Packt/cookbook/Magento_Theme/layout/default_head_blocks.xml.
In that file add the following content:
```
&lt...
```

Visually different images

CONTINUE READING

83

Tech Concepts

36

Programming languages

73

Tech Tools

Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.

Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.

50+ new titles added per month and exclusive early access to books as they are being written.

Magento 2 Development Cookbook

Search

Your notes and bookmarks