Magento 2 Development Cookbook

Magento 2 Development Cookbook

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.

Magento 2 Development Cookbook

Credits

About the Author

About the Reviewers

www.PacktPub.com

Preface

Free Chapter

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

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

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

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

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

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

Event Handlers and Cronjobs

Introduction

Understanding event types

Creating your own event

Adding an event observer

Introducing cronjobs

Creating and testing a new cronjob

Creating a Shipping Module

Introduction

Initializing module configurations

Writing an adapter model

Extending the shipping method features

Adding the module in the frontend

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

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

Debugging and Unit Testing

Introduction

Logging into Magento 2

Getting started with Xdebug

Running automated tests from Magento

Creating a Magento test case

Index

Customer Reviews

5 star

4 star

3 star

2 star

1 star

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:
```
<?xml version...
```

Magento 2 Development Cookbook

Magento 2 Development Cookbook

Overview of this book

Related Content you might be interested in

Current Title:

Magento 2 Development Cookbook

Adding extra files to the theme

Getting ready

How to do it…