Book Image

Magento 2 Development Cookbook

Book Image

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.

Related Content you might be interested in

Current Title:

Small book image
Magento 2 Development Cookbook
Dec, 2015 | 304 pages
No titles found
Table of Contents (18 chapters)
Magento 2 Development Cookbook
Magento 2 Development Cookbook
Credits
Credits
About the Author
About the Author
About the Reviewers
About the Reviewers
www.PacktPub.com
www.PacktPub.com
Preface
Preface
Free Chapter
1
Upgrading from Magento 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
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
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
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
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
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
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
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
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
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
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

Adding widgets to the layout

Magento has a set of predefined widgets that you can configure and show on the different pages. With the Magento widget interface, we can configure different widgets on different pages.

Getting ready

We will add a block of products on the content area of the homepage. Go to the backend and navigate to Content | Widgets.

How to do it…

In the following steps, we will configure a widget for the category pages:

  1. Click on the button Add Widget.

  2. In the form, set the following values:

    • Type: Catalog Products List

    • Design Theme: Packt cookbook

  3. Click continue and the following screen shows up:

  4. Complete the Storefront Properties tab with the following values:

    • Widget Instance Title: Widget-home-products

    • This is the title of the widget in the backend. A structural name is easy when working with a lot of widgets

    • Assign to Store Views: All Store Views

  5. Complete the Widget Options tab with the following values:

    • Title: Featured products

    • Number of Products to Display: 10

    • Conditions: Choose...

Previous Section
End of Section 10
Next Section