Magento 2 Cookbook

Magento 2 Cookbook

Overview of this book

Magento 2 is an open source e-commerce platform that has all the functionality to function from small to large online stores. It is preferred by developers and merchants due to its new architecture, which makes it possible to extend the functionalities with plugins, a lot of which are now created by the community. This merchant and developer guide is packed with recipes that cover all aspects of Magento 2. The recipes start with simple how-to’s then delve into more advanced topics as the book progresses. We start with the basics of setting up a Magento 2 project on Apache or Nginx. Next, you will learn about basics including system tools and caching to get your Magento 2 system ready for the real work. We move on to simple tasks such as managing your store and catalog configuration. When you are familiar with this, we cover more complex features such as module and extension development. Then we will jump to the final part: advanced Magento 2 extensions. By the end of this book, you’ll be competent with all the development phases of Magento 2 and its most common elements.

Magento 2 Cookbook

Credits

Foreword

About the Authors

About the Reviewer

www.PacktPub.com

Preface

Free Chapter

Installing Magento 2 on Apache and NGINX

Installing Magento 2 on Hypernode

Managing Magento 2 on Docker

Magento 2 System Tools

Introduction

Installing Magento 2 sample data via GUI

Installing Magento 2 sample data via the command line

Managing Magento 2 indexes via the command line

Managing Magento 2 cache via the command line

Managing Magento 2 backup via the command line

Managing Magento 2 set mode (MAGE_MODE)

Transferring your Magento 1 database to Magento 2

Enabling Performance in Magento 2

Introduction

Configuring Redis for backend cache

Configuring Memcached for session caching

Configuring Varnish as the Full Page Cache

Configuring Magento 2 with CloudFlare

Configuring optimized images in Magento 2

Configuring Magento 2 with HTTP/2

Configuring Magento 2 performance testing

Creating Catalogs and Categories

Introduction

Create a Root Catalog

Create subcategories

Manage attribute sets

Create products

Manage products in a catalog grid

Managing Your Store

Introduction

Creating shipping and tax rules

Managing customer groups

Configuring inventories

Configuring currency rates

Managing advanced pricing

Creating a Magento 2 Theme

Introduction

Creating a new theme

Changing a layout XML of a Magento 2 module

Adding CSS/JS to pages

Using Grunt for CSS changes

Adding static blocks to pages through layout XML

Adding static blocks to pages through widgets

Using a dynamic serving theme based on the client browser

Creating theme-specific translations

Creating Magento 2 Extensions – the Basics

Introduction

Initializing extension basics

Working with database models

Creating tables using setup scripts

Creating a web route and controller to display data

Creating system configuration fields

Creating a backend data grid

Creating a backend form to add/edit data

Creating Magento 2 Extensions – Advanced

Introduction

Using dependency injection to pass classes to your own class

Modifying functions with the use of plugins – Interception

Creating your own XML module configuration file

Creating your own product type

Working with service layers/contracts

Creating a Magento CLI command option

Index

Customer Reviews

5 star

4 star

3 star

2 star

1 star

Configuring optimized images in Magento 2

Running a Magento store can be difficult—configuring the server, creating store views, and adding categories and products. Everyone knows that every product needs at least one product image. In some setups, we even have more than one. From this single master image, multiple thumbs are created, such as base image, small image, swatch image, and thumbnail.

By default, images are not optimized for the web when saving them in Photoshop. Images shown on a website are not exactly the same as images for print. The Exchangeable Image File (EXIF) data, for example, is not needed, and by removing this metadata, you can save lots of bytes. The smaller the image, the faster it's shown in the browser of the customer.

Here is an example of EXIF data (not optimized). The current file size is 620,888 bytes:

EXIF Data

File:
  ExifByteOrder: Big-endian (Motorola, MM)
  CurrentIPTCDigest: 50bb6030364fbdfb1842e98de0e81efe
  ImageWidth: 1024
  ImageHeight: 768
  EncodingProcess...

Magento 2 Cookbook

Magento 2 Cookbook

Overview of this book

Related Content you might be interested in

Current Title:

Magento 2 Cookbook

Configuring optimized images in Magento 2